Membuat Judul Postingan Menjadi Miring di Blog

Inilah postingan yang kurang kerjaan, abis tulisan judul blog dah bener-bener bagus malah dibuat miring. Efek animasi judul postingan menjadi miring ini akan berfungsi jika mouse anda didekatkan pada judul postingan, maka otomatis judul postingan akan miring dan tegak lagi. Sebenarnya membuat judul postingan miring di blog ini hanya untuk mempercantik blog, jadi yang senang dengan keindahan blog tentunya tutorial ini akan berguna sekali. Jika anda tertarik ingin membuatnya atau sekedar menyimak aja, silahkan baca tutorialnya dibawah ini
Cara membuat judul postingan miring jika disorot mouse :
1. Login ke blogger
2.Pilih Template
3. Klik Edit HTML.
4. Cari kode ]]>
5. Pastekan kode dibawah ini sebelum kode ]]>

.post-title{opacity:0.7; background:#5D7EFF; border:1px solid white; -moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; font-family:'Molengo',Trebuchet MS,Serif; font-size:22px; margin-bottom:2px; padding:5px 10px 10px 10px; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); line-height:1.2em}
.post-title:hover{transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}

Hasilnya akan tampak seperti gambar dibawah ini :

6. Selesai dan simpan template

Untuk anda yang ingin membuat efek shadow pada teks, silahkan dicoba juga, semoga postingan tentang membuat judul postingan miring ini bermanfaat untuk anda supaya blog anda terlihat lebih menarik.