Cara Menciptakan Popular Post Unik Dan Keren Ala Vio Magz
Template blog viomagz yakni salasatu template blogspot buatan dari blogger indonesia yaitu: mas sugeng admin blog dari www.sugeng.id tampilan dari template ini sangat simple, dan keren, juga gampang di gunakan walaupun oleh orang pemula, ya ibarat aku ini.Karena berdasarkan aku langsung walaupun aku tidak begitu paham bener dengan yang namanya isyarat html, namun saat aku coba memakai template blogger ini, aku coba masuk edit kode-kode html di dalamnya ternyata, mas sugeng menciptakan dan menempatkan susunanya dengan rapih dan teratur, jadi jikalau kita ingin mencari untuk edit kode-kode tertentu kita tidak ribet dan pusing mencarinya,
Maka dari itu, sudah sangat tidak heran lagi kalau para blogger banyak yang menyukai dan memakai template blog tersebut. Dan salasatu tampilan keren dalam template blogspot viomagz ini, di bab widget Popular post (posting Popular) yang terlihat keren dan unik,
Untuk itu bila ada yang tertarik ingin menampilkan widget popular post ibarat ala template Vio Magz, maka anda dapat mencoba membuatnya dengan copy isyarat dibawah ini
Namun sebelumnya jikalau template blog anda sudah mempunyai script popular post, silahkan di hapus terlebih dahulu.
Jika sudah simpulan silahkan copy dan paste isyarat berikut, untuk ganti posisi script popular post yang telah dihapus tadi. Tepat
Di atas isyarat ]]></b:skin>
Cara Membuat Popular Post Unik dan Keren Ala Vio Magz
/* Popular Posts */ .PopularPosts .widget-content ul,.PopularPosts .widget-content ul li,.PopularPosts .widget-content ul li img,.PopularPosts .widget-content ul li a,.PopularPosts .widget-content ul li a img{margin:0;padding:0;list-style:none;border:none;outline:none} .PopularPosts .widget-content ul{margin:0;list-style:none;counter-reset:num} .PopularPosts .widget-content ul li img{display:block;width:70px;height:70px;float:left} .PopularPosts .widget-content ul li{margin:0 0 10px;counter-increment:num;position:relative} .PopularPosts ul li:last-child{margin-bottom:0} .PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:500;text-decoration:none;color:#444} .PopularPosts ul li .item-title a:hover,.PopularPosts ul li a:hover{color:#49ACE1} .PopularPosts ul li .item-thumbnail-only:before,.PopularPosts ul li .item-content:before{content:counter(num)!important;font-size:30px;font-weight:500;display:block;position:absolute;top:0;left:0;bottom:0;background:linear-gradient(#49ACE1,#fff);color:#fff!important;width:30px;padding-top:10px;text-align:center} .PopularPosts .item-title,.PopularPosts .item-thumbnail,.PopularPosts .item-snippet{margin-left:34px} .PopularPosts .item-title{line-height:1.6;margin-right:8px} .PopularPosts .item-thumbnail{float:left;margin-right:8px} .PopularPosts .item-snippet{line-height:1.6em;font-size:14px;margin-top:8px}
Setelah itu, klik Simpan.
Pastikan template sebelumnya sudah di back up, terlebih dahulu, sbelum kode-kode nya di bongkar pasang. Dan saran aku jikalau dengan menggunaka isyarat di bagikan di atas ini tidak berhasil sebaiknya di kembalikan sajah srperti semula.