Cara Membuat Menu Scroll Di Sidebar Blog - HP Yitno Cara Membuat Menu Scroll Di Sidebar Blog - HP Yitno

Bisnis Online I Affiliasi I Tutorial Blog I Tips & Trick I Motivation I SEO

Cara Membuat Menu Scroll Di Sidebar Blog

Dear Sahabat,
Kemarin malam temen lamaku yang sedang belajar ngeblog bertanya padaku,"itu cara membuat menu seperti yang ada di blog kamu gimana, pakai javascript ya?" Saya kira yang ditanyakan adalah cara membuat menu drop down melayang. Eh ternyata yang dimaksud adalah menu scroll yang ada di sidebar. Seingatku ane sudah pernah membuat tutorial bagaimana cara bikin menu scroll di blog, tapi pas tak cari di arsip tahun 2012 kok nggak ada. Rupanya artikel yang membahas cara pembuatan menu scrolling di blogspot masih tersimpan rapi dalam draft dan belum saya terbitkan.

Sebenernya postingan tersebut mau langsung saya terbitkan, namun gaya bahasanya kok masih amburradul. Saya khawatir temen-temen bukannya paham malah puyeng selepas membaca artikel tersebut. Ya sudah akhirnya saya susun ulang kosakatanya supaya menarik dan mudah di mengerti.

Cara pembuatannya juga cukup mudah karena tidak menggunakan kode javascript di dalamnya melainkan hanya memakai kode html dengan sedikit sentuhan css. Menu ini bisa kalian manfaatkan untuk menempatkan blogroll yang panjang atau daftar artikel yang kalian miliki. Dengan adanya menu scroll ini kalian jadi bisa menghemat tempat. Kelemahannya adalah apabila dibuka lewat operamini, fungsi scroll tidak berfungsi dan akan ditampilkan secara menyeluruh

Berikut kode untuk membuat menu scroll di website atau web:
<div style="border: 1px inset green; padding:10px; overflow:auto; width:270px; height:115px;">
1. <a href="alamat url sobat">nama link pertama</a><br />
2. <a href="alamat url sobat">nama link kedua</a><br />
</div>

Keterangan:
width      : untuk mengatur lebar menu
height     : untuk mengatur tinggi menu
border    : untuk mengatur ketebalan garis pinggir
inset       : garis tepi menjorok ke dalam
solid       : garis tepi berupa garis penuh
padding  : untuk mengatur jarak tulisan dengan garis tepi
overflow : berfungsi menampilkan scroll jika kapasitas melebihi batas
SHARE :

Iklan Lucu & Super Kreatif Di Dunia

Amazing..!!! - Kata itulah yang mungkin akan anda katakan tatkala melihat iklan paling kreatif & termahal di dunia berikut https://youtu.be/jYsx0nlGtJ4.
6 Komentar untuk "Cara Membuat Menu Scroll Di Sidebar Blog"

Menu ini bisa digunakan sebagai pengganti recent post atau populer post.

siip, postingan yang menginspirasi .Salam kenal :)

lebih irit tempat ya kalau pakai scroll

bagaimana cara menempatkan java scrip di html templat...bingung aqh

1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat

Back To Top