Widget Style Popular Post versi 2015

Widget Style Popular Post versi 2015

Assalamualaikum warahmatullahi wabarakatuh.

Selamat datang para sobat blogging semua yang sengaja datanga, ataupun yang tidak sengaja datang di blog ini. Pada artikel terbaru dan perdana ini saya sengaja ingin berbagi sebuah widget popular post yang sederhana namun saya namakan saja popular post version 2015 maksudnya dalam rangka menyambut datang tahun baru 2015. Jika sobat berminat memasanga atau sebatas melihat lihat saja silahkan dengan segala hormat saya sudah sajikan semoga bisa berkenan pada pilihan anda.

Widget popular post :

Widget popular post pada dunia blogging sudah tidak asing lagi setiap halaman blog pasti yang sudah menggunakanya akan nampak pada area posting atau pada halaman lainya di blog tersebut. Nah pada artikel yang pertama saya publish di blog baru saya ini, barabgkali diantara anda ada yang berminat memasang widget popular post versi terbaru yang akan saya bagikan ini simak selengkapnya di bawah ini dengan sekasama :

Cara memasang Popular Post :

Pertama buka dashboard blog anda dan sign in, Selanjutnya masuk pada pilhan Tata letak dan klik tambahkan widget baru bawaan blogger tersebut pada area tambah gadget. Selanjutnya untuk memodifikasi tampilan widget poular post anda lebih menarik dan elegan sesuai dengan versi Tahun 2015 ini. Copy kode CSS Di bawah ini.

.popular-posts ul{padding-left:0px}
.popular-posts ul li{background:none no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.popular-posts ul li:hover{border:1px solid #ddd}
.popular-posts ul li a:hover{text-decoration:none}
.s3slider {
margin:0 auto 10px;
border:3px solid black;
background:#333 none no-repeat 50% 50%;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
position:relative;
overflow:hidden;
}

Cara memasang kode CSS diatas :

Buka Dashboard blog anda lalu klik template, selanjutnya klik edite template cari code. </style> Tekan Ctr + L untuk memudahkan pencarianya, setelah ketemu copy kode CSS diatas dan pastekan tepat diatas kode. </style> Setelah benar penempatanya jangan lupa save/simpan template anda. jika anda benar pemasangan tutorial ini dengan benar maka akan tampil widget popular post yang antik dan keren selamat mencoba semoga berhasil... salam ceria dan salam blogging :)

share : Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 05.44 and have 10 komentar