Selasa, 12 Juni 2012
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/AVvXsEiEZAwds0Cox-eAAQ0GR_R9pNt8rN5V18Bl1lyl_XFmwVzrjFoZKVtlPV2QHwKki_p17AwaDfWQ7mkFR6cPd1cyBIuaKmwEYm2KUfd5T4kend7HD8QwBZTJgWcH0oO44lLZbFn7S7G9GcU/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/AVvXsEgSRJN5P2_OixRmj6Aa3Es96rSzOZ8Ej1SLrjl8BVHN43tAJDXwuLFKo3a38pdi0Ip0WbeyZ13JsLMQHSIuDQQXyv6x9_EmI-aeC2nwGiLyDhMh1QOWyM6Cm_1HrNs8laHWp7U0WtZc738/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span></div>
<br/><br/>
8. Save dan lihat hasilnya :
{ 2 Komentar... read them below or Comment }
Jika ingin copy paste artikel ini, jangan lupa sertakan sumbernya ya, hargai usaha admin ^^, Kalau mau komentar jangan yang bersifat menghina maupun mengejek. Tidak sopan tau hahaa. Terima kasih sudah berkunjung ke blog ku. Jangan lupa di follow dan pasang banner ku ya \^^,/
terimaksih gan, izin nyoba ya..
BalasHapus@Blog Dofollow Indonesia ,oke deh gan, silahkan di coba :)
BalasHapusdan makasih sudah berkunjung ke blog ku :)