Cara Pasang Blockquote Cool

Cara Pasang Blockquote Cool | Tips Trik Membuat Blockquote keren dan cantik | Bikin Blockquote simple dan sederhana .

Caranya sangat mudah koq guys, jika tertarik mencobanya silahkan ikiuti langkah berikut :

1. Login ke blogger » layout / tata letak » edit HTML
2. Masukan Kode CSS berikut diatas ]]></b:skin>

/* Blockquote */
blockquote {margin:0px;padding:15px 15px;color:#775A35;font-size:13px;background-color:background:#101113;box-shadow:0px 1px 3px #000;box-shadow:inset 0px 0px 5px #000;
border:2px solid rgba(255, 255, 255, 0.03);
border-left:22px solid rgba(255, 255, 255, 0.03);
font-family: "Consolas","Courier New",Courier,mono,serif;
border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.2);position:relative;}
blockquote em {font-style:normal;}
blockquote:hover{background:#111;}
blockquote:before {
content:"";width:0;height:0;
position:absolute;
bottom:100%;right:15px;
border-color:transparent transparent rgba(255, 255, 255, 0.03);
border-style:solid;
border-width:10px;
}

3. Simpan template. Dan nikmati bila anda suka dan berhasil. ....

antikel ini juga keren lho : Pasang Blockquote Uniqx dengan Fungsi Sliding

• NB : Jika sobat memiliki Blockquote standar pada template anda, terlebih daluhu dihapus aja semua, lalu ganti dengan Blockquote yang diatas.

Artikel ini tentang Cara Pasang Blockquote Cool

Backlink here..

<div dir="ltr" style="text-align: left;" trbidi="on"> <a href="http://fafansuka.blogspot.com/2013/06/cara-pasang-blockquote-cool.html"><b>Cara Pasang Blockquote Cool</b></a> | Tips Trik Membuat Blockquote keren dan cantik | Bikin Blockquote simple dan sederhana .<br /> <br /> Caranya sangat mudah koq guys, jika tertarik mencobanya silahkan ikiuti langkah berikut :<br /> <br /> 1. <a href="http://fafansuka.blogspot.com/" target="_blank">Login</a> ke blogger » layout / tata letak » edit HTML<br /> 2. Masukan Kode CSS berikut diatas <span style="color: red;">]]></b:skin></span><br /> <br /> <br /> <blockquote> <div align="left"> /* Blockquote */<br /> blockquote {margin:0px;padding:15px 15px;color:#775A35;font-size:13px;background-color:background:#101113;box-shadow:0px 1px 3px #000;box-shadow:inset 0px 0px 5px #000;<br /> border:2px solid rgba(255, 255, 255, 0.03);<br /> border-left:22px solid rgba(255, 255, 255, 0.03);<br /> font-family: "Consolas","Courier New",Courier,mono,serif;<br /> border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.2);position:relative;}<br /> blockquote em {font-style:normal;}<br /> blockquote:hover{background:#111;}<br /> blockquote:before {<br /> content:"";width:0;height:0;<br /> position:absolute;<br /> bottom:100%;right:15px;<br /> border-color:transparent transparent rgba(255, 255, 255, 0.03);<br /> border-style:solid;<br /> border-width:10px;<br /> }</div> </blockquote> <br /> 3. Simpan template. Dan nikmati bila anda suka dan berhasil. ....<img alt="thumbs up" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif" /><br /> <br /> <span style="font-size: x-small;"><i>antikel ini juga keren lho : <b><a href="http://fafansuka.blogspot.com/2013/06/pasang-blockquote-uniqx-dengan-fungsi.html" target="_blank">Pasang Blockquote Uniqx dengan Fungsi Sliding</a></b></i></span><br /> <ul> <li><b><i>NB :</i></b> Jika sobat memiliki Blockquote standar pada template anda, terlebih daluhu dihapus aja semua, lalu ganti dengan Blockquote yang diatas.</li> </ul> Artikel ini tentang <a href="http://fafansuka.blogspot.com/2013/06/cara-pasang-blockquote-cool.html"><b>Cara Pasang Blockquote Cool</b></a></div> <br/> Sumber: <a href='http://fafansuka.blogspot.com/2013/06/cara-pasang-blockquote-cool.html'> Fafan Suka Blogging, Tutorial Blogger | Tips Trik Blog | Belajar Blogspot | Bisnis </a>