- Home >
- tutorial blog >
- Cara Membuat Navbar Melayang/Tetap Di Atas
Posted by :
Ariq Rastaman
Selasa, 15 Oktober 2013

Bila Sobat Semua Menginginkan Tolbar Atau Navbar Tersebut, Sobat Bisa Mengikuti Langkah-Langkah Berikut:
- Login Ke Aku "Blogger" Sobat
- Pada "Dasbor" Pilih Rancangan Kemudian Pilih "Edit HTML
- Letakan CSS Berikut Tepat Diatas Kode ]]></b:skin
#tejanavbar{font-family:Comic Sans Ms;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihBxmdpMYwrbG-uvnb3uCvkMhaa62c0MAXZtF0qjfVIXrg9WJXp_4DOS_9uWf5WYrLz0jE8FUJ_2b9SfffzP7h5euU7hoF3TNPfhYt-t5t_zUcafNp-CNepfFqp-AoI4jADczxBrQeE1IK/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
#tejanavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#tejanavbar .right{float:right;padding:0px 2px;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgBU09gs1GtU4BuZQcWbuSp77nCfdjB32vvS1ldkcbfAv8xgKViO2V70rAwnTY1wMK6jdK8WY7icP4Y5WkN18sk8WO9z7gkAyTvfMWvafiQUq78yLQdYMaecL-jHX9JjwcjpBDy9nf6Mo/s1600/Cursord.png), default}
#tejanavbar a{color:red;text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px;-moz-outline-style:none;}
#tejanavbar a:hover{color:white;text-shadow: rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 20px;border:0px;-moz-outline-style:none;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgBU09gs1GtU4BuZQcWbuSp77nCfdjB32vvS1ldkcbfAv8xgKViO2V70rAwnTY1wMK6jdK8WY7icP4Y5WkN18sk8WO9z7gkAyTvfMWvafiQUq78yLQdYMaecL-jHX9JjwcjpBDy9nf6Mo/s1600/Cursord.png), default}
4.Kemudian Letakan Script Berikut Tepat Dibawah Kode <body>
<div id='tejanavbar' style='position:fixed;'>
<span class='left'><IMG align='top' alt='0' height='20'
onclick='window.open("http://tejahtc.blogspot.com/?sm=1");'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxN7RQk4bX4WzZootE14vWKI1P7WGP9g-xd-0QUDggxrQC0gnBkzHbVaMvwzIroPtscWLR_X1kKgsN8DF_Dswfwu9HDVwouEMRi-lMxQF6zLQLoKdew7M6nBNQFftwIsH_F-2s3GMt2lD-/s1600/tejaicon3232.png'
width='26'/>
<span style='font-family:kristen
itc;'><blink>"WELCOME TO MY
BLOG"</blink></span></span>
<span class='right' style='font-family:verdana;'>
<IMG alt='1' height='20'
onclick='window.open("http://www.facebook.com/pages/Sharing-Ilmu-pengetahuan/125513924175946");'
src='https://lh4.googleusercontent.com/_GaKwmMcf4N4/TSPPQiZKc2I/AAAAAAAAEDU/zD_grWbBNuQ/DADnfb.png'
title='Facebook Page' width='20'/>
<IMG alt='2' height='20'
onclick='window.open("http://www.facebook.com/pages/Sharing-Ilmu-pengetahuan/125513924175946");'
src='https://lh4.googleusercontent.com/_GaKwmMcf4N4/TSPPJwm1nBI/AAAAAAAAEDM/UMIdfmgbSII/DADnbookmark.png'
title='My Favorites' width='20'/>
<IMG align='top' alt='3' height='20'
onclick='this.setHomePage(http://websitenokia.blogspot.com/);'
src='https://lh4.googleusercontent.com/_GaKwmMcf4N4/TSPPQsgWT1I/AAAAAAAAEDc/-8SnRmd2RvQ/DADnhome.png'
title='Set As HomePage' width='20'/>
<IMG align='top' alt='4' height='20'
onclick='window.open("http://id-id.facebook.com/msuteja");'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1MDcBnFp3g2R9p2xTp9kTvUrfAY6cXcKSFzJrs0Ce6K31ckY02VEsTDu04I-b1bWs04O1ss-ND8XL1n9lpSAliOVI_59j-Z_zs3T3ag0HA8o-NueLdw-SEuz_tCZsmnWB_0I_E6zy-mIf/s1600/facebook.png'
title='Add Me On Facebook' width='20'/></span></div>
5.Simpan Templatenya
Selamat Mencoba??
Semoga Berhasil !!













