Karena berdasarkan aku eksklusif walaupun aku tidak begitu paham bener dengan yang namanya arahan html, namun dikala 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 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 arahan dibawah ini.
Namun sebelumnya jikalau template blog anda sudah mempunyai arahan popular post, silahkan di hapus terlebih dahulu, namun harus di pertimbangkan dulu apakah yakin atau tidak.
Jika sudah di pertimbangkan dengan baik silahkan copy dan paste arahan berikut ini, untuk ganti posisi arahan popular post yang telah dihapus tadi. Tepat
Di atas arahan ]]></b:skin>
Membuat widget Posting Popular Unik dan Keren Ala VioMagz
/* 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 arahan yang di bagikan di atas ini tidak berhasil sebaiknya di kembalikan sajah srperti semula.
Demikian Cara Membuat Popular Post Menarik di Blogger Ala Template VioMagz
Selamat mencoba.
0 Response to "Cara Menciptakan Popular Post Unik Dan Keren Ala Vio Magz"
Post a Comment