• HOME
  • ABOUT US
  • CONTACT US
  • FACEBOOK
  • TWITTER
  • BOLANG GAMER

PASANG MENU NAVIGATOR TANPA HTML

MENU NAVIGATOR TANPA HTML adalah sebuah sarana berupa menu yang berbentuk horizontal. Dan Menu Horizontal ini sangat berguna untuk sebuah blog/website anda.
Perhatikan gambar dibawah ini:
 
 
Apakah anda tertarik Pasang Menu Navigator seperti gambar di atas pada blog anda ?
Jika "YA", silahkan ikuti langkah-langkah Pasang Menu Navigator Tanpa HTML sebagai berikut:


1. Login ke Blogger
2. Klik Tata Letak / Lay Out
3. Klik Tambahkan Gadget seperti gambar dibawah 
 
 4. Klik HTML/JavaScript seperti gambar dibawah
5. Masukkan Kode dibawah ini kedalam kotak HTML/JavaScript

<center><style>
#tab_menu {background:url(https://1.bp.blogspot.com/-4ZARj7sIlgg/WhlnTJzrdSI/AAAAAAAABnk/VHxr1EYR6Z09N9mL2ganspM6yUltUI5BACLcBGAs/s1600/menu.png) no-repeat;
    height:50px;
    width:960px;
    line-height:50px;
    list-style:none;
    margin-top:10px;
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    overflow:hidden;
}

#tab_menu li {
    float:left;
    border-right:1px solid #FFA722;
    border-left:1px solid #CC5200;
}

#tab_menu li:first-child {
    border-left:none;
}

#tab_menu li:last-child {
    border-right:none;
}

#tab_menu li a{
    text-decoration:none;
    float:left;
    display:block;
    height:50px;
    padding:0 20px;
    color:#FFF;
}

#tab_menu li a.current, #tab_menu li a:hover, #tab_menu li a.tool:hover {
    color:#622900;
    text-shadow:1px 1px 0px #E8964B;
}

#tab_menu li a.tool{
    color:#000;
    text-shadow:1px 1px 0px #E8964B;
}

</style>


<ul id='tab_menu'>
<li ><a href='http://www.orland.web.id/'>☞ HOME ☜</a></li>
<li ><a href='http://www.orland.web.id/2017/11/about-us.html'>☞ ABOUT US ☜</a></li>
<li ><a href='http://www.orland.web.id/2017/11/contact-us.html'&gt;☞ CONTACT US ☜</a></li>
<li ><a href='https://www.facebook.com/www.orland.web.id'>☞ FACEBOOK ☜</a></li>
<li ><a href='https://twitter.com/dalvindoorlando'>☞ TWITTER ☜</a></li>
</ul></center>

 
 
6. Klik Simpan
7. Selesai.  
Catatan: Kode yang berwarna silahkan diganti dengan url dan nama artikel blog anda. Jika sudah baru disimpan ya. 
 
Terima Kasih atas kunjungan dan kepercayaan anda.
Semoga Bermanfaat.
Best Regard,
OrLaNd

2 komentar:

Post a Comment

Popular Posts

⎝★★★⎠ COPYRIGHT © 2008 - 2017 .:: Created and Designed by OrLaNd ::. All Rights Reserved ⎝★★★⎠