Wednesday, March 21, 2012

Cara Membuat Menu Scroll pada blog


Salam blogger Indonesia, pada posting kali ini saya akan memberikan cara membuat widget scroll untuk menghemat tempat dan sekaligus mempercantik blog teman-teman.
Widget ini selain menghemat tempat juga mempermudah pengunjung blog memilih artikel yang ingin di baca. Sangat bermanfaat jika kita pasang di blog kita agar pengunjung blog tidak mencari artikel lain di web lain dan supaya pengunjung betah membaca artikel di blog kita.

ayoo langsung aja kita mulai langkah-langkahnya :
1. Login ke akun Blogger kamu
2. Klik menu "Layout"
3. Klik pada "Page Element"
4. Klik "Add a Gadget " Kemudian pilih atau klik HTML/Javascript".
5. Copy Paste Script yang ada di bawah ini :

<div
style='overflow:auto;width:250px;height:250px;padding:10px;border:1px solid #eee'><ul>
LINK LIST ANDA DISINI
</ul></div>

Untuk Width dan Heigh bisa di atur ukurannya agar sesuai dengan blog kamu

6. Edit kodenya dulu, Kode yang berwarna biru adalah alamat URL yang ingin teman-tema masukan dan yang warna merah judul tampilan di widget silah diganti sesuai menu yang akan di masukkan. lihat kode yang temen mau ganti di bawah ini :

<div 
style='overflow:auto;width:250px;height:250px;padding:10px;border:1px solid #eee'><ul>
<li><ahref='http://cheu2233.blogspot.com/2012/03/cara-cepat-terindex-google.html'>Cara Cepat Terindex Google</a></li>
<li><a href='http://cheu2233.blogspot.com/2012/03/cara-mudah-membuat-tombol-sukalike-di.html'>Cara Mudah Membuat Tombol Suka atau Like di Postingan Blog</a></li>  
<li><a href='http://cheu2233.blogspot.com/2012/02/membuat-video-menjadi-wallpaper-di.html'>Membuat Video Menjadi Wallpaper di Windows 7 Menggunakan Dream Scene</a></li>
<li><a href='http://sodiycxacun.blogspot.com/2009/11/belajar-buat-blo-lewat-blogger.html'>Cara membuat Blog</a></li>  
<li><a href='http://cheu2233.blogspot.com/2012/03/download-coreldraw-x5-full-version.html'>Download CorelDraw X5 Full Version</a></li>  
</ul></div>
Untuk menambah list lagi tinggal copy paste kode yang sama,dan tinggal edit saja. Sebagai cotoh di kodenya di bawah ini
<li><a href='LINK KAMU'>JUDUL POSTINGAN</a></li>

Selamat Mencoba n GOoD Luck :D

No comments:

Post a Comment

Comments system

Disqus Shortname

Disqus Shortname

Comments System

Disqus Shortname

Comments system