Cara Mudah Membuat Scroll Archive Blog Dengan CSS

17 views

Cara Mudah Membuat scroll pada archive blog sangatlah penting supaya blog kita terlihat lebih rapi dan ramping,  Fungsi scroll ini yaitu supaya archive blog kita tidak tampil semua di sidebar kita jadi tidak memakan kawasan hanya untuk blog archive saja. Mungkin anda yang belum tau bagaimana cara Membuat Scroll Archive di blog  disini saya akan menunjukkan triknya dengan menggunakan CSS yang lenih mudah.

Kegunaan widget blog archives/arsip blog adalah untuk memperlihatkan daftar artikel yang telah dipublikasikan berdaraskan tanggal update posting. Blog arsip sama dengan arsip semua artikel yang ada di blog Anda untuk di perlihatkan kepada pengunjung blog Anda sehingga akan memudahkan mereka dalam mencari konten yang mereka sukai, dengan menyeleksi melalui blog arsip ini.

Sebenernya trik membuat scroll di blog itu sama saja dengan memasang widget lainnya hanya saja kita perlu menerapkan di bab tertentu dengan cara supaya blog tampil menarik dan tidak mengganggu pengunjung dalam mencari gosip lain di blog kita.

Tentunya sahabat sendiri sudah tau apa itu kegunaan dari scroll pada bab arsip blog, nah bagi sahabat yang belum mampu memasangnya disini saya akan menyebarkan tips memasangnya hanya dengan sedikit menambahkan isyarat css dan otomatis akan eksklusif jadi di blog anda.

Silahkan sahabat ikuti tutorial cara pemasangannya menyerupai dibawah ini, ingat! sesuaikan denga keperluan anda seberapa penting scroll untuk blog tampilan anda supaya menarik dan lebih simpel.

Tutorial Membuat Scroll Archive Blog Dengan CSS secara gampang :

scroll blog archive

Pertama yang harus Anda lakukan ialah memasang widget blog archives terlebih dahulu.

1. Masuk ke Blogger Dasboard.
2. Pilih menu dropdown -> layout.
3. klik Add a Gadget -> pilih Blog Archives/Arsip Blog.
4. Save.

Jika sudah memiliki blog archives, maka lewati saja langkah diatas. kemudian langkah berikutnya ialah memberi scroll blog arsip melalui Edit HTML dan menunjukkan sedikit suplemen dengan CSS.

1. Menuju ke Template -> Edit HTML
2. Kemudia buka isyarat CSS dengan klik <b:skin>…</b:skin>

cara terbaru membuat scroll pada archive blog

3. Lalu paste isyarat berikut di atas isyarat ]]></b:skin>

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

4. Warna hijau mampu sahabat ganti dengan kesesuaian template blog sahabat supaya terlihat rapi dan fleksible.
5. Save template untuk menyimpan Anda.

Itulah sedikitnya cara simpel Membuat Scroll Archive Blog Dengan CSS semoga dapat bermanfaat dan membantu kalian semua 😀

Tags: #Tutorial Blogger