Tuesday, 7 May 2013

Pasang Blockquote Cool



http://picturestack.com/490/874/49JbguttablogX8C.jpg

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.^^

No comments:

Post a Comment