Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan

180 views

Trikotti.Com – Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan, Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan

Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan

Nihh.. buat yang pengen ngasih scroll buat side bar, widget, atau scrool di dlm postingan'y..
 
berikut ada beberapa cara yang saya rangkum jadi satu:

CARA YANG PERTAMA:
 
Letakan kode di bawah ini pada widget ato yang lainya yg ingin anda buat scroll: 
 
#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) 



Keterangan:
#ffffff : Warna Background, bisa anda ganti dgn warna yg anda inginkan.
– Untuk angka2 pada kode'y bisa anda ganti sesuai yg anda inginkan.

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

2. Tambakahan kode CSS berikut ini diatas ]]>

#BlogArchive .widget-content{
height:200px;
width:auto;
overflow:auto;
}


3. Usahakan yang berwarna merah harus sama dengan nama widget yang hendak anda jadikan scroll 


CARA YANG KETIGA:
 
1. Pada Edit html template blogspot, silahkan anda cari widget yang hendak anda 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

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 ]]> copy dan letakkan code di bahwah ini tepat di atas ]]> :

.scrollbox {
height:150px;
width:450px;
overflow:auto;
}

Lihat text yang berwarna Biru itu adalah ukuran scrollbar. anda bisa menggantinya dengan ukuran yang anda inginkan. lalu SIMPAN TEMPLATE.

– Pada saat anda memposting, letakkan isi postingan yang akan di scrollbar di antara code 

dan

Contohnya adalah sebagai berikut.
 


ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI


bagaimana ? mudah kan.. okelah selamat mencoba dan semoga berhasil 🙂

Terima Kasih Atas kunjungan anda di halaman  Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan, Jangan lupa untuk Membookmars Halaman ini jika  Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan berguna untuk anda.

Leave a reply "Cara Membuat Scroll Pada Sidebar, Widget, Dan di Dalam Postingan"