Cara Membuat Scrool Arsip Blogger

Kurus NET - Cara Mudah Membikin scroll pada archive blog benar-benar penting supaya blog kami terkesan lebih rapi serta ramping,  Manfaat scroll ini yaitu supaya archive blog kami tak tampil semua di sidebar kami maka tak memakan tempat hanya untuk blog archive saja. Mungkin kamu yang belum tau bagaimana tutorial Membikin Scroll Archive di blog  disini saya bakal memberikan triknya dengan memakai CSS yang lenih mudah.

Kegunaan widget blog archives/arsip blog merupakan untuk menunjukan daftar postingan yang telah dipublikasikan berdaraskan tanggal update posting. Blog folder sama dengan folder semua postingan yang ada di blog Kamu untuk di perlihatkan terhadap pengunjung blog Kamu maka bakal mempermudah mereka dalam mencari konten yang mereka sukai, dengan menyeleksi melewati blog folder ini.

Sebenernya trik membikin scroll di blog itu sama saja dengan memasang widget lainnya hanya saja kami butuh menerapkan di tahap tertentu dengan tutorial supaya blog tampil luar biasa serta tak mengganggu pengunjung dalam mencari info lain di blog kita.

Tentunya sobat sendiri telah tau apa itu kegunaan dari scroll dibagian folder blog, nah bagi sobat yang belum dapat memasangnya disini saya bakal share trik memasangnya hanya dengan sedikit menambahkan kode css serta otomatis bakal langsung maka di blog anda.

Silahkan sobat ikuti tutorial tutorial pemasangannya semacam dibawah ini, ingat! sesuaikan denga keperluan kamu seberapa penting scroll untuk blog desain kamu supaya luar biasa serta lebih simpel.

Tutorial Membuat Scroll Archive Blog Dengan CSS secara gampang :

Pertama yang harus Anda lakukan adalah 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 telah mempunyai blog archives, jadi lewati saja langkah diatas. kemudian langkah berikutnya merupakan memberi scroll blog folder melewati Edit HTML serta memberikan sedikit pemanis dengan CSS.

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

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

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

4. Warna hijau bisa sobat ganti dengan kesesuaian template blog sobat agar terlihat rapi dan fleksible.
5. Save template untuk menyimpan Anda.

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.