Sabtu, 02 Juni 2012

Cara Membuat Toolbar Atau Navbar Melayang Di Blog

kali ini saya bisa posting tutorial blog selanjutnya dengan tema  "Cara Membuat Toolbar Atau Navbar Melayang Di Blog". Tutorial ini terinspirasi pertama kali saat saya berniat memberikan toolbar atau navbar pada blog ini , Tapi sekarang sudah saya copot. Bila Sobat Semua Menginginkan Tolbar Atau Navbar Tersebut, Sobat Bisa Mengikuti Langkah-Langkah Berikut:


  1. Login Ke Aku "Blogger" Sobat
  2. Pada "Dasbor" Pilih Rancangan Kemudian Pilih Edit HTML
  3. Letakan CSS Berikut Tepat Diatas Kode ]]></b:skin>
  4. #tejanavbar{background-color:#000000;top:0px;left:0px;right:0px;position:fixed; height:35px;padding:0px;}
  5. Kemudian Letakan Script Berikut Tepat Dibawah Kode <body>
NoKode HTML / Scripts 



<div id='tejanavbar' style='position:fixed;'>
<span class='left'><IMG align='top' height='20' onclick='window.open(&quot;http://idesainer.blogspot.com' src='http://4.bp.blogspot.com/-qowGWvC3xHI/Tzewr3Xd8UI/AAAAAAAAADg/anAGxGpCvsM/s1600/idesainer.png' width='20'/>
<span style='font-family:kristen itc;'>&quot;iDesainer&quot;</span></span>
<span class='right' style='font-family:verdana;'>
<IMG alt='1' height='20' onclick='window.open(&quot;http://www.facebook.com/pages/IDesainer/148240711943571&quot;);' src='http://3.bp.blogspot.com/--V5K0g3S19c/TzeyV3S3alI/AAAAAAAAADo/mMp5h6iimA4/s1600/facebook-fan-page-icon.png' title='Facebook Page' width='20'/>
<IMG alt='2' height='20' onclick='window.open(&quot;http://idesainer.blogspot.com&quot;);' src='http://2.bp.blogspot.com/-YBNUb0hhqOM/TzeyZSHKJJI/AAAAAAAAADw/Shtiq2M2IaI/s1600/Favorite.png' title='My Favorites' width='20'/>
<IMG align='top' alt='3' height='20' onclick='this.setHomePage(http://websitenokia.blogspot.com/);' src='http://3.bp.blogspot.com/-e4SP1BkY1Mg/Tzeyc6lI_1I/AAAAAAAAAD4/snSHzEZvXMY/s1600/home.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/AVvXsEgJ_CfbufaOSlYR6pqJ2n_fryoLa7XmtwEn8mJ8Hq0JlsGJ6NUfpLcLC0Pz9NjuQ-Iq6UKxDBUaXARzyypBzQQrrwATArxrLxD4p4AKU59wakriddLM9VNOHQwYPq-FhcHkMCRn-P-p3vX8/s1600/facebook.png' title='Add Me On Facebook' width='20'/></span></div>


Dan Terakhir Simpan Templatenya dan lihat diblog anak bagaimana hasinya...
Selamat Mencoba Related Posts Plugin for WordPress, Blogger...

0 komentar:

Posting Komentar