Breaking News
Loading...
Friday 3 August 2012

Cara Membuat Navbar Melayang/Tetap Di Atas







Bila Sobat Semua Menginginkan Tolbar Atau Navbar Tersebut, Sobat Bisa Mengikuti Langkah-Langkah Berikut:
  1.  Login Ke Aku "Blogger" Sobat
  2.  Pada "DasborPilih Rancangan Kemudian Pilih "Edit HTML
  3.  Letakan CSS Berikut Tepat Diatas Kode ]]></b:skin

#tejanavbar{font-family:Comic Sans Ms;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDWmyQ5Vuor7XWUUmXT2EUBn_roZgEnpQiSTPPL0S-ex6P_ldwxuUTadi5eopIkFcuBN77ZLVPBJML-n8RCzjSwbW3T_ESHKBwGipDq4lRr3RIkE0gFXMQmasajhyNemlM3YDsBP7dt15A/)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/AVvXsEgIQBYPVHzlNidQI3h1XNhDnNQSgBYPIRlJwRg99aPPehRGf9N7xi0VhR7A9KYlXYljHxzae0cgmpDRYBGmiuVYmrqq_CqoqJ2mEkQWtllIjmU28dDz0A0Kpd8H2I_svUNDW2LwEzIAPSc/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/AVvXsEgIQBYPVHzlNidQI3h1XNhDnNQSgBYPIRlJwRg99aPPehRGf9N7xi0VhR7A9KYlXYljHxzae0cgmpDRYBGmiuVYmrqq_CqoqJ2mEkQWtllIjmU28dDz0A0Kpd8H2I_svUNDW2LwEzIAPSc/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(&quot;http://tejahtc.blogspot.com/?sm=1&quot;);' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP66YU-Bm745Ss3g_tlPopZxoxFiy4VcQJ83AGHTWnuTkWT6G8l4TlWT-C5N3aiUR2R3VrPeobYBuw93CD4mIWr9V9nTbYh3IVBBCdX_SXcxuGfv_YvPmeTIFNXZGxj8LFluCNq0rG1x-M/s1600/tejaicon3232.png' width='26'/> <span style='font-family:kristen itc;'><blink>&quot;WELCOME TO MY BLOG&quot;</blink></span></span> <span class='right' style='font-family:verdana;'> <IMG alt='1' height='20' onclick='window.open(&quot;http://www.facebook.com/pages/Sharing-Ilmu-pengetahuan/125513924175946&quot;);' 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(&quot;http://www.facebook.com/pages/Sharing-Ilmu-pengetahuan/125513924175946&quot;);' 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(&quot;http://id-id.facebook.com/msuteja&quot;);' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_L7bAvvvpHOBnGDmcNBeUp5Y04PjtFTjTtpGXOpRtido1MZnrDP1dD0YIh9yRp2GxBVT2Bu0ptB7SfmbdTrd6-dS3SK9MDh2ZCwzoxKOTk8ImTHBuvVVBXS6mYcYMgYWNGKKxoCH5olgJ/s1600/facebook.png' title='Add Me On Facebook' width='20'/></span></div>
5.Simpan Templatenya


Selamat Mencoba??
Semoga Berhasil !!

2 komentar:

  1. mantap gan :-)

    www.smartkiosku.com

    ReplyDelete
  2. iiih lucu gan,
    power supply hp
    makasih sudah dishare disini
    sangat bermanfaat, apalagi untuk saya yang baru pemula

    ReplyDelete

Terima kasih telah berkomentar dengan mengikuti ketentuan sebagai berikut:
1. Komentar tidak menghina dan melecehkan.
2. Link hidup pada komentar otomatis akan terhapus!
3. Komentar SPAM otomatis dihapus!!!

Salam blogging...!

 
Toggle Footer