Pasang Blockquote Keren dengan Fungsi Sliding Cara ReVo_HezronGuard

Selamat Malam Sahabat Blogger ,ReVo_HezronGuard akan memberitahu Cara Pasang Blockquote Keren dengan Fungsi Sliding Cara ReVo_HezronGuard ..
Caranya Sangat mudah Koq sahabat blogger,Jika sahabat blogger tertarik silahkan ikuti langkah berikut :

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

/* Blockquote */
blockquote {
margin:15px 20px;
font:italic 14px "Consolas","Courier New",Courier,mono,serif;
height:1px;color:#888;
padding:0px 0px;
background-color:#333;
border:10px solid #111;
border-left-color:#FFFFFF;
-webkit-box-shadow:1px 2px 5px #000;
-moz-box-shadow:1px 1px 5px #000;
box-shadow:1px 1px 5px #000;
overflow:auto;
-webkit-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-moz-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-ms-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-o-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
}
blockquote:hover {
padding:13px 18px;
background-color:#000000;
border:5px solid #323232;
height:350px;
-webkit-box-shadow:1px 2px 15px #000;
-moz-box-shadow:1px 2px 15px #000;
box-shadow:1px 2px 15px #000;
}
blockquote p { margin: 0; padding-top:10px;
}

3. Simpan template. Dan berhasil.

Itulah tutorial kita kali ini, semoga bermanfaat yach bagi teman2. ^_^