Menu Tiga posisi Di Samping Kanan Kiri Dan Atas

Posted by : Stiker Jalingkut

Apa Kabar Mas Bro Hem Ini Postingan Kami Ketinggalan Apa Udah Basih'y Heheheh
Yadah Gak Papalah Yang Pentinga Dah Berbagi Wkwkwkwk... Seperi Judul Postingannya Yang
Mau Kami Bagi2 Heheheh. Bagaimanah Cara Bikin Menu Tiga posisi Di Samping Kanan Kiri Dan Atas Blog. Buat Kami Yang Banyak Acara Heheheh Jadi Agak Mudah Juga Sangat Simpel Jadi Blog Kami Gak Usah Banyak2
Tempat Buat Naroh Daftar Label Atau Yang Lain2 Hahahah... Yaudah Mas Seperti Biasa
Mari Lihat Dulu Demonya...

Gambar Di Atas Gambar Hasilnya Sebenarnya Gak Kluar Semuah Di Keluar
Kalu Di Sentuh Dengan Mous Sobat.

Buat Sobat Yang Mau Pasang Menu Tiga posisi Di Samping Kanan Kiri Dan Atas Silakan Ikuti
Langkah-Langkahnya Di Bawah.

Langkah Pertama Masuk Dulu Tentunya'y Mas Heheh
Lalu Tambahkan Gadget Pilih HTML/JavaScript
Copy Code Di Bawah ini Mas

/*menu1Selladrt*/

#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHIZwmPvHHdpg_wOAoOg6pSzOrGa1PqbcZ1ZmUPoffwT-K9yCQf8k5McFl-ogtuUH7GjC1OFRhq3ameoanTIOEMunzZw0Jv5BockWy5xCXuf_1cZLGgxLCyFq0rOym26VWaXgreeDnrqE/s200/Bintang+Selladrt6.gif)}
#menu1 a:active {color:#9933FF;text-decoration:none; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_m-WYwht88ohb_LpVCgs15zvvyrKImFKvXtha0TmY4CvoRc7MueXnbfdb9r3PwXxqqH9Zkblcic8l47tmz-7ER7-WKpxWSNM0BcK4PERnYIrL2tt6aqisXPA-Y5PaalEGG_mcIwEtOb8/s200/Body+mas+Selladrt.jpg)}
#menu1 a:hover {color:#9933FF; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl85giuBxufFE-8f1bVfHlZn4ooTnhDZNGbfjnc_zXl6cVgt3Hu1-r6KQ4GzVTDDYTnffXYIpRnnnZLmOwIC_Yk0oVN_qO_owUXyuNjiRwTVcHhDhCjywUmOBVJcapzlMoAcT1ZdjvQac/s320/bolot.jpg)}
#menu1 a:visited {color:black;text-decoration:none; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_m-WYwht88ohb_LpVCgs15zvvyrKImFKvXtha0TmY4CvoRc7MueXnbfdb9r3PwXxqqH9Zkblcic8l47tmz-7ER7-WKpxWSNM0BcK4PERnYIrL2tt6aqisXPA-Y5PaalEGG_mcIwEtOb8/s200/Body+mas+Selladrt.jpg)}

#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwPLHW-5_dPiKMEo9jQzYXZe1edZbCgQGfEElv3Uqb6gRtVRw5Rt89uThGd4zQPwQ994EFjnHqNhy0Qv3Tkao8pe13gPBCYlPZjbUdA2lNaS9Ny2kApgtLuR21ouCuOoFOwFCgeBB_c6x/s1600/Bg+Selladrt+Awal.jpg)}
#menu2 a:active {color:#00FF00;text-decoration:none;}
#menu2 a:visited {color:#00FFFF;text-decoration:none; }
#menu2 a:hover {color:#FFFF00;background-color:#00FFFF; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHIZwmPvHHdpg_wOAoOg6pSzOrGa1PqbcZ1ZmUPoffwT-K9yCQf8k5McFl-ogtuUH7GjC1OFRhq3ameoanTIOEMunzZw0Jv5BockWy5xCXuf_1cZLGgxLCyFq0rOym26VWaXgreeDnrqE/s200/Bintang+Selladrt6.gif)}

#menu3 a { /*Menu3 Links*/
color:black;
background-color:white; 
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_m-WYwht88ohb_LpVCgs15zvvyrKImFKvXtha0TmY4CvoRc7MueXnbfdb9r3PwXxqqH9Zkblcic8l47tmz-7ER7-WKpxWSNM0BcK4PERnYIrL2tt6aqisXPA-Y5PaalEGG_mcIwEtOb8/s200/Body+mas+Selladrt.jpg)
}
#menu3 a:active {color:black;text-decoration:none;}
#menu3 a:visited {color:black;text-decoration:none;}  /*End Menu Links*/
</style>
<script src="http://selladrt11.jw.lt/Menu.js" type="text/javascript"></script>

