Assalamualaikumm ^^
hyeppp loca peoplee.... :)
syaz saja jaaa buat tuto nih.. untuk perkongsiann bersama...
actually, semua tuto yang syaz buat ni adalah untuk rujukan syaz sendiri.. manalaa tau kot2 lupa pulak camna nak buat sumthing yang kat dalam blog ni.. hihi..
oke...?? arini syaz nak buat tutorial blockquote skew effect... naktau macamna??
oke.. usha gambar at bawah ni...
SEBELUM |
SELEPAS |
suka takkk?? kalau sukaa jom kita ber'tutorial' pulak... hahahaha... :p
1. Dashboard --> Template --> Edit Html
2. Tekan F3, cari kod yang dekat bawah ni :
.post blockquote {Dah jumpaaa?? kalau dah nextt...
3. COPY kod yang dekat bawah ni pulak :
background: #993399;
color: #000000;
border: 3px dotted #5a1663;
border-radius:5px;
padding: 7px;
-webkit-transition-duration: 1.5s;
}
.post blockquote:hover {
background: url(URL BG KORANG);
color: #ff0000;
-webkit-border-radius: 46px 22px;
-moz-border-radius: 46px / 22px;
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
4. Dah copy?? kalau dahh.. boleh PASTE dekat bawah kod yang korang cari tadi
5. PREVIEW dulu.. kalau tak error.. boleh SAVE...
p/s:
abc123 - yang ni korang tukar je warna tulisan yang korang nak..
abc123 - yang ni korang letak kod background .. background yg korang nak laa.
abc123 - yang ni untuk warna border korang..
tu jaaa... hope tutorial ni membantu laaaa...
SELAMAT MENCUBAA ^^
Wah...macam tu rupnya..nice sharing :D
ReplyDeletewah cantik blockquote..pandai buat
ReplyDeletefollower ke 263..jemput singgah ke blog Yumida & follow back klo sudi
http://umikasum.blogspot.com
rjn la shaz ne wt tuto.suma best2 plak 2.ssuai ke tuto ne utk jns semua template @ blogskin ja???
ReplyDeletesharing is caringg laa akakk.. tu yg rajin buat.. hahaha.. yang ni untuk template designer.. kalau nak yg blogskin punyaa.. ada at blogskin tutoriall... hihi :)
Delete