Tuesday, 7 May 2013

Pasang Blockquote Uniqx dengan Fungsi Sliding

                            
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:0 20px;padding:15px 20px 20px 45px;background:#fff url(URL)center center no-repeat;border:2px solid darkred;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;line-height:1.5em;height:20px;overflow:hidden;}
blockquote:hover{background:#111 url(URLGAMBAR)center center repeat;border:2px solid white;border-radius:5px;-moz-border-radius:5px;height:230px;overflow:auto}

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