Tutorial : NEW Blockquote Hover senget.

Assalamualaikum and Hello to all Blogger :)


Tuto ini banyak orang yang request. Sebenarnya dua sahaja. HIKHOK >.< Credit to AA. Korang tahu tak Blockquote ni akan jadi macam mana? Tengok gambar ini.

Sebelum

Bila cursor yang comel tu sentuh  blockquote tu, ianya akan jadi macam ini. Senget.

Selepas

Dashbord > Design > Edit HTML

Cari kod blockquote:hover { atau .post blockquote:hover { Kalau tak ada, Cari kod .post blockquote { dan letakkan kod hover tu bawah anak-anak .post blockquote tadi. Contoh:

Ambik kod kat bawah ni, letakkan bawah kod blockquote:hover { atau .post blockquote:hover {

-webkit-border-radius: 36px 12px; -moz-border-radius: 36px / 12px;-webkit-transform: skew(5deg,-5deg);} Sila ubahkan kod yang berwarna macam air sirap tu. Save Template 5deg : Boleh tukar kepada angka lain sebelum nombor 5 sahaja dan bukannya 6 ke atas ~-5deg : Terpulang pada awak sama ada nak letak kod negatif  '-' ini atau tidak Okaylah. Setakat tu saja. Wassalam :)