Blogger İnfobar Eklentisi

Blogspot kullanıcıları için gerekli eklentilerden bir tanesi. Ziyaretçiyi bilgilendirme çubuğuda diyebiliriz. Sayfa ile birlikte hareket eden ve alt kısımda yer alan hoş bir bilgilendirme çubuğu.  Kurulum için aşağıdaki talimatları takip edin..

Blogger  Yönetim Paneli  >> Yerleşim + Şablon yolunu takip ederek Kod kısmına gelin ve aşağıdaki kodu Ctrl + F tuşlar yardımı ile bulun.

]]></b:skin>

Bulduğunuz ]]></b:skin> kodunun üst kısmına gelecek şekilde aşağıdaki kodu ekleyin..


#mta_bar { background:#5495b7; border-top: 3px solid #6699ff; margin: 0; padding: 7px 0; z-index: 100; bottom:0px; right:0px; width: 100%; overflow: auto; position: fixed; } * html #mta_bar{ /*IE6 hack*/ 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: #0000FF; width:92%;} #mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;} #mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;} #mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;} #left_bar a {background: url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAlx98KWsr4TxuYX3QeZlUymIT2opzrkp38lb_9HsX76Zsh8wgatWdrQ7HT4dDCuAP6kiD_LyG0Hjd3FdGRLmPvZbnv6RMUxQu7gsFgWVIxfSJd7RSnxmEpIlog0oLD7QRgsf5Me7SJfc/?imgmax=800′) no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;} #left_bar a:hover { text-decoration: underline; color: #fff; }

Bir sonraki aşamada </head> kodunu bulun. Aşağıdaki kodu </head> kodunun üstüne ekleyin.


<script type=’text/javascript’> //<![CDATA[ var mta_arr = new Array(); var mta_clear = new Array(); function mtaFloat(mta) { mta_arr[mta_arr.length] = this; var mtapointer = eval(mta_arr.length-1); this.pagetop = 0; this.cmode = (document.compatMode && document.compatMode!=”BackCompat”) ? document.documentElement : document.body; this.mtasrc = document.all? document.all[mta] : document.getElementById(mta); this.mtasrc.height = this.mtasrc.offsetHeight; this.mtaheight = this.cmode.clientHeight; this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]); var mtabar = ‘mta_clear['+mtapointer+'] = setInterval(“mtaFloatInit(mta_arr['+mtapointer+'])”,1);’; mtabar = mtabar; eval(mtabar); } function mtaGetOffsetY(mta) { var mtaTotOffset = parseInt(mta.mtasrc.offsetTop); var parentOffset = mta.mtasrc.offsetParent; while ( parentOffset != null ) { mtaTotOffset += parentOffset.offsetTop; parentOffset = parentOffset.offsetParent; } return mtaTotOffset; } function mtaFloatInit(mta) { mta.pagetop = mta.cmode.scrollTop; mta.mtasrc.style.top = mta.pagetop – mta.mtaoffset + “px”; } function closeTopAds() { document.getElementById(“mta_bar”).style.visibility = “hidden”; } //]]> </script>

Bir sonraki aşamada  </body> kodunu bularak aşağıdaki kodu </body> kodunun alt kısmına ekleyin.

  <div id=’mta_bar’> <div id=’left_bar’> <span class=’left’><a href=’http://www.ibrahimfirat.net/’ target=’_blank’>Duyuruda görünmesini istediğiniz yaz</a></span></div> <span class=’right’ onmouseout=’self.status=''’ onmouseover=’self.status='/www.ibrahimfirat.net/';return true;’> <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlG3dCBpIdUvr7PoYRiX6ZOBDGawfyAgbvgHNQ3fsZVeG_ML68vl5NvygnrlBxduopjO3-zxXIZ0HNfai8wIkuNNCfbcXXhtDWnn4b4xCPo8c6bwmfGnuMyg_FQUkfnNe_QW3804HYLC0/?imgmax=800′ style=’cursor:hand;cursor:pointer;’/></span></div>

En son eklediğiniz kod içindeki  http://www.ibrahimfirat.net/ yazan yere kendi site adresiniz ve Duyuruda görünmesini istediğiniz yazı kısmına kendi iletinizi yazmanız yeterli olacaktır.