Cara Simple Membuat Blog Archive Agar Bisa Di Scroll kebawah


Cara Simple Membuat Blog Archive Agar Bisa Di Scroll kebawah

Sebelum Kita Mengetahui Cara Membuat Blog Archive Agar Bisa Di scroll, saya akan Menjelasakn Terlebih Dahulu Apa Yang Di maksud Archive Pada Blog.

Arsip Blog Biasanya Tampil Di bagian Bilah Kanan / yang biasa di sebut Sidebar. Archive/arsip Ini berfungsi Untuk menampilkan semua jumlah Postingan Setiap bulan. Artinya semua Postingan Anda akan Tampil Di Widget Arsip Blog. Bisa Kebayangkan Jika Sebuah Blog memiliki Banyak Postingan dalam Satu Bulan. Atau anda melakukan Posting Dalam 1 bulan kisaran 50-100 artikel, maka blog akan terlihat kurang rapi. Maka dari itu Kita perlu Memodifikasi Agar Terlihat Lebih Rapi.

Apa Yang Harus Di lakukan Untuk Mengatasi Hal Ini?

Kita Harus mengatur Lebar Dan Tinggi Dari Widget Archive Agar terlihat lebih sederhana Dan Tidak memakan Slot Pada Sidebar dengan Cara scroll kebawah. Artinya Kita Akan Melihat archive Blog dengan melakukan scroll ke bawah. Perhatikan Gambar berikut::

Perhatikan Gambar Yang saya beri tanda merah itu adalah bagian scroll yang bisa kita gunakan untuk melihat semua isi Postingan Dalam Satu Bulan/per bulan. Dengan Cara seperti Itu Blog akan terlihat lebih simple Dan Lebih Rapih Dari sebelumnya.

Saya Akan memberikan caranya dengan memasukan Kode Css, Cara Ini akan lebih simple Dan Mudah Di lakukan.

Berikut Langkah- langkanya ::

  1. Seperti Biasa Anda Login Ke Akun Blogger Anda & Masuk ke Dasbor Blog
  2. Silahkan Anda Bisa menambahkan Widget Arsipnya jika belum ada, dengan cara pilih TATA LETAK >> Tambah Gadget >> Arsip Blog / Blog Archive.
  3. Apabila Blog anda sudah ada blog arsip nya langkah Di Atas Bisa anda abaikan. Langsung saja ke langkah berikutnya.
  4. Anda Bisa langsung Membuka Ke halaman Template Pilih >> EDIT HTML
  5. Anda Bisa mencari Kode HTM ke bagian Archive. Dan Temukan ID dari Archive Yakni BlogArchive1 anda Bisa menggunakan Cara Ini untuk memudahkan pencarian dengan cara klik Ctrl + F Secara Bersamaan. Kemudian isikian BlogArchive1 Pada kolom pencarian Terus tekan ENTER. Pastikan ID tersebut Harus Ada Dan Harus Sama Dengan ID CSS untuk Archive.
  6. Langkah Yang Terakhir Cari kode berikut :: ]]></b:skin> Dan letakan Kode Css Ini tepat Di Atasnya Kode tersebut.
#BlogArchive1 .widget-content{ height:250px; width:auto; overflow:auto; }
Kemudia Jika sudah anda simpan hasil menambahkan kode css diatas dan bisa di lihat hasilnya langsung. Sebuah Scroll pada Archive blog sudah tampil seperti gambar yang saya sampaikan di atas.

Yang Perlu di ketahui BlogArchive1 adalah ID dari widget BlogArchive1.

sedangkan height:250px; Adalah Tinggi dari widget Blog archive. Tinggi Blog archive bisa anda sesuaikan / ganti sesuai selera dengan menambahkan angka lebih besar maka blog archive akan semakin tinggi dan sebaliknya semakin kecil nilai Height maka akan semakin pendek.

Demikian Cara Simple Membuat Blog Archive Agar Bisa Di Scroll kebawah Jangan Lupa Baca Juga Postingan Kami yang lain. Dan Jangan Lupa Share yach jika postingan Ini bermanfaat. Terima kasih :)




** Sobat Barusan Telah Membaca Postingan Tentang Cara Simple Membuat Blog Archive Agar Bisa Di Scroll kebawah Semoga Bermanfaat Dan Silahkan baca postingan kami yang lain, Terima Kasih.