Selamat datang di Blog taharonqi.blogspot.com, setelah beberapa saat yang lalu saya posting artikel tentang bagaimana Cara Membuat Translate Bahasa Pada Blog Keren, kali ini saya akan memberikan sedikit trik bagaimana cara membuat blockquote yang keren seperti pada gambar di bawah ini :
Tidak disorot cursor |
Disorot cursor |
- Login ke Akun Blogger sobat
- Pilih Template
- Klik Edit HTML
- Cari kode ]]></b:skin> (gunakan CTRL+F untuk memudahkan)
Letakkan kode dibawah ini diatasnya kode ]]></b:skin>
blockquote{max-height:250px; overflow:auto;background: #000 url(http://3.bp.blogspot.com/-8GhtdkYj2DU/UbMiHpbdN7I/AAAAAAAABSA/yHFP46LAvN0/s1600/Blockquote-wahyu-only-gelap.jpg) no-repeat right bottom ; margin: 0 20px; padding: 20px 70px 20px 20px; color:#595959; font:Courier new; border:1px solid #DDD; } blockquote:hover { background: #000 url(http://1.bp.blogspot.com/-M1KiMuTz81c/UbMiHhVUJHI/AAAAAAAABSE/4b6LV8z_n3A/s1600/Blockquote-wahyu-only-terang.jpg) no-repeat right bottom ; color:#00ff00; } blockquote p { margin: 0; padding-top:10px; }
- Klik pratinjau dan jika tidak ada kesalahan klik simpan.
Cara membuat black quot di postingannya gimana gan?
ReplyDeleteIzin copas gan...Dan jika berkenan ada waktu luang, silahkan berkunjung ke kediamanku gan. Terima kasih. :)
ReplyDeletehttp://3rlang-dds.blogspot.com/