Tutorial Membuat Popular Post Dengan Efek Hover CSS3

Tagalongsoft.blogspot.om, Tutorial Membuat Popular Post Dengan Efek Hover CSS3 | Popular Post merupakan salah satu widget penting yang harus dipasang di blog kita. Dengan Popular Post pengunjung dapat melihat artikel-artikel kita yang paling banyak dikunjungi. Efek hover yang saya berikan ini untuk menambahkan kesan menarik di widget popular post nya. Dan untuk sobat yang minat dengan efek ini, silahkan lihat tutorial nya dibawah ini.

1. Login ke akun blogger sobat.
2. Pada menu disebelah kiri klik Template -> Edit HTML.



3. Jangan lupa untuk memback-up template sobat apabila terjadi hal-hal yang tidak diinginkan.
4. Kemudian cari kode ]]></b:skin> dan letakan script css dibawah ini tepat diatas kode tadi.

12 /*CSS Popular Posts by http://tagalongsoft.blogspot.com*/#PopularPosts1{border: 0px solid #000000; /*Main Border Color */margin: 0;}#PopularPosts1 ul{margin: 0;padding: 0;list-style-type: none;font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;}#PopularPosts1 a{display: block;margin: 0;padding: 3px 5px 3px 5px;text-decoration: none;color: #ffffff;background-color: #005C91;width:300px;border-bottom: 1px solid #90bade;border-left: 5px solid #1958b7;border-right: 5px solid #1958b7;list-style-type:none;}#PopularPosts1 a:hover {background-color: #04BDFA;border-left-color: #1c64d1; /*Left border color On Hover*/border-right-color: #1c64d1; /*Right border color On Hover*/}

5. Terakhir simpan template sobat.

Sekian tutorial membuat popular post dengan efek hover CSS3, semoga bermanfaat bagi sobat.