Cara Membuat Scroll pada Widget Blog
Scroll
adalah bentuk minimalis dari sesuatu widget yang bisa kita tarik ke
bawah dan ke atas. Penggunaan efek scroll pada widget ini bertujuan agar
lebih rapi,tidak makan tempat banyak dan juga agar lebih terkesan
minimalis. Membuat Widget agar Scroll pun tidak susah sangat. Karena
kita hanya menambahkan beberapa kode agar fungsi scroll muncul. Di
dalam dunia blog,ada 2 cara untuk membuat Widget agar scroll,yaitu :
1. Widget tanpa kode HTML/Javascript.
Setelah kita mengetahui nama widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.
Lalu sobat cari kode ]]></b:skin>, agar lebih mudah sobat gunakan tombol ctrl+F.
Masukan kode berikut tepat di atas kode ]]></b:skin>.
#PopularPosts1 .widget-content{
height:230px;
width:auto;
overflow:auto;
}
Nb : 1. Kode Berwarna merah adalah kode widget yang akan di beri scroll.
2. Kode Berwarna biru adalah kode untuk tinggi widget scroll.
Terakhir, Save dan lihat hasilnya.
2. Widget dengan kode HTML/Javascript.
Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.
<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">
"kode widget"</div>
Nb : 1. Tulisan yang berwarna merah adalah tempat untuk menaruh kode widget yang akan di scroll.
2. Kode yang berwarna biru adalah lebar untuk widget scroll.
UNTUK PARA COPASER BOLEH COPAS ARTIKEL INI TETAPI SERTAKAN LINK SUMBER ARTIKELYA
Tag : Widget blog,Scroll Widget,Membuat Scroll,Tips Blog,2013.
Tidak ada komentar:
Posting Komentar
silahkan berkomentar sesuai tema , gunakan kata-kata yang bijak dalam berkomentar.(no iklan ,no porn , no spam). komentar yang menyertakan link aktif , iklan, atau titip link.akan di masukan di folder SPAM.terimakasih