Cara Membuat Popular Post Warna-warni Di Blog
Cara Membuat Popular Post Warna-warni Di Blog
 Bagaimana Cara Membuat Popular Post Keren Di Blog ? - Kali ini facewoman akan berbagi cara tersebut. dimana cara isi saya peroleh dari blog mybloggertools.org yang memang blog itu menyugukan tutorial keren di blog. Untuk melihat demo widget tersebut lihat demo di bawah ini :


Jika anda tertarik untuk membuatnya,silahkan ikuti langkah-langkah di bawah ini :

1.Login Blogger.
2.Langkah kedua Masuk Dashboard - Template - Edit HTML - Centang Expand Widget Template - Kemudian Cari Kode ]]></b:skin> untuk mempercepat proses pencarian kode, gunakan Ctrl + F Kemudian Masukkan Kode ]]></b:skin>, Jika sudah anda ketemukan kemudian, copy kode di bawah ini dan letakkan dtepat di atas kode tersebut :
#Label1 ul li a:hover{color:#fff;text-decoration:none}

#Label1 ul li a {-webkit-text-size-adjust: auto; 
-webkit-text-stroke-width: 0px;  color: #333333; display: block; 
font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; 
font-style: normal; font-variant: normal; font-weight: normal; 
letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; 
min-height: 30px; orphans: 2; padding-top: 10px; text-align: 
-webkit-auto; text-decoration: none !important; text-indent: 0px; 
text-transform: none; white-space: normal; widows: 2; word-spacing: 
0px;}

#Label1 ul li:first-child:after,

#Label1 ul li:first-child + li:after,

#Label1 ul li:first-child + li + li:after,

#Label1 ul li:first-child + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li + li + li + 
li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px
 solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px 
#000;-moz-box-shadow: 0px 0px 5px 
#000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#Label1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#Label1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#Label1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#Label1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#Label1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#Label1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#Label1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#Label1 ul li:first-child + li + li + li + li:after{content:"5"}

#Label1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#Label1 ul li:first-child + li + li + li:after{content:"4"}

#Label1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#Label1 ul li:first-child + li + li:after{content:"3"}

#Label1 ul li:first-child + li{background:#ff764c; width:90%}

#Label1 ul li:first-child + li:after{content:"2"}

#Label1 ul li:first-child{background:#ff4c54 ;width:90%}

#Label1 ul li:first-child:after{content:"1"}

#Label1 ul{margin:0;padding:0px 0;list-style-type:none}

#Label1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px
 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px 
#000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

3 .Lagkah ketiga simpan Template.
4.Langkah Keempat masuk Tata Letak - Tambah Gadget - Add Java Scrip - Kemudian Cari widget Populer post, setting angka populer post anda menjadi ( 9 ) sembilan dan hapus centang yang ada.
setting Popular Post
setting Popular Post
5.Langkah terakhir Simpan Gadget.

 Itulah ulasan facewoman Tentang  Cara Membuat Popular Post Warna-warni Di Blog, semoga bisa jadi refrensi untuk anda yang sedang memburuhkan.

5 Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

  1. Wew new triks ya sobb...

    mantab dahhh./....


    Izin coba kwowk..

    BalasHapus
  2. wah, jadi pingin nih, saya coba dulu

    BalasHapus
  3. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus

Posting Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama