Cara Membuat Blockquote Dengan Scroll Otomatis

Ciyonk - Berikut ini Ciyonk akan berbagi tentang blogging, cara membuat blockquote dengan scroll. Sesuai dengan namanya yaitu blockquote, yang merupakan istilah untuk menandai tulisan baik kata, kalimat, kode atau lainnya yang dianggap penting.

Dalam editor postingan Blogger, tanda blockquote bisa kita lihat seperti tanda dua koma yang terbalik.

Adapun untuk menggunakannya adalah blok terlebih dahulu kata, kalimat atau gambar kemudian klik tanda quote. Untuk melihat hasilnya silahkan klik tombol Pratinjau.

Kata, kalimat atau kode yang di quote pastinya ada yang pendek dan ada juga yang panjang. Nah untuk yang panjang maka ada baiknya kita menggunakan scroll supaya postingan terlihat rapi.

Lihat demo disini. Apabila Anda tertarik untuk membuatnya silahkan ikuti tutorialnya berikut ini:

1. Masuk dasbor Blogger.

2. Pilih Template.

3. Pilih Edit HTML.

4. Cari kode ]]></b:skin> (gunakan CTRL + F untuk memudahkan).

5. Copy kode berikut dan paste sebelum atau di atas kode ]]></b:skin>:

.post blockquote{max-height:250px; overflow:auto;background:#f0f0f0; font-style:italic; border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}

Keterangan: 250 merupakan tinggi quotenya, silahkan ubah nilainya bila diperlukan.

6. Simpan Template dan lihat hasilnya.

Demikian tutorial blogging tentang Membuat Blockquote Dengan Scroll untuk platform Blogger, apabila ada yang kurang mengerti silahkan tinggalkan komentar Anda.

Jangan lupa ikuti kami di media sosial untuk update terbaru.

Baca lainnya: Cara Membuat Spoiler di Blogger