Info informasi
Cara Membuat Popular Post Warna-warni Di Blog atau artikel tentang
Cara Membuat Popular Post Warna-warni Di Blog ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.
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 - T
ambah 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 |
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.
Demikian artikel tentang
Cara Membuat Popular Post Warna-warni Di Blog ini dapat kami sampaikan, semoga artikel atau info tentang
Cara Membuat Popular Post Warna-warni Di Blog ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.