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 berhasil.
- NB : Jika sobat memiliki Blockquote standar pada template anda, terlebih daluhu dihapus ajj semua, lalu ganti dengan Blockquote yang diatas.
Itulah tutorial kita kali ini, semoga bermanfaat yach bagi teman2.^^
jangan lupa lihat juga tutorial yang sama 'Blockquote Uniqx dengan Fungsi Sliding Ala Utta' disini
Post a Comment