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 ]]></b:skin>
5. Pastekan kode dibawah ini sebelum kode ]]></b:skin>
.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.
0 komentar:
Posting Komentar