Cara Mudah Membuat Scroll Bar Pada Widget Arsip Blog

     Blog Archive (Arsip Blog) adalah daftar artikel yang telah kita publikasikan yang dapat diurutkan sesuai tanggal, bulan maupun tahun. Blog Archive merupakan widget yang sangat penting yang harus terpasang pada setiap blog, agar mempermudah pengunjung menemukan artikel yang kita tulis. Selain itu, memasang Blog Archive juga berpengaruh terhadap SEO dan agar terindeks Search Engine. Namun, semakin banyak artikel yang kita tulis, maka semakin melebar ke bawah urutan artikel kita tersebut. Hal ini membuat blog kita terlihat menjadi tidak professional dan sangat jelek.

     Untuk membuat Blog Archieve agar tidak terlalu panjang, maka kita memerlukan Scroll Bar. Scroll Bar (Baris Penggulung) merupakan sebuah kotak yang digunakan untuk menggeser layar secara vertikel atau horizontal agar dapat menemukan isi atau konten yang tersembunyi. Adapun fungsi dari Scroll Bar adalah untuk menghemat pemakaian ruang agar tidak terlalu melebar atau memanjang. Agar blog menjadi professional.

BACA JUGA ARTIKEL TENTANG :

1. Cara Menghilang Tanda Obeng dan Tang pada Blog

2. Cara Menulis Arab di Blog

3. Cara Membuat Tabel di Blog

4. Cara Reset Template Agar Menjadi Blank

     Sebenarnya cara untuk membuat Scroll Bar tergolong cukup mudah. Namun jika agan berada dihalaman ini, besar kemungkinan agan belum mengetahui bagamana cara membuat Scroll Bar pada arsip blog. Oleh karena itu pada postingan kali ini, saya akan membahas tentang "Cara Mudah Membuat Scroll Bar pada Archive Blog

Adapun langkah kerja yang harus agan lakukan pada saat ingin membuat Scroll Bar adalah sebagai berikut :

1. Masuk ke "Blogger"
2. Pilih "Template"
   
3. Pilih "Edit HTML"
   
4. Tekan CTRL+ F pada keyboard, kemudian masukkan ]]></b:skin> pada kolom Search, kemudian tekan Enter. Jika kode berwarna merah tersebut ketemu, maka akan ditandai dengan tulisan berwarna kuning.
5. Copy semua kode yang ada di bawah ini, lalu paste tepat di atas kode ]]></b:skin>

   #BlogArchive1 .widget-content{
   height:300px;
   width:auto;
   overflow:auto;
   }

   
6. Kemudian simpan template
7. Cek arsip pada blog agan, jika berhasil maka akan nampak seperti gambar berikut
   

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: