Sudah banyak terdapat bar di atas blog. Bar tersebut bermacam-macam
bentuk dan gayanya. Kini ada sebuah bar yang mungkin cocok untuk
dipasang di blog anda.
1. Login dahulu ke blog kamu
2. Pilih Template, lalu pilih Edit HTML
3. Cari kode ]]></b:skin> (dengan CTRL + F)
4. Kemudian copy paste kode dibawah ini diatas kode ]]></b:skin>
#mbt_bar{5. Kemudian copy kode dibawah ini diatas </head> (dengan CTRL + F)
background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKrMbbsD9Vd2kEZVSq-MSOpuUdZk79w-8fCaMrIQ0dAVqAlD_c4Sz2fiLreBgjKMmJW48VQ4XqqK1bI2IEBrsOFPItkLamJmYmN-V3DkDBDZWE5mmp5FcAvSOAxiRQJayIHBW2ZMEQQ4g/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
margin-right: 6px;}
<script type='text/javascript'>6. Kemudian copy paste kode dibawah ini dibawah kode <head>
//<![CDATA[
var mbt_arr = new Array();
var mbt_clear = new Array();
function mbtFloat(mbt) {
mbt_arr[mbt_arr.length] = this;
var mbtpointer = eval(mbt_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt);
this.mbtsrc.height = this.mbtsrc.offsetHeight;
this.mbtheight = this.cmode.clientHeight;
this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]);
var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);';
mbtbar = mbtbar;
eval(mbtbar);
}
function mbtGetOffsetY(mbt) {
var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop);
var parentOffset = mbt.mbtsrc.offsetParent;
while ( parentOffset != null ) {
mbtTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mbtTotOffset;
}
function mbtFloatInit(mbt) {
mbt.pagetop = mbt.cmode.scrollTop;
mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px";
}
function closeTopAds() {
document.getElementById("mbt_bar").style.visibility = "hidden";
}
//]]>
</script>
<div id='mbt_bar'> Tulis Teks Anda <span style='padding:0px; float:right'>7. Tulisan hijau "Tulis Teks Anda" bisa kamu ganti dengan kata kata anda sendiri
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSePX9eZncebK0FXQ0wF_XCNrurpHGZxno9YJ4rdFZX7GHV3m6F2yy-xdW3ZUfb0oFrLIaZXsMBMBOjJCpUMtDqsWxEmih4l4Zthb2cjt1Il_1zKLQaNx7Qq8XiM_GUY2gSMKYYl_acoU/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span></div>
<br/><br/>
8. Save dan lihat hasilnya :