Buat Pasang Linik Dan Artikelnya Sobat Cukup Pake Code JavaScript Yang Di Bawah

//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):
resizereinit=true;

menu[1] = {
id:'menu1', //use unique quoted id (quoted) REQUIRED!!
fontsize:'100%', // express as percentage with the % sign
linkheight:22 ,  // linked horizontal cells height
hdingwidth:210 ,  // heading - non linked horizontal cells width
// Finished configuration. Use default values for all other settings for this particular menu (menu[1]) ///

menuItems:[ // REQUIRED!!
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Menu"], //create header
["Tutorial ", "URL", ""],
["Kartun", "URL",""],
["Berita Hot", "URL", ""],
["Forum", "URL", ""],
[" Script", "URL", ""],
["Link", "URL", ""],

["FB", "URL", "", 1, "no"], //create two column row, requires d_colspan:2 (the default)
["Email", "URL", "",1],

["External Links", "", ""], //create header
["JavaScript Kit", "URL", "_new"],
["Freewarejava", "URL", "_new"],
["Coding Forums", "URL", "_new"]  //no comma after last entry

]}; // REQUIRED!! do not edit or remove

menu[2] = {  // REQUIRED!!  This menu explicitly declares all available options even if they are the same as the defaults
id:'menu2', //use unique quoted id (quoted) REQUIRED!!
/////////////////////////////////////
///////////// no quotes for these properties (numbers represent pixels unless otherwise noted): ////////////
/////////////////////////////////////
user_defined_stylesheet:false, //if true, prevents script from generating stylesheet for this menu
user_defined_markup:false, //if true, prevents script from generating markup for this menu
design_mode:false,  //if true, generates a report of the script generated/intended styles and markup (as a design aid)
menutop:160,     // initial top offset - except for top menu, where it is meaningless
menuleft:'45%',    // initial left offset - only for top menu, as pixels (can be a quoted percentage - ex: '50%')
keepinview:80,   // Use false (for not static) - OR - true or numeric top offset when page scrolls
menuspeed:20,    // Speed of menu sliding smaller is faster (interval of milliseconds)
menupause:500,   // How long menu stays out when mouse leaves it (in milliseconds)
d_colspan:3,     // Available columns in menu body as integer
allowtransparent:false, // true to allow page to show through menu if other bg's are transparent or border has gaps
barwidth:20,     // bar (the vertical cell) width
wrapbar:true,    // extend and wrap bar below menu for a more solid look (default false) - will revert to false for top menu
hdingwidth:210,  // heading - non linked horizontal cells width
hdingheight:25,  // heading - non linked horizontal cells height
hdingindent:1,   // heading - non linked horizontal cells text-indent represents ex units (@8 pixels decimals allowed)
linkheight:20,   // linked horizontal cells height
linktopad:3,     // linked horizontal cells top padding
borderwidth:2,   // inner border-width used for this menu
/////////////////////////// quote these properties: /////////////////////
bordercolor:'#000080', // inner border color
borderstyle:'solid',    // inner border style (solid, dashed, inset, etc.)
outbrdwidth:'0ex 0ex 0ex 0ex', // outer border-width used for this menu (top right bottom left)
outbrdcolor:'lightblue',  // outer border color
outbrdstyle:'solid',     // outer border style (solid, dashed, inset, etc.)
barcolor:'white',        // bar (the vertical cell) text color
barbgcolor:'#4d6814',   // bar (the vertical cell) background color
barfontweight:'bold',    // bar (the vertical cell) font weight
baralign:'center',       // bar (the vertical cell) right left or center text alignment
menufont:'verdana',      // menu font
fontsize:'90%',          // express as percentage with the % sign
hdingcolor:'white',      // heading - non linked horizontal cells text color
hdingbgcolor:'#4d6814',  // heading - non linked horizontal cells background color
hdingfontweight:'bold',  // heading - non linked horizontal cells font weight
hdingvalign:'middle',    // heading - non linked horizontal cells vertical align (top, middle or center)
hdingtxtalign:'left',    // heading - non linked horizontal cells right left or center text alignment
linktxtalign:'left',     // linked horizontal cells right left or center text alignment
linktarget:'',           // default link target, leave blank for same window (other choices: _new, _top, or a window or frame name)
kviewtype:'fixed',       // Type of keepinview - 'fixed' utilizes fixed positioning where available, 'absolute' fluidly follows page scroll
menupos:'top',         // set side that menu slides in from (right or left or top)
bartext:'MY MENU',       // bar text (the vertical cell) use text or img tag
///////////////////////////
menuItems:[
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Hot Sites"], //create header
["Lois Images", "URL", "_new"],
["State Street Blues", "URL","_new"],
["Media Jazz by Night", "URL", "_new"],
["DD Help Forum", "URL", "_new"],

["Search", "", "", 2, "no"], //create two column header w/ 2 and 1 column members, requires d_colspan:3
["Search", "", "", 1],
["Google", "http://www.google.com/", "_new", 1, "no"], //create three column row, requires d_colspan:3
["Yahoo", "http://www.yahoo.com/", "_new", 1, "no"],
["AltaVista", "URL", "_new", 1],

["Personal", "", ""], //create header
["Ansi Art Gallery", "URL", "_new"],
["John's Javascript Jungle", "URL", "_new"]  //no comma after last entry

]}; // REQUIRED!! do not edit or remove

menu[3] = {
id:'menu3', //use unique quoted id (quoted) REQUIRED!!
bartext:'RIGHT MENU',
menupos:'right',
kviewtype:'fixed', 
menuItems:[ // REQUIRED!!
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Menu"], //create header
["Template", "URL", ""],
["What's New", "URL",""],
["What's Hot", "URL", ""],
["Message Forum", "URL", ""],
["Submit Script", "URL", ""],
["Link to Us", "URL", ""],

["FAQ", "URL", "", 1, "no"], //create two column row, requires d_colspan:2 (the default)
["Email", "URL", "",1],

["External Links", "", ""], //create header
["JavaScript Kit", "URL", "_new"],
["Freewarejava", "URL", "_new"],
["Coding Forums", "URL", "_new"]  //no comma after last entry

]}; // REQUIRED!! do not edit or remove

////////////////////Stop Editing/////////////////

make_menus();</script>

Catatan Di Atas Sobat Ganti URL Nya Dengan URL Sobat
Juga Ganti Pula Artikelnya Dengan Artikel Sobat

{ 32 comentários... read them below or Comment }

seno14 Januari 2013 pukul 08.33
masih belum jelas sob, nyimak lagi
BalasHapus
Balasan
Masnady14 Januari 2013 pukul 08.59
wah banyak banget menunya sob, atas kanan kiri bawah...? salah satu saja sob hehehehehe

ijin save sobat, ntr saya coba kalau ada waktu.... makasih nih tipsnya..?
BalasHapus
Balasan
Unknown14 Januari 2013 pukul 09.50
dari pilihan demonya bagus, sepertinya saya harus mencoba pada blog berikut nanti, terima kasih sob.

Salam...
BalasHapus
Balasan
vlog media news14 Januari 2013 pukul 09.55
Hmmm... Setelah saya lihat kodenya sepertinya butuh pengalaman dan extra usaha keras nih untuk mengedit memasangnya pada blog... Mantab mas bro tutor menunya
BalasHapus
Balasan
Beben Koben14 Januari 2013 pukul 11.27
pernah lihat tuh genk
BalasHapus
Balasan
Asuka14 Januari 2013 pukul 16.29
Masih bingung. . . Maklum newbie. . Hehehe
BalasHapus
Balasan
Unknown14 Januari 2013 pukul 19.07
bagus ni cuma pake script html :D .. makasih sharenya.
BalasHapus
Balasan
Unknown14 Januari 2013 pukul 19.12
tapi mau diisi apa ya banyak banyak tab . , ;D
BalasHapus
Balasan
Rizal Uye14 Januari 2013 pukul 20.33
masih bingung mas
BalasHapus
Balasan
Rohis Facebook14 Januari 2013 pukul 21.04
sesuatu yg sifatx floating (melayang) biasax memberatkan blog...,
makasih sdh berbagi ilmux sob, happy blogging *smile
BalasHapus
Balasan
abang ichal14 Januari 2013 pukul 21.56
weleh.. menunya lengkap amat...
atas kiri kanan.. hoho..
BalasHapus
Balasan
Admin14 Januari 2013 pukul 21.57
keren nih..save ah..
BalasHapus
Balasan
wongcrewchild14 Januari 2013 pukul 22.13
nyimak tutorialnya sobat, banyak triknya disni, thanks
BalasHapus
Balasan
Pantun Cinta14 Januari 2013 pukul 22.30
wah aku belajar ah ini bagus dilihatnya...
BalasHapus
Balasan
Luhur Fatah15 Januari 2013 pukul 01.25
makasih bang atas info.a
BalasHapus
Balasan
Unknown15 Januari 2013 pukul 05.37
mantab sob add fb aku sob : eshal brothersoft tolong klik iklan saya sob..
BalasHapus
Balasan
Unknown15 Januari 2013 pukul 06.02
selamat malam sobat..
semakin mantap saja..
I like it.. ^_^
BalasHapus
Balasan
Odhzar Jhadeya16 Januari 2013 pukul 00.27
Ijin nyimak & saya pelajari dulu ya sob..
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

Menu Tiga posisi Di Samping Kanan Kiri Dan Atas

{ 32 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut