BLOG-CYBER CORPORATION Gunakanlah Google Chrome untuk Tampilan Maksimal Blog Ini , Thanks For Visit My Blog,Jangan Lupa Follow Blog Ini. Online Peoples


Home » » Cara Membuat Widget Dengan Scroll

Cara Membuat Widget Dengan Scroll

Seperti pada salah satu widget yang ada pada blog saya ini, fungsi scroll yang sederhananamun banyak sekali manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita, nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.

Cara buatnya :



1. Login to Blogger kemudian pilih "Layout"

2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).

3.Copy Paste Script Berikut :




<h2 class="title">TULIS JUDUL WIDGET DISINI</h2>

<div class="widget-content">

<div style="border: 0px solid #F5003D; overflow: auto; width: 310px; height: 200px; text-align: left;">





LETAKKAN KODE WIDGET ANDA DISINI





</div>

</div>








+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.

+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.

+ Ganti  LETAKKAN KODE WIDGET ANDA DISINI  dengan KODE WIDGET yang ingin anda pasang.

+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda



4. Klik Simpan dan selesai.



Silahkan di coba semoga bermanfaat.




Copas Sertakan Link Sumbernya,Trims





Like And Share :

0 komentar ~ Back To Top

 
Support By : Google | Creating Website | Alexa
Copyright © 2012. Blog - Cyber Corporation - All Rights Reserved
Template Modify by GM Latief
Powered by Blog-Cyber Corporation