Mengubah Tampilan Popular Posts

Ingin tampilan blog-mu lebih menarik? Beragam cara dapat dilakukan agar tampilan blog menjadi lebih menarik dan memanjakan mata pengunjung. Salah satunya dengan memperindah tampilan widget Popular Post seperti yang ada di blog ini. Widget ini perlu ditampilkan karena akan membantu pengunjung dalam mencari postingan pada blog Anda yang paling sering dilihat, atau dengan kata lain postingan yang paling populer.

Yang berbeda dari Popular Posts pada umumnya adalah saat cursor menuju pada salah satu posting-an blog, maka akan muncul efek hover seperti yang terlihat pada gambar diatas dan dapat Anda coba secara live di blog ini.

Berikut adalah langkah yang harus dilakukan jika ingin merubah tampilan Popular Posts Anda:

1. Login ke akun blog.

2. Pilih Template kemudian Edit HTML.

3. Cari kode ]]></b:skin> menggunakan Ctrl+F kemudian copy kode dibawah ini, lalu paste di atas kode ]]></b:skin>

.popular-posts ul{padding-left:0px;}.popular-posts ul li {list-style-type: none;margin: 0px 0px 5px;padding: 5px 5px 5px 20px !important;border: 1px solid #dddddd;border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}.popular-posts ul li:hover {border:1px solid #666666; box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}.popular-posts ul li a:hover {text-decoration:none;}

4. Jangan lupa untuk menyimpannya dengan klik Save Template.
5. Untuk melihat perubahannya, silakan kunjungi laman blog Anda.


Sekian tutorial blog kali ini. Untuk tutorial selanjutnya silakan ditunggu ya, semoga bermanfaat. Jika menemui kesulitan, silakan tinggalkan pertanyaan di kolom komentar ya. Terimakasih. :D

18:02

Info, Tutorial, Tutorial Blog