Membuat dan Memasang Menu Scroll Blog


Dalam kesempatan kali ini saya akan sedikit berbagi tips bagaimana cara membuat dan memasang menu scrool di blog. Adapun fungsi dan kegunaan menu ini adalah agar daftar list artikel yang kita posting tidak memakan tempat karena lebar dan panjang menu bisa kita sesuaikan dengan lebar space halaman blog.
Mari kita perhatikan bersama kode HTML untuk membuat menu ini :


<div style="overflow:auto; width:400px ; height:100px ;border:1px solid #eee;padding:8px;margin:10px 0 0">

<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-teks-atau-tulisan-berwarna.html">Cara Membuat Teks Berwarna di Postingan Blog</a></li></ul>


<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-tabel-dan-kolom.html">Cara Membuat Tabel dan Kolom Blog</a></li></ul>


<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-teks-berjalan-di-tab-dan.html">Cara Membuat Teks Berjalan di Tab dan Navbar Atas</a></li></ul>


<ul><li><a href="http://www.masbugie.com/2010/04/shoutmix-vs-cbox-ala-newbie.html">ShoutMix Vs CBOX ala Newbie</a></li></ul>

</div>
</div></div>

Dan nantinya akan memiliki tampilan seperti dibawah ini :


Dan sekarang cara memasang widgets menu scrool di blog :

  1. Login Blogger
  2. Klik Tata Letak / Layout
  3. Dalam menu Elemen Laman klik Tambah Gadget / Add Widget
  4. Pilih HTML
  5. Copy Paste kode diatas kedalam Gadget HTML tersebut
  6. Ubah tulisan berwarna biru dan sesuaikan dengan ukuran dan alamat url postingan blog kalian yach...
  7. Klik Save
Selesai....

 * Cara melihat url postingan, klik salah satu artikel sampean nah habis itu lihat di kotak pengisian alamat contohnya seperti ini :




Gimana mudah bukan, semoga bermanfaat n selamat mencoba
Regards

15 komentar:

merka mengatakan...

orang baru neh di dunia blog,,,kasih tau cara daftar blog di adsense dunk,,soalnya udah berkali2 di tolak mulu...mkasi y,

[Reply]
Mas Bugie mengatakan...

yang prtama dan utama adlh blog hrs brbahasa inggris gan, pnya traffic yg tinggi jg, sama gan blog saya yg dulu jg dtolak, skg blum berani lg daftar, thx dah mampir

qrys mengatakan...

:-D thanks.......

[Reply]
qrys mengatakan...

:-D thanks.......

[Reply]
Putra Jogja mengatakan...

Sudah cak coba dan berhasil makasih banget ilmunya.

[Reply]
Arif cool mengatakan...

Thanks ya Berhasil kok ,,,,

[Reply]
septiaji mengatakan...

gan kalau untuk comment ada gak ane lagi butuh nih.
(PENGETAHUAN PINTARs BLOGWALKING)

[Reply]
iwan-distri3 mengatakan...

mas..kok jadinya mendatar menu scroollnya

[Reply]
dani aristiyawan mengatakan...

mas gi mana caranya klo mau pasang iklan di dalam scrool, dan menampilkan postingan di dalam scrool

makasi, dn tolong jawabannya

[Reply]
dani aristiyawan mengatakan...

mas minta posting cara membuat scrool yang bisa di tarik-tarik ......

[Reply]
Bambang eko Wahyudi mengatakan...

ok gan gue cb deh,... thank infnya...

http://allinier.blogspot.com/

[Reply]
penerjemah bahasa mandarin mengatakan...

oke sob triknya...btw untuk menu scroll 2 kolom atau lebih, gmna sob caranya??salam sukses selalu.thanks

[Reply]
Rafy Azano mengatakan...

nitip blog ane yaaa enterspasidelete.blogspot.com

[Reply]
Dwipa Yana mengatakan...

Thanx guy info'x

[Reply]
Rangga Atmajaya mengatakan...

Selamat malam gan, maksih dah share tentang cara atau tutorial di atas, langsung bisa ane praktekin di blog ane gan, www.rangga-atmajaya.com dan ternyata berhasil. makasih banyak, Jika sobat berkenan bisa juga tukar link gan, gimana?? makasih sekali lagi. Salam Blogger Indonesia.

[Reply]


 

Mas Bugie [dot] com Copyright © 2010-2013 All Rights Reserved

Powered by Blogger