Skip to content Skip to sidebar Skip to footer

Cara Membuat Arsip Scroll Pada Blog Dengan Mudah

Cara Membuat Arsip Scroll Pada Blog Dengan Mudah - Dengan membuat Archive post scroll pada blog memiliki arsip postingan scroll untuk mempermudah pengunjung mencari artikel yang sudah dipost di blog.
Cara Membuat Arsip Scroll Pada Blog Dengan Mudah - Dengan membuat Archive post scroll pada blog memiliki arsip postingan scroll untuk mempermudah pengunjung mencari artikel yang sudah dipost di blog
Cara Membuat Arsip Scroll Pada Blog Dengan Mudah:
Memasang Archive Post Scroll atau arsip scroll diblog bukan lain agar dapat dinavigasi oleh pengunjung melihat apa saja yang sudah diposting pada blog lalu akan melihatnya untuk selanjutnya akan dibaca dan akan memberikan pengalaman terbaik saat berinteraksi dengan blog lalu ditemukannya keseluruhan artikel anda dari hari,bulan sampe tahun juga tersedia di arsip blog tersebut yang ada disidebar.

Pastinya anda pemilik blog ingin agar pengunjung dapat mudah mencari artikel keseluruhan post yang ada di blog mudah ditemukan oleh pengunjung bukan ? nah anda bisa mencoba membuat arsip scroll pada blog dengan mengikuti tutorial dan tricks yang sudah dirangkum diartikel kali ini.

Cara Memasang Arsip Scroll Pada Blog:
1. Login terlebih dahulu keblogger milik anda tersebut.
2. Masuk ke menu Tata Letak yang terdapat dibagian dashbord menu pada blog.
3. Selanjutnya pasang widget arsip blog jika belum tersedia dibagian sidebar pada blog.
4. Jika sudah terpasang widget arsip blog maka selanjutnya melakukan pemasangan arsip scroll blog dibagian pengeditan html.
5. Pilih Menu Theme atau Tema pada blog lalu pilih lagi Edit HTML diblog.
6. Silahkan melakukan salin kode script arsip scroll blog dibawah ini, namun sebelumnya anda dapat mencari terlebih dahulu kode ini <div class='widget-content'> dengan menekan CTRL+F pada keyboards di komputer anda tesebut.
7. Jika sudah ditemukan maka tambahkan kode </div> sebelum kode </b:includable>
<div style='height:250px;width:auto;overflow:auto;'>.
8. Kalau sudah dipasang akan terlihat seperti ini pemasangannya.
<div class='widget-content'>
<div style='height:250px;width:auto;overflow:auto;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
<b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
<b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
</div>
</div>
</div>
</div>
</b:includable>
9. Terakhir simpan

Sampai disini anda sudah berhasil memasang kode script untuk arsip scroll blog dengan mudah, selanjutnya pemasangan CSS agar arsip scroll blog berfungsi dengan baik dan berjalan widget arsip scroll pada blog, karena sebagian blog tidak akan berfungsi dikarenakan harus memasang kode di bagian CSS pada blog sebagai berikut ini.

Untuk memasang arsip scroll blog menggunakan CSS maka bisa mengikuti langkah berikut ini ya.

Cara Memasang Arsip Scroll Menggunakan CSS diblog.
1. Masuk kebagian Edit HTML
2. Lakukan pencarian cara cepat dari keyboards di komputer anda dengan menekan tombol CTRL+F agar bisa menemukan kode ]]></b:skin> ini dan temukan.
3. Jika sudah menemukan kode ]]></b:skin> maka selanjutnya salin kode dibawah ini dan letakkan diatas kode ]]></b:skin> pada bagian CSS di Edit HTML pada blog.
4. Kode Script Widget Arsip Scroll pada blog menggunakan CSS.
#BlogArchive1 .widget-content{
height: 300px;
margin: 10px;
width: auto;
overflow: auto;
}
5. Terakhir Lakukan Save atau simpan
6. Refresh Blog dan liht hasilnya sudah berfungsi dengan baik dan berjalan widget arsip scroll blog dibagian sidebar.

Nah setelah itu pengunjung akan mudah melakukan scroll dibagian arsip diblog anda tersebut dan mempermudah pengunjung mencari artikel atau konten dari arsip dan mengetahui keseluruhan konten yang sudah dipost.

Demikianlah untuk artikel kali ini sudah dirangkum sedemikian rupa agar bisa bermanfaat bagi anda dan menambah wawasan ya. terimakasih sudah membaca.

Post a Comment for "Cara Membuat Arsip Scroll Pada Blog Dengan Mudah"