Gudang Tutorial Blog

<script src='http://ayuningnareswarikaomoji.googlecode.com/files/kaomoji.js' type='text/javascript'/>

<b>

<img src='http://www.smileycodes.info/emo/kaomoji/141.gif'/>

:a:

<img src='http://www.smileycodes.info/emo/kaomoji/121.gif'/>

:b:

<img src='http://www.smileycodes.info/emo/kaomoji/139.gif'/>

:c:

<img src='http://www.smileycodes.info/emo/kaomoji/151.gif'/>

:d:

<img src='http://www.smileycodes.info/emo/kaomoji/68.gif'/>

:e:

<img src='http://www.smileycodes.info/emo/kaomoji/127.gif'/>

:f:

<img src='http://www.smileycodes.info/emo/kaomoji/29.gif'/>

:g:

<img src='http://www.smileycodes.info/emo/kaomoji/57.gif'/>

:h:

<img src='http://www.smileycodes.info/emo/kaomoji/117.gif'/>

:i:

<img src='http://www.smileycodes.info/emo/kaomoji/144.gif'/>

:j:

<img src='http://www.smileycodes.info/emo/kaomoji/143.gif'/>

:k:

<img src='http://www.smileycodes.info/emo/kaomoji/31.gif'/>

:l:

</b>

 Yang biasa kita jumpai adalah border yang sisinya sama warna.
 Bagaimana cara membuat border blockquote berwarna warni?
 Simak deh tutorialnya...

• Login blog
• Rancangan dan edit html >expand widget template 
• cari kode .post blockquote {
• tambahkan kode border menjadi seperti dibawah ini

 .post blockquote {
 COLOR: #BFBFBF;
 font-family:'Short Stack',Arial, Georgia,Trebuchet MS,  Sans-Serif; border-left: #7ADED4 dotted 2px;
 border-top:#BA5ED1 dotted 2px;
 border-bottom:#FFA95E dotted 2px;
 border-right:#C9FF5E dotted 2px;
 background:#121211;
 }

 keterangan:
warna kode merah adalah warna teks blockquote warna kode kuning adalah warna border blockquote warna kode hijau adalah warna background blockquote warna kode biru adalah style border, sobat dapat menggantinya dengan style yang lain.
 misalnya: dashed, double, groove, inset, outset, ridge, solid atu inherit Ganti warna sesuai keinginan sobat!

Save template dan selesai.
 Demikian tutorial cara membuat border blockquote warna warni.
 semoga infonya bermanfaat. ✿◕ ‿ ◕✿