Cara Memberi Efek Keren pada Judul Postingan

Membuat blog yang keren merupakan salah satu trik menghadirkan banyak pengunjung, dimana setiap pengunjung akan betah bahkan akan selalu mengunjungi kembali blog kamu karena tertarik dengan blog kamu yang keren itu.

Nah, kali ini saya akan berbagi cara bagaimana meningkatkan kerennya blog kamu, yaitu dengan membuat efek hover pada judul postingan, dimana ketika mouse di sorot ke judul postingan kita, akan mengeluarkan efek yang sangat keren.

Sebelum praktek lihat dulu demonya di SINI

OK saat kita praktek, ikuti langkah langkahnya:

1. Masuk akun blog kamu
2. pilih template > edit HTML, nah disitu kamu cari kode </head> pakai ctrl+F biar cepat
3. Setelah ketemu masuk kan kode di bawah ini dibawah kode </head>

<style type='text/css'>
.post h1,.post h2{color:#666; border-left:10px solid #666; border-right:10px solid #666; padding:3px 5px 3px 20px; border-radius:15px; -moz-border-radius:15px; box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; -moz-box-shadow:0px 0px 13px #666}
.post h1,.post h2:hover{color:#FF133F; border-left:10px solid #FF133F; border-right:10px solid #FF133F; box-shadow:0px 0px 13px #FF133F; -webkit-box-shadow:0px 0px 13px #FF133F; -moz-box-shadow:0px 0px 13px #FF133F}
</style>

4. Terakhir klik save

Sekian semoga bermanfaat...:)