Sabtu, 22 September 2012

Cara Memberi Judul Posting Efect Rotation Miring

2 komentar



Silahkan sobat cari script yang hampir sama dengan script seperti di bawah ini di blog sobat , karena setiap template berbeda beda

Klik Disini

jika sudah ketemu kode script yang mirip di atas , sisipkan efect miring rotation kode script di bawah ini

transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg); -o-transform:rotate(2deg)
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(2deg)


Jika digabungkan kode scriptnya menjadi seperti di bawah ini

.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#000000;font-weight:normal;transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg); -o-transform:rotate(2deg)}
.post h3 strong, .post h3 a:hover {color:#333333;transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(2deg)}


Untuk script yang saya beri warna hijau bisa sobat ubah nilainya semakin besar nilainya maka akan semakin miring judul tersebut , sebenarnya script efect rotation miring tersebut bisa diterapkan pada yang lain , saya hanya baru mencoba pada judul posting saja sobat bisa kembangkan kembali untuk penempatan efect rotation miring tersebut

Catatan Untuk mencari script .post h3 a seperti biasa log in terlebih dahulu di blog sobat >> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , tekan Ctrl + F kemudian paste script .post h3 a jika sudah ketemu silahkan terapkan script efect miring rotation tersebut simpan dan lihat hasilnya , Semoga Bermanfaat

2 Responses so far

  1. Anonim says:
    Komentar ini telah dihapus oleh pengarang.

Leave a Reply