Tampilkan postingan dengan label Membuat Entri Populer Lebih Keren. Tampilkan semua postingan
Tampilkan postingan dengan label Membuat Entri Populer Lebih Keren. Tampilkan semua postingan

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

>>more>>