Ruang Infor

Pasang Blockquote Uniqx dengan Fungsi Sliding Ala Utta

Baiklah Pada kesempatan kali ini utta ingin share lagi nih, mengenai Blockquote Uniqx dengan Fungsi Sliding Ala Utta, sengaja saya memberikan judul seperti diatas, tutorial kali ini memang referensi dari utta sendri, sehingga utta kasih judul seperti it.hehee,..

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