Wednesday

Cara Membuat Blockquote Super Keren Pada Blog

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
Gimana keren kan sobat. mengerlingkan mata Oke mungkin sobat tertarik menerapkannya di blog sobat berikut langkah-langkahnya :
  • 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. 
Mungkin itu saja yang dapat saya bagi pada kesempatan kali ini, jika ada yang kurang jelas sobat bisa berkomentar, terima kasih.

2 comments:

  1. Cara membuat black quot di postingannya gimana gan?

    ReplyDelete
  2. Izin copas gan...Dan jika berkenan ada waktu luang, silahkan berkunjung ke kediamanku gan. Terima kasih. :)

    http://3rlang-dds.blogspot.com/

    ReplyDelete