Cara Membuat Scrolling Blockquote di Blogger

Scrolling Blockquote Blogger

Cara Membuat Scrolling Blockquote di Blogger - Hallo teman-teman blogger, pada postingan kali ini saya akan membahas tentang tutorial cara membuat Blockquote yang dapat di scroll pada sebuah postingan Blogspot.

Dilansir dari halaman Wikipedia, blockquote pada HTML, XHTML dan MediaWiki, didefinisikan sebagai bagian [dalam dokumen] yang dikutip dari sumber lain. Sintaks nya adalah <blockquote> <p> teks kutipan blok berada di sini </p> </blockquote>.

Nah, definisi di atas juga merupakan contoh dari blockquote itu sendiri, dan fitur Quote atau Kutip Teks untuk membuat blockquote di postingan blogger terletak di menu bar.

Baca juga: Cara Membuat Scroll Box Pada Widget Blogger

Tutorial Cara Membuat Scrolling Blockquote di Blogger

Yupz, tanpa perlu berbasa basi lagi, langsung saja berikut ini tahapan tutorial Cara Membuat Blockquote yang dapat di scroll pada postingan blog:

Cara Membuat Tanda Blockquote

1. Pertama, masuk ke dasbor blogger.
2. Kemudian pergi ke menu postingan > klik edit postingan atau buat postingan baru.
3. Selanjutnya silahkan blok kata-kata yang ingin kamu beri blockquote, lalu klik tanda Quote (").

Cara Membuat Kotak Scrolling Blockquote

Untuk membuat blockquote yang dapat di scroll, silahkan copy kode CSS di bawah dan paste sebelum kode ]]></b:skin>.

blockquote {
    margin:10px;
    border-left: solid 5px #ededed;
    padding: 10px 10px 10px 20px;
    font-style: italic;
    font-size: 100%;
    max-height: 75px;
    overflow: auto;
} 

Bagi yang belum tahu dimana letak kode ]]></b:skin> silahkan ikuti cara di bawah ini.

1. Masuk ke dasbor blogger.
2. Template.
3. Edit HTML.
4. Cari kode ]]></b:skin> (gunakan CTRL + F).
5. Jangan lupa klik "Simpan Template" setelah ditambahkan.

Baca juga: Cara Membuat Scroll Box di Komentar Blogspot

Note : Jika di template blog kamu sudah terdapat CSS Blockquote, kamu bisa menggantinya dengan kode di atas, atau menambahkan di dalam CSS nya max-height: 75px;.

Live Preview

Penutup ...

Demikianlah ulasan tutorial Cara Membuat Scrolling Blockquote di Blogger yang bisa kamu praktikan dengan mudah. Jika ada yang ingin ditanyakan terkait topik di atas, silahkan tulis di kolom komentar di bawah. Semoga bermanfaat!

Follow

Ahmad Shah Laupa Orang biasa yang memiliki ketertarikan terhadap dunia blogging dan senang belajar autodidak melalui tutorial-tutorial di Google. [Amati, Tiru, Modifikasi]

Yuk! Bagikan ...

Berlangganan Artikel Gratis :