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
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

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