√ Cara Membuat Scrolling Blockquote di Blogger

Cara Membuat Scrolling Blockquote di Blogger

Cara Membuat Scrolling Blockquote di BloggerScrolling 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 Scrolling Blockquote di Blogger

    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!

    Berlangganan update artikel terbaru via email:

    Jadilah yang pertama berkomentar di postingan "Cara Membuat Scrolling Blockquote di Blogger"

    Posting Komentar

    Comment Policy: Silahkan tulis komentar yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.