Langsung ke konten utama

Membuat Menu Fungsi Scroll

Beberapa hari nggak online/update blog,saat lihat komentar ada sobat yang menanyakan sambil belajar bagaimana membuat fungsi scroll seperti pada sidebar seperti disamping blog ini.
Kira-kira komentar itu seperti ini :

mas, salam kenal. aku penasaran gimana cara buat kotak yang kayak Blog Tutorial itu ?? mohon bimbingannya mas ...

Untuk itu mumpung lagi ada waktu,sekarang kita kita bahas menghias blog dengan memanfaatkan fungsi scrollbar ya..
Untuk lebih relevan,sebaiknya diletakkan pada sidebar

Untuk membuat menunya sobat hanya membutuhkan kode HTML seperti ini :

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

isi menu

</div>


Keterangan :
  1. width --> lebar menu

  2. height --> tinggi menu

  3. padding --> jarak antar tulisan dengan garis pinggir

  4. border --> ketebalan garis pinggir


Contoh Menu dengan Fungsi Scroll
:



Contoh kode HTML untuk menu di atas :

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<a href="http://banuutomo.blogspot.com/2009/11/shareapic-upload-gambar-di-bayar-dollar.html"> Shareapic - Upload Gambar di Bayar Dollar$$</a>

<a href="http://banuutomo.blogspot.com/2009/11/penghasilan-dari-ppc-lokal-kumpul.html"> Penghasilan dari PPC Lokal - KumpulBlogger</a>

<a href="http://banuutomo.blogspot.com/2009/11/linkbucks-merubah-link-menjadi-dollar.html">Linkbucks - Merubah Link Menjadi Dollar $$</a>

<a href="http://banuutomo.blogspot.com/2009/10/income-tambahan-dari-ziddu.html"> Income Tambahan dari Ziddu</a>

<a href="http://banuutomo.blogspot.com/2009/09/tips-shvoong-bisa-dapet-dollar-dan.html"> Tips Shvoong dapet Traffic dan Dollar</a>

<a href="http://banuutomo.blogspot.com/2009/10/reviewmu-paid-review-pertama-di.html">ReviewMu-Part Review Pertama di Indonesia</a>

<a href="http://banuutomo.blogspot.com/2009/10/adreviewcamp-paid-review-indonesia.html">AdReviewCamp-Paid Review Indonesia</a>

<a href="http://banuutomo.blogspot.com/2009/10/dollar-dr-ptc-paid-to-click.html">Dollar dari PTC (Paid To Click)</a>

<a href="http://banuutomo.blogspot.com/2009/10/tips-memilih-ptc.html">Tips & Trik Memilih PTC</a>

<a href="http://banuutomo.blogspot.com/2009/09/tips-mendapatkan-traffic-dan-dollar-dr.html">Vinefire-Tips Mendapatkan Traffic dan Dollar dr Internet</a></li>

<a href="http://banuutomo.blogspot.com/2009/10/apa-itu-paypall.html">Apa Itu Paypall ??</a>

</div>


Sedikit keterangan tentang elemen diatas :

  1. overflow:auto; ==>> kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

  2. width:310px; ==>> adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 310 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

  3. height:200px; ==>> adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 300px.

  4. padding:10px; ==>> adalah jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;

  5. border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika sobat tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.


gimana ?? Gampang kan sobat !!!

sekarang tinggal sobat kreasikan sendiri
...

Salam Blogger Indonesia ..


Komentar

mascipul mengatakan…
keren sobbb..... salam kenal

Artikel Terkait

Postingan populer dari blog ini

Infolinks - Tambahan Dollar dari Blog

memang untuk mendapatkan uang dari internet tuh ada banyak banget sumbernya. Nah salah satu sumbernya adalah infolinks, infolinks adalah sebuah broker in-text> advertising, mereka adalah broken iklan yang, menampilkan iklannya di dalam text blog kita, dan setiap ada yang klik link tersebut akan mendapatkan uang, simpelnya sih seperti itu. nilai kliknya tentu lebih kecil dari pada google adsense namun yang klik jauh lebih banyak dari google adsense, menurut pengalaman saya dari 100 orang maka akan ada 7 orang yang klik iklan dari infolinks sedangkan jika dari google cuma ada 1 orang. jadi infolinks ini sangat potensial sekali. Infolinks bisa di pasang di blog bahasa indonesia dan blog bahasa inggris, tapi tentu saja blog bahasa inggris lebih menguntungkan dan mendatangkan banyak uang. untuk daftar di infonlinks tidaklah sulit, blog dengan pengunjung 100 aja perhari di terima kok, nah setelah di terima jadi publiser mereka anda pasang saja kode yang mereka berikan, memasang kodenya

Tips shvoong bisa dapet dollar dan traffic blog

Jadi begini, sebenernya ini adalah program paid to review dalam 34 bahasa mirip wikipedia, bedanya disini kita bakal di bayar untuk setiap posting artikel. Barang kali kamu udah tau, atau pura2 gak tau, atau mungkin malu-malu mau.., halah...!! Program ini namanya shvoong , gue berani meng-klaim kalo program ini adalah paid review terbaik dari sekian banyak paid review, kenapa..?? karena oh karena... di program ini gue bisa dapet dollar plus traffic blog yang tinggi, tapi kita musti pake trik buat dapet dua2nya, biar gak mubajir..!! hehehe... Okeh..., gue langsung sajo kasih triknya: 1. daftar dulu di shvoong 2. submit setiap postingan blog kamu sebanyak mungkin Jadi gini, kamu bisa membuat review tentang postingan blog kamu di shvoong, nanti di bagian “link terkait” kamu bisa mengisi url postingan blog kamu. And yang paling asyik lagi kamu bisa mensubmit review sebanyak mungkin, kalo gue pribadi lebih suka membuat 5 review untuk satu postingan blog gue, setiap review berbeda-beda ent

Paid to Promote - Tambahan Uang dari Blog

Paid to promote ini adalah salah satu cara dimana kita memungkinkan mendapatkan $5/hari hanya dengan blog gratisan dan artikel copy paste(saat ini saya baru mencapai $2/hari) . Paid to promote adalah cara uangkan blog hanya dengan menyisipkan kode iframe yang nantinya akan menjadi banner di blog kita, dan setiap kali blog tersebut tampil atau blog kita di kunjungi orang (tanpa perlu di klik) orang dari amerika, inggris, kanada dan australia maka kita akan mendapatkan uang. jika ada 1000 pengunjung dari 4 negara tersebut kita akan mendapatkan $4, dan $2 untuk 1000 kunjungan dari negara Austria, Belgium, Denmark, Finland, France, Germany, Iceland, Italy, Netherlands, New Zealand , Spain. nah berikut ini panduan paid to promote: 1. pertama tama anda harus punya blog yang kebanyakan pengunjung dari luar negeri terutama amerika, inggris, kanada dan australia. 2. Nah setelah anda punya blog minimal di blogspot anda bisa daftar paid to promote di SINI 3. setelah anda daftar maka and