Cara Membuat Scroll Di Blog

  • 2 min read
  • Mar 17, 2021
menu scroll

Cara mudah untuk membuat scroll di blog supaya tampilan lebih menarik.

Setaip pemilik website memiliki keinginan yang berbeda-beda terutama masalah tampilan dalam blog.  Cara membuat menu scroll di blog ini sangat berguna dan berfungsi untuk pengunjung ketika membaca artikel di blog Anda.

Selain itu dengan adanya menu scroll di blog juga  dapat menghemat banyaknya tampilan di dalam halaman.

Pengertian Scroll Di Blog

memasang menu scroll di blog

Scroll di blog adalah salah satu cara untuk mengatasi konten yang panjang, untuk mengatasinya diperlukan text box di blog.

Selain itu dengan adanya scroll bisa juga untuk menambahkan kerapian dalam blog, sehingga pembaca akan lebih nyaman.

Secara umum scroll adalah gulungan atau menggulung, dan di dalam blog berguna untuk artikel yang isinya sangat panjang.

Fungsi Scroll Di Blog Untuk Pengguna Blogger Dan Blogspot

Salah satu fungsi yang bisa Anda peroleh ketika memasang kotak scroll diantaranya adalah:

  • Mempermudah pengguna atau pembaca.
  • Merapikan tampilan blog.
  • Tampilan blog lebih menarik.
  • Disukai oleh pengunjung.

Perlu Anda ketahui juga bahwa scroll di blog selian bisa menggeser ke arah samping juga bisa ke atas bawah.

Selain gambar dan tulisan, Anda juga bisa mengisi kotak scroll di html. Dengan memasang menu ini, bisa juga sangat bermanfaat untuk membuat linklist. Jangan juga kawatir ketika Anda memasang kode html, karena kode script ini tidak akan membuat website Anda lemot.

Cara Membuat Menu Scroll Di HTML Blog

cara membuat menu scroll di blogger

Adapun langkah yang bisa Anda lakukan untuk memasang menu scroll di blog yaitu:

  • Cara pertama yaitu masuk ke dalam halaman blogger.com
  • Log in dengan user dan pasword Anda.
  • Kemudian Anda bisa masuk ke dalam halaman post.
  • Pilih postingan yang akan di pasang menu scroll atau bisa juga di artikel baru yang sedang Anda buat.
  • Kemudian Anda tinggal pindah ke dalam mode HTML, buka Compose kemudian masukan kode yang kami bagikan di bawah ini.

<div style=”overflow:auto;max-height: 300px;background: #f7f7f7;border: 1px solid #DDD;padding: 10px;”>
Isi dengan tulisan atau kode yang ingin anda masukkan pada scroll box
</div>

  • Selesai.

Cukup mudah bukan memasang kode scroll di blog.

Catatan:

  1. Max-height: 300px : merupakan batas maksimal untuk tinggi, dan juga bisa Anda atur.
  2. Background: #f7f7f7 : merupakan warna background, bisa Anda ganti dengan warna favorit pilihan warna bisa cek di colourhunt.
  3. Border: 1px solid #DDD : merupakan garis kotak yang ada pada scroll box di blog postingan Anda.

Cara Menambahklan Scroll Pada Widget Sidebar Blog

Langkah-langkahnya juga sama seperti di atas, namun dengan menambahkan gadget kemudian pilih HTML/Javacript dan masukan kode HTML-nya. Maka akan secara auto atau otomatis membentuk kotak scroll.

Namun bagaimana dengan widget popular post dan yang lainya? caranya juga cukup mudah Anda hanya tinggal menambahkan kode max-height dan overlow.

  1. Buka blogger.com
  2. Masuk ke dalam menu Edit HTML, tekan CTRL + F , copy <div class=’widget-content’>
  3. Kemudian Anda pasang <div style=’height:300px;width:auto;overflow:auto;’>, tepar berada di bawahnya. Tambah kode penutup </div> sebelum kode </b:includable>.
  4. Selesai.

Demikian pembahsan yang dapat kami sampaikan tentang cara membuat scroll di blog.

Post Terkait :

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *