Cara menutupi navbar dengan gambar

Cara menutupi navbar blogspot dengan gambar
Cara menutupi navbar atau menyembunyikan navbar blogspot dg gambar bisa gak yah? Jawbannya tentu saja bisa banged.
Sebenarnya bukan di tutupi dengan gambar, istilah bloggernya yakni Strip-ad ya semacam widget melayang yang ditempatkan persis dibagian navbar yang berfungsi menutupi navbar blogspot. Contohnya bisa dilihat pada Blogtegal, bagaimana, . . Menarik bukan.
Untuk tutorial pembuatannya pun cukup mudah, bahkan trik ini adalah trik yang sudah sangat basi namun bagi kamu yang belum tahu bisa menggunakan trik ini, lets do it.
Pertama yang harus kamu lakukan yakni berdoa

  • Login ke dashbord blog kamu
  • pilih Rancangan »» Edit HTML
  • download template lengkap dulu kalau2 terjadi kesalahan.
  • Tempatkan kode CSS berikut diatas kode ]]></b:skin>

    #mta_bar {background:#ddd;
    border-bottom:1px solid #bb0000; border-top:1px solid #bb0000; margin:0;
    padding:4px 0; z-index:100; top:0; left:0; width:100%; overflow:auto;
    position:fixed; } *html #mta_bar {position:absolute; width:expression
    (document.compatMode==CSS1Compat”?document.documentElement.clientWidth+”px”
    body.clientWidth+”px”);} #mta_bar .left {float:left; text-align:center;
    font-family:Arial; font-size:13px; font-weight:bold; font-style:normal;
    color:#bb0000; width:92%; } #mta_bar .right
    {font-family:verdana,sans-serif; float:right; text-align:center;
    font-weight:normal; font-size:12px; letter-spacing:0; width:30px;
    white-space:nowrap; } #mta_bar .right a {font-size:12px; color:#bb0000;
    text-decoration:underline; } #mta_bar a:hover {font-size:12px;
    color:#bb0000; text-decoration:none; } #left_bar a {background:#ddd;
    text-decoration:none; color:#eee; padding:5px 0px 5px 30px; } #left_bar
    a:hover {text-decoration:underline; color:#bb0000; }

  • Silahkan sesuaikandg blog kamu.
  • Kemudian tempatkan script berikut diatas kode </head>
    <script src=’http://blogtegal.googlecode.com/navbar-none.js&#8217; type=’text/javascript’/>
  • kemudian tempatkan kode berikut di bawah kode <body>

    <div id=’mta_bar’> <div id=’left_bar’>
    <span class=’left’><a href=’http://feeds.feedburner.com/blogtegal&#8217; target=’_blank’>Berlanggan artikel Blogtegal via e-Mail</a></span></div>
    <span class=’right’ onmouseout=’self.status=&apos;&apos;’ onmouseover=’self.status=&apos;blogtegal.com&apos;;return true;’>
    <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://blogtegal.googlecode.com/files/close.jpg&#8217; style=’cursor:hand;cursor:pointer;’/></span></div>

  • Terakhir klik SIMPAN.

Komennya yaaa Sepatah dua patah kata gak apa yang penting bermanfaat

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: