Membuat Scrool pada Kontent Blog

advertisment

Selamat datang di blog Panduan Belajar Website Lengkap . Berikut ini adalah update artikel terbaru mengenai informasi tentang Membuat Scrool pada Kontent Blog silahkan untuk membaca dengan seksama dan mohon untuk disikapi dengan bijaksana mengenai informasi di artikel Membuat Scrool pada Kontent Blog , semoga artikel tentang Membuat Scrool pada Kontent Blog dapat menambah wawasan serta info yang anda cari atau butuhkan.

ini ilmu saya dapat dari salah satu blogger yang aktif di dunia internet cukup lama :)
semoga  saja bermanfaat :)


Masih dalam rangkaian utak-atik template untuk tampilan blog, kali ini akan berbagi cara Membuat Scroll Pada Archive Blog seperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi. Ini juga sekaligus sebagai realisasi dari janji saya pada postingan sebelumnya.


Cara Membuat Scroll Pada Archive Blog ini hampir sama dengan membuat Fungsi Scroll Pada Label / Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.

Untuk jelasnya langsung saja langkahnya seperti ini :
Masuk dulu ke Acount Blogger atau Dashboard
Pilih Layout , lalu klik Edit HTML
Centang dulu Expand Widget Templates
Cari kode yang seperti ini : <div id=’ArchiveList’> atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :

<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<div style=’overflow:auto; width:ancho; height:200px;’>
<div id=’ArchiveList’>
<div expr:id=’data:widget.instanceId + &quot;_ArchiveList&quot;’>
<b:if cond=’data:style == &quot;HIERARCHY&quot;’>
<b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == &quot;FLAT&quot;’>
<b:include data=’data’ name=’flat’/>
</b:if>
<b:if cond=’data:style == &quot;MENU&quot;’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div></div>
</div>
<b:include name=’quickedit’/>
</div>
</b:includable>
Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
Kalau sudah jangan lupa save template .
Selesai.

Hasil akhirnya adalah seperti ini :



Masih sekitar tema scrolling, sebelumnya saya juga telah posting membuat Fungsi Scroll Pada Komentar dan Fungsi Scroll pada Related Post serta Fungsi Scroll Pada Label / Kategori. Kalau diperlukan silahkan aja di klik.

Cuma bocoran saja (biar tidak lupa), ada beberapa kegiatan ngeblog lagi yang telah saya lakukan minggu ini, naah kegiatan tsb. Insya Allah akan saya dokumentasikan pada posting selanjutnya, yaitu tentang :
Cara merubah lebar kolom pada sidebar .. coba perhatikan lebarnya saya tambah 100 pixel tuh.
Cara menghosting CSS Blog ke pihak ketiga..
Cara membuat menu tab view . , dll.

Makanya agar tidak ketinggalan info, masukan Email sobat untuk berlangganan artikel Saung Web secara gratis.. ., Selamat mencoba semoga bermanfaat.

Update :
Silahkan lihat Cara Merubah Lebar Kolom Pada Template
Cara hosting file di google Site lihat disini
Loading Blog lebih Cepat Dengan CSS External



http://saungweb.blogspot.com

blogconfig.com

advertisment

Terima Kasih Atas Kunjungan Anda | Semoga informasi dari Blog ini dapat bermanfaat bagi Anda
Judul: Membuat Scrool pada Kontent Blog
Ditulis Oleh ndesain.web.id
Tulisan ini memberikan informasi yang bermanfaat untuk anda? Jika mengutip harap berikan link yang menuju ke artikel ini ataupun langsung ke artikel sumber Membuat Scrool pada Kontent Blog. Sebarkanlah jika artikel ini bermanfaat menggunakan link share sosial media di bawah. Terima kasih atas kunjungannya, jangan lupa untuk membaca related post menarik lainnya