Cara Memberi Judul Posting Efect Rotation Miring

Masih di Variasi Blogger share Cara Memberi Judul Posting Efect Rotation Miring cekidot

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

.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#000000;font-weight:normal;}
.post h3 strong, .post h3 a:hover {color:#333333;}

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

Share to

 â