Translator

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

1 komentar:

  1. penerjemah bahasa mandarin said: oke sob triknya...btw untuk menu scroll 2 kolom atau lebih, bagaimana sob caranya???salam sukses selalu.thanks

    BalasHapus

Terimakasih sudah mampir di blog saya
jangan lupa kasih komentar anda disini

Related Posts Plugin for WordPress, Blogger...
Saikhu_Blog. Diberdayakan oleh Blogger.

Di dukung Oleh

    100% Backlink Indonesia rajacolekrajacolekrajacolekrajacolekrajacolekrajacolektips dan trikrajacolekphotobucketbertaubatlahtabur iklanraja gameFree Promotion LinkFree Smart Automatic BacklinkMalaysia Free Backlink ServicesMAJLIS LINK: Do Follow BacklinkLink Portal Teks TVjapanese instant free backlink Free Plugboard Link Banner ButtonFree Automatic Backlink Service backlink PlanetBlog - Komunitas Blog Indonesia
    100% Backlink Indonesia

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international calls