Membuat Entri Populer Lebih Keren

Asskum all, gimana punya kabar, so pasti baik-baik aja bukan ??
Pada kesempatan kali ini kita akan membahas bagaimana Cara membuat entri populer lebih menarik,
tanpa banyak basi  kita langsung menuju ke TKP. berikut ini contonya

  • Ok langkah pertama masuk blog sobat
  • Masauk ke Rancangan >>Edit HTML
  • Jangan lupa Expand Widget Template
  • Kemudian cari ]]></b:skin> tekan Ctrl+F untuk mempermdah pencarian
  • Yang terahir copy paste kode script di bawah ini dan letakkan tepat di atas ]]></b:skin>

<style type='text/css'>.PopularPosts .item-title{display:yes}.PopularPosts ul li {border-radius:50px 0px 0px 50px;float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;border: 1px solid #444;overflow: hidden;box-shadow: 0px 0px 1px #333;font-style: normal;font-weight:bold;width: 100%;height:60px;border-radius:35px 5px 5px 35px;}.PopularPosts ul li:hover{background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);overflow: hidden;color: #414141;width: 100%;height:60px;border: 1px solid #ffffff;box-shadow: 0px 0px 2px #ffffff;}.PopularPosts ul li img {padding:1px  ;margin:1px;margin-top:3px;border-radius:35px 35px 35px 35px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 1px solid #333;height: 50px;width:50px;overflow: hidden;}.PopularPosts ul li img:hover {border:1px solid #ffffff;border-radius:25px 25px 25px 25px;background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);box-shadow: 0px 0px 10px #ffffff;}</style>


Keterangan: 

Setelah pengeditan selesai pratinjau dulu, lihat dengan seksama bagian atas header muncul script seperti ini ( --> ) apa gak, kalo muncul script sperti tersebut silahkan sobat hapus kode yang berwarna orange diatas. moga bermanfaat

Tidak ada komentar: