Asalamualaikum Wr.Wb.
oke teman teman nah disini saya akan menjelaskan cara buat Scroll pada sideber, widget, dan di dalam posting. mungkin cara yang saya gunakan sekarang tak jauh beda dengan apa yang sebelum kalian lihat sama blog teman kita sebelumnya. tapi dangan cara ini sedikit mempermudah
nah tak perlu panjang lebar saya bercerita tentang Cara Buat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan
saatnya perhatikan pejelasn dibawah ini dengan baik
semoga berhasil dan sampai ketemu lagi dalam blog ini...
Kali ini Saya akan membagikan sedikit Cara Buat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan. Membuat
Scrool PAsti Di butuhkan di Kala Widgetntya panjang Banget ..yang
akhirnya menambah buruk tampilan di blog kita . Nah makanya kalo widgedd
yang panjang panjang seperti Archif di blog harus di kasih scrool
supaya bentuknya sesuai nga kepanjangenn{Di lihatnya nga enak}.
Oke deh Tanpa panjang Lebar kita menuju ke tkp.
CARA YANG PERTAMA:
Letakan kode di bawah ini pada widget yang ingin di buat buat scroll:
<div style="overflow: auto;background-color:#ffffff; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
HTML, URL, TEXT, SCRIPT DSB (LETAKKAN KODE ISI SCROLL BAR DI SINI)
</div>
Keterangan:
- #ffffff : Warna Background, bisa anda ganti dgn warna yg anda inginkan.
- Untuk angka 200 pada kode'y bisa anda ganti sesuai yg anda inginkan itu untuk Panjang widgednya .
- 94% angka itu di gunakan untuk Ukuran Width{Lebarnya
- #ffffff : Warna Background, bisa anda ganti dgn warna yg anda inginkan.
- Untuk angka 200 pada kode'y bisa anda ganti sesuai yg anda inginkan itu untuk Panjang widgednya .
- 94% angka itu di gunakan untuk Ukuran Width{Lebarnya
CARA YANG KEDUA:
1. Buka Pengaturan, Design, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll. Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive
1. Buka Pengaturan, Design, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll. Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive
2. Tambakahan kode CSS berikut ini diatas ]]></b:skin>
#BlogArchive .widget-content{ height:200px; width:auto; overflow:auto; }
3. Usahakan yang berwarna Biru harus sama dengan nama widget yang hendak anda Kalian jadikan scroll .
CARA YANG KETIGA:
1. Pada Edit html Template blogspot, silahkan Kalian cari widget yang hendak Kalian berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode .
1. Pada Edit html Template blogspot, silahkan Kalian cari widget yang hendak Kalian berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode .
div class='widget-content'2. Tambahkan kode style='overflow:auto; height:230px' disamping kode div class='widget-content' Sehingga menjadi
<div class='widget-content' style='overflow:auto; height:230px'>
UNTUK CARA MEMBUAT SCROLL DI DALAM POSTINGAN BERIKUT CARANYA:
- Klik Tata Letak edit HTML
- Beri tanda centang pada "Expand Template Widget" yang ada di pojok kanan
- Kemudian Carai code berikut ]]></b:skin> copy dan letakkan code di bahwah ini tepat di atas ]]></b:skin> :
.scrollbox { height:150px; width:450px; overflow:auto; }
Lihat text yang berwarna Merah itu adalah ukuran scrollbar. Kalian bisa menggantinya dengan ukuran yang Kalian inginkan.
Setelah itu Sekarang Tinggal SIMPAN TEMPLATE.
- Pada saat anda memposting, letakkan isi postingan yang akan di scrollbar di antara code
<div class="scrollbox"> dan </div>
Contohnya adalah sebagai berikut.
<div class="scrollbox">
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
</div>
Yahhh Cuman Segitu tu Caranya.. Mohon Maaf nie Jika Ada Kata Kata yang Kuran Berkenan Pada Tulisan ini Maklum Masih Tahap Belajar.
Wasalmualaikum Wr. Wb.
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll
Sobat sedang membaca artikel tentang Cara Buat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
No comments:
Post a Comment