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 sesuaikan kode warnanya dg blog kamu.
- Kemudian tempatkan script berikut diatas kode </head>
<script src='http://blogtegal.googlecode.com/navbar-none.js' 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' target='_blank'>Berlanggan artikel Blogtegal via e-Mail</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='blogtegal.com';return true;'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://blogtegal.googlecode.com/files/close.jpg' style='cursor:hand;cursor:pointer;'/></span></div> - Terakhir klik SIMPAN.
0 komentar:
Posting Komentar