Cara Memasang Popular Post Bergaya Corner di blogger

Cara Memasang Popular Post Bergaya Corner di blogspot . Cara memasang, mengaktifkan, membuat, memodifikasi popular post di blogger, salah satu widget yang cukup keren dikelasnya dan entah kelas yang mana, hehehehe semua kreasi dan kreatifitas para master-master blogger maupun shifu website yang tidak ada habis-habisnya membuat ataupun memodifikasi widget-widget untuk menciptakan sesuatu yang baru.

Dengan melihat screenshot/picture diatas sungguh keren bukan? Untuk langkah tutorialnya bisa dilihat dan langsung dipraktekkin dibawah ini.

" Sebelum melakukan tindakan tutorial berikut ini alangkah baiknya sahabat membackup template sahabat terlebih dahulu, karena tidak semua kode apapun bisa berhasil atau sinkron terhadap template yang sahabat punya."

Ini dia tutorial cara membuat popular post bergaya Corner

1. Masuk ke dalam blogger sendiri-sendiri
2. Pada layar Dasboard pilih Template kemudian Edit HTML
3. Carilah kode CSS popular post dalam template sahabat, biar cepat gunakan CTRL+F Setelah dapat hapus kode tersebut.
4. Lihat kode CSS berikut dan Copas tepat sebelum kode ]]></b:skin> atau dimana tempat sahabat menghapus popular post defaultnya tadi.

/* Popular Posts by seputarblog1 */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;
list-style-type: none;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
height: 40px;
-moz-box-shadow: 3px 2px 5px #242424;
-webkit-box-shadow: 3px 2px 5px #242424;
box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px;
}
.popular-posts ul li a {
font-style: italic;
}
.popular-posts ul li:hover {
border:1px solid #d10202;
 -moz-box-shadow: 3px 2px 5px #d10202;
-webkit-box-shadow: 3px 2px 5px #d10202;
box-shadow: 3px 2px 5px #d10202;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
height:40px;width:40px;
webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.popular-posts .item-thumbnail img:hover{
-moz-box-shadow: 0px 0px 5px #d10202;
-webkit-box-shadow: 0px 0px 5px #d10202;
box-shadow: 0px 0px 5px #d10202;}

nah sekarang bagaimana dengan Popular Post blog sahabat sekalian, keren bukan? Selamat menikmati kemewahannya ya.. hehehehehe
itulah tadi Cara Memasang Popular Post Bergaya Corner di blogger jika sahabat kurang berkenan dengan popular post yang diatas sahabat juga bisa kunjungi Kumpulan Popular Post Keren Terbaru dan Di Update di link ini sahabat bisa melihat dan memilih popular post yang sahabat suka dan ingin menerapkannya pada blog-blognya.

Salam sukses slalu buat para blogger-blogger, semoga bisa terus menjadi sahabat dan saling berbagi aspirasi dan inspirati serta kreasinya.

Ttd

Seputar Dunia Blogging

Tweet