Cara Gampang Menciptakan Scroll Archive Blog Dengan Css

Posted on

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

Kegunaan widget blog archives/arsip blog adalah untuk menunjukkan 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 menciptakan scroll di blog itu sama saja dengan memasang widget lainnya hanya saja kita perlu menerapkan di bab tertentu dengan cara semoga blog tampil menarik dan tidak mengganggu pengunjung dalam mencari info lain di blog kita.

Tentunya sahabat sendiri sudah tau apa itu kegunaan dari scroll pada bab arsip blog, nah bagi sahabat yang belum sanggup memasangnya disini saya akan menyebarkan tips memasangnya hanya dengan sedikit menambahkan aba-aba 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 semoga menarik dan lebih simpel.

Tutorial Membuat Scroll Archive Blog Dengan CSS secara simpel :

Cara Praktis Membuat scroll pada archive blog Cara Praktis Membuat Scroll Archive Blog Dengan CSS

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

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

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

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

Cara Praktis Membuat scroll pada archive blog Cara Praktis Membuat Scroll Archive Blog Dengan CSS

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

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

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

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