Merubah Tampilan Post Popular Blog Jadi Keren

Oke, kali ini saya ingin membagikan tips untuk membuat popular posts di blog anda menjadi lebih menarik. Tampilan yang keren adalah salah satu faktor agar blog kita ramai pengunjung. Nah, salah satunya dengan cara mengedit post pupular bawaan blogspot menjadi seperti gambar di bawah ini :

Jika anda berminat, berikut langkah-langkahnya :
1. Login Bloger Anda
2. Masuk ke Template=> Edit HTML
3. Cari kode ]]></b:skin> Untuk memudahkan pencarian gunakan ctrl+f
4. Copy script code di bawah ini dan letakkan di atas ]]></b:skin>

.sidebar .popular-posts ul li img:hover, .cross2 ul li img:hover {-moz-transform:scale(1.1) rotate(-0deg); -webkit-transform:scale(1.1) rotate(-0deg); -o-transform:scale(1.1) rotate(-0deg); -ms-transform:scale(1.1) rotate(-0deg); transform:scale(1.1) rotate(-0deg);filter:alpha(opacity=100);opacity:1;border-radius: 50%;} .sidebar .popular-posts ul{margin:0;padding:2px;} .PopularPosts .widget-content ul li {padding: .1em 0;} .sidebar .popular-posts ul li {margin: 0 3px;background:none;float:left;width:91px;list-style-type:none;border:none;line-height:0px;} .sidebar .popular-posts ul li img {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;width: 85px;height: 85px;opacity: 0.7;opacity:0.7;filter:alpha(opacity=70);background:#444; border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666;padding:4px;} .PopularPosts .item-thumbnail {margin: 0;} .sidebar .PopularPosts .item-title {display: none;}

5. Save Template Anda
6. Masuk ke Dashboard=>Tata Letak=>Add Gadget=>Popular Posts
7. Setting Popular Posts seperti gambar di bawah ini :

Silahkan simpan dan nikmati tampilan baru popular post anda.

Oleh : Frandy Christian Pada hari Rabu, November 13, 2013

Tweet

Berlangganan artikel terbaru via Email