Site and learn your application

Sabtu, 27 Februari 2016

Cara Membuat Blockquote Otomatis Dengan Scroll di Blogger

Indo Amaterasu
Blogger.com telah menyediakan fitur Quote untuk menandai tulisan supaya berbeda dengan yang lainnya. Biasanya yang di Quote ada cuplikan, kutipan, dan atau kode HTML, CSS. Bila tidak dimodifikasi dengan menambahkan scroll maka blockquote menjadi panjang, dan kesannya tidak rapi. Bayangkan saja bila itu blockquote isinya kode HTML, panjang bener.
Cara Membuat Blockquote Otomatis Dengan Scroll di Blogger

Anda bisa menambahkan scrool dan mengaturnya seberapa tinggi blockquote tersebut. Menariknya lagi bisa memberikan warna background pada blockquote. Mengenai tampilan blockquote sangat bervariasi, Anda bisa memodifikasi sesuai warna pada template blog. Namun pada contoh berikut ini tampilannya cukup sederhana dengan scroll.

Baiklah Berikut Ini Cara Membuat Blockquote Otomatis Dengan Scroll di Blogger:

1. Login ke dashboard Blogger.com
2. Pilih Template > Edit HTML
3. Cari kode berikut ini, mempercepat pencarian gunakan Ctrl + F
]]></b:skin>
4. Kemudian copy kode di bawah ini dan letakkan di atas ]]></b:skin>
.post blockquote.post blockquote{max-height:250px; overflow:auto;background:#f0f0f0; font-style:italic; border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px} 
5. Simpan dan lihat hasilnya.

Keterangan:
Max-height (merah) untuk mengatur ketinggian
Bakground (hijau) untuk warna background
Font-Style (pink) untuk menentukan tulisan dalam kondisi miring atau tegak.

1 komentar:

  1. Mantap gan tutorialnya, daridulu ane cari-cari ternyata nemu disini. ditunggu ya kunjungan baliknya ke blog ane Kediasoft

    BalasHapus

= > Silahkan berkomentar sesuai artikel di atas
= > Berkomentar dengan url (mati/ hidup) tidak akan dipublish