Tipadam Dizi ve Film Yorumları

IMDb 7 Üzeri Filmler
11 Ocak 2010 Pazartesi

Blogger'de İnfobar Oluşturma Eklentisi


Çok sevdiğim ve bana çok yardımcı olan bir üstadımın blogunda dolaşırken bu yazısını gördüm.Aslında çoktandır arıyordum ama bir türlü bulamıyordum daha doğrusu ne aradığımı bilmiyordum :) İşte bu eklentiyi www.bloggerturkiye.org ' ta buldum.Zaten eğer herhangi bir eklentiye vs. ihtiyacınız falan varsa o siteyi kullanmanızı öneririm ;)

Neyse Ben yazıya geçiyim yazıyı direk ekliyorum çünkü başka yapacağım bişey yok ;)Eğer bir sorun falan yaşarsanız yorum olarak yazabilirsiniz..

Adı üstünde infobar. Sayfanın alt bölümünde sayfa ile birlikte hareket eden bir bilgi çubuğu.
Dilerseniz rss linkinizi, isterseniz başka bir sitenizin linkini veya twitter linkinizi, kısacası aklınıza ne gelirse yazabilirsiniz.

Yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda ;


]]></b:skin>

kodunu buluyoruz ve hemen üstüne

#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('http://lh4.ggpht.com/_pt7i0nbIOCY/SRtNzbvDqPI/AAAAAAAAAXk/KxbvrpJ1DE4/ico-rss-trans_thumb%5B1%5D.png?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

kodlarını ekliyoruz.
Daha sonra;


</head>

kodunu buluyoruz ve hemen üstüne

<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>

kodlarını ekliyoruz.

Sonra ;


</body>

kodunu buluyoruz ve hemen altına

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.bloggerturkiye.org/' target='_blank'>Blogger destek sitesi?</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;www.bloggerturkiye.org&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SRGg-N2bQ4I/AAAAAAAAAVE/pG-pTLXsMtc/close_thumb%5B1%5D.png?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

kodlarını ekliyoruz.

Çubuğa yazacaklarınızı yukarıda yazan kodlarını ekliyoruz yazısının hemen üstündeki kodları değiştirerek değiştirebilirsiniz.

İşlem bukadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz. 


Kaynak : www.bloggerturkiye.org
Blogger'de İnfobar Oluşturma Eklentisi
  • Site Yorumları
  • Facebook Yorumları

1 yorum:

  1. Son bölümdeki kodları güncelledim.
    Sende değiştir istersen.

    YanıtlaSil

Yorum yaparken dikkat edilmesi gerekenler;

1. Türkçe yazım ve dilbilgisi kurallarına uyunuz.
2. Hakaret içeren yorumlarda bulunmayınız.
3. Yorumlarınızın konu ile alakalı olmasına çalışınız.
4. Yorumlarınızda yasa dışı hiçbir bağlantı linki vermeyiniz.
5. Yorum Formunu doldurduktan sonra Profil Seç -> ADI/URL bölümünden isminizi yazıp yorum yaparsanız size karşı bir hitap şeklimiz olur.
6. Kurallara uymayan yorumlar silinmektedir...

Top