Satu lagi cara membuat blog anda menjadi menarik. Yaitu dengan membuat judul postingan berposisi miring. (seperti contoh gambar diatas). Akan tetapi apabila judul disorot oleh mouse, maka judul akan berubah posisinya menjadi lurus mendatar. Bagai mana cara membuatnya ? Langsung simak saja langkahnya dibawah ini.
1. Masuk dashboard blog anda.
2. Sebelumnya back up terlebih dahulu template anda untuk menjaga hal-hal yang tidak di inginkan.
3. Pilih Template, lalu klik Edit HTML.
4. Kemudian cari kode ]]></b:skin>
5. Seteleh ketemu pastekan kode berikut di atas ]]></b:skin>
/* post rotate */<!-- http://belajarsaraf.blogspot.com/ -->.post-title{opacity:0.7; background:#050505; 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} |
6. Kemudian simpan template anda
Dan lihat hasilnya.
No comments:
Post a Comment