Pasang Blockquote Uniqx dengan Fungsi Sliding

Bookmark and Share
Pasang Blockquote Uniqx dengan Fungsi Sliding
Pasang Blockquote Uniqx dengan Fungsi Sliding | Fafan Postingan ini tentang Blockquote.
Caranya sangat mudah koq guys, jika anda suka & tertarik mencobanya silahkan ikuti 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 semoga berhasil.

  • NB : Jika sobat memiliki Blockquote standar pada template anda, terlebih daluhu dihapus ajj semua, lalu ganti dengan Blockquote yang diatas.
Artikel ini tentang Pasang Blockquote Uniqx dengan Fungsi Sliding


Backlink here..

{ 0 komentar... Views All / Send Comment! }

Posting Komentar