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 :
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.
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.
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 |
Itulah ulasan facewoman Tentang Cara Membuat Popular Post Warna-warni Di Blog, semoga bisa jadi refrensi untuk anda yang sedang memburuhkan.
Silahkan gan. :)
BalasHapuswah, jadi pingin nih, saya coba dulu
BalasHapusdi coba saja gan. :)
HapusSaya coba terapkan gan, trims ya. Ditunggu kunjungannya...
BalasHapusPosting Komentar
Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.