Tutorial - Letak Icon Animated kt Blockquote




Actually da nak tido sbb pg until ptg td spent mse dengan En Buah Aty kn...p suddenly someone request or asked cmne nk letak icon kt blocquote cm aq nie yakni Si Gadis Comel. So dgn mood y rajin aq wt tutor b4 tdo. Hehehe. B4 dat korg tw dak bnda alah pe y aq try nk tunjuk nie? Try gerakkn cursor korg kt blockquote aq y ader kt bwh nie...

sample...sample...sample
Dah ke? So ape y korg dpt detect? Ader animated small bird icon y comel kn? Dat one la aq nk ajr. Ok tnpa buang mse korg follow er step cm kt bwh nie:

Step 1:
Pergi Dashboard > Design > Edit Html > Tick Expand Widget Templates

Step 2:
Then find dis code: .post blockquote {

Step 3: 
Make sure korg da buat blockquote. Lw belum blh klik SINI. P those y da wt blockquote then blh la proceed dengan copy code kt bwh nie

.post blockquote:hover {background-image:url(URL ICON KORG);background-position:bottom right;background-repeat:no-repeat;border: 2px dashed #C11B17;-webkit-transition: 1s;}}
After korg copy code kt ats, korg paste kn lah kt bwh code post blockquote y korg wt dulu2...xphm? Tgok cth bwh nie er

.post blockquote {
background-image:url(URL BACKGROUND BLOCKQUOTE KORG);
border-top: 2px dashed #C11B17;
border-left: 2px dashed #C11B17;
border-right: 2px dashed #C11B17;
border-bottom: 2px dashed #C11B17;
  margin: 1em 20px;
}
.post blockquote:hover {background-image:url(URL ICON KORG);background-position:bottom right;background-repeat:no-repeat;border: 2px dashed #C11B17;-webkit-transition: 1s;}}
 
Merah: Background y korg pilih dolu2 time nk letak kt blockquote korg. Ngat kn?
BIRU: Icon y korg nk la. Cm aq pilih icon small bird  comel 2...



If korg xnk icon 2 gerak2 dr ats ke bwh...so korg blh delete je code webkit-transition: 1s;}}



Step 4:
Done wif previous steps? Then korg preview dl...lw jd save je la. Ok? 

p/s: Lw x jd jgn malu2 er tnye aq...dis tutor aq nk ucap tq byk2 kt Adik Manis. Selamat Mencuba!!!
     




8 comments

Back to Top