BLOGGER TEMPLATES AND TWITTER BACKGROUNDS

Shadow dekat post Blockquote and Timbul icon Comel

Salam readers :)
Post blockquote. Korank tahu ke apa thu ? alaaa , ada kn yg box dkat bwah thu . tahu ke ? mcm mna sy nak trangkan ea ? HAHA . ok . korank ushaa je pic bwah niey ok.


Before :)
  
After :)

Nak buat mcm thu ? siap dgn border lg . snang ja k . ok . jum tuto :)

1. Dashboard > Design > Edit Html
2. Cari code bawah niey, Ctrl F
.post blockquote { 
3. Jumpa kn ? ok , copy code niey and paste dkat bwah code yg korank cari tadi
background:url(http://1.bp.blogspot.com/-o6CLzsNXiBM/Ttsc_hFMXYI/AAAAAAAAAOU/ZcA8rxbp5Zo/s1600/dot.png);
border-top: 2px dotted #f8a1be;
border-left: 2px dotted #f8a1be;
border-right: 2px dotted #f8a1be;
border-bottom: 2px dotted #f8a1be;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic005demoji_19772decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
-webkit-border-radius: 30px 30px;
-moz-border-radius: 30px / 30px;
-moz-box-shadow: 0 0 10px #FFDBFB;
-webkit-box-shadow: 0 0 18px #FFDBFB;
Merah Background post blockquote
Oren Ketebalan border korank
Hijau [Dotted / Dashed / Solid]
Biru Warna border korank
Purple Url Icon Kechik
Kuning Border korank lepas cursor sentuh pos blockquote
Pink Warna box shadow korank

4. Preview dulu, klu jadi trus save . jangan lupa kctau sy ya :)



♥ Thanx For Reading ! Like If Intresting ! ♥

0 comments: