,

Blogger Toplam Yazı Toplam Yorum Eklentisi

14 Şubat 2010 Pazar 0 yorum

Blogunuzda bulunan tüm toplam yazı ve tüm toplam yorum sayısının istatistiğini blogunuzda yayınlamak için aşağıdaki yolu izlemelisiniz:


Kumanda Paneli-->Yerleşim-->Gadget Ekle-->HTML/JavaScript
    <script style="text/javascript">

    function numberOfPosts(json) {

    document.write('Toplam Yazılar: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

    }

    function numberOfComments(json) {

    document.write('Toplam Yorumlar: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

    }

    </script>

    <ul><li><script src="http://fermenteblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

    <li><script src="http://fermenteblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

Yukarıda kırmızı renkle belirttiğim kısma kendi blog adınızı yazınız.Temanızı kaydedip çıkış yaptığınızda işleminiz tamamlanacaktır.
Devamını Oku

 

,

Blogger "Yukarı" Butonu Eklentisi

Ziyaretçilerinizin sayfanın sonundan başına rahatça gidebilmesi için kullanışlı bir eklenti olan "Back to top" eklentisi sayfa uzunluğu fazla bloglarda gezinti kolaylığı sağlamaktadır.

Eklentiyi blogunuza kurmak için:

Kumanda Paneli-->Yerleşim-->Gadget Ekle-->HTML/JavaScript

yolunu izledikten sonra aşağıdaki kodları ekleyip kaydet butonuna tıklamalısınız:

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Yukarı"><img style="border:0;" src="http://i50.tinypic.com/29bhljk.gif"/></a></div>

Yukarıda kırmızı renkle renklendirdiğim kodu istediğiniz başka bir ikon URL'si ile değiştirebilir veya aşağıya eklediğim ikonların URL'lerinden beğendiğiniz bir tanesininki ile değiştirebilirsiniz.

Icon Setleri:

 "http://i49.tinypic.com/1seiw1.jpg"

"http://i49.tinypic.com/midxc1.jpg"

 "http://i45.tinypic.com/2la309u.jpg"

 "http://i46.tinypic.com/8vulwi.jpg"

"http://i49.tinypic.com/2qxydr8.jpg"

"http://i48.tinypic.com/op0fb9.jpg"

"http://i50.tinypic.com/2ps0t2p.jpg"

"http://i48.tinypic.com/212sfux.jpg"
Devamını Oku

 

,

Blogger "Sayfalar" gadget eklentisi

Blogger'ın arama butonundan sonraki en son yeniliği blogunuza kolay yoldan yan menü veya üst menü sekmesi eklemenize olanak tanıyan "Sayfalar" gadget'i.

Kullanımı basit ve anlaşılır. Öncelikle birinci adımda menüyü oluşturmak için ihtiyaç duyacağımız sayfaları oluşturalım. Blogspot bunun için biz blogculara 10 adet sayfa oluşturabilme olanağı sunmuş.

Kumanda Paneli-->Kayıtları Düzenle-->Sayfaları Düzenle-->Yeni Sayfa










yolunu izleyerek oluşturmak istediğimiz sayfaları meydana getiriyoruz. İstediğimiz sayfaları yayınlayıp bir sonraki aşamaya geçiyoruz.

Kumanda Paneli-->Yerleşim-->Gadget Ekle-->Sayfalar

























yoluyla blogumuzda gözükmesini istediğimiz sayfaları seçip "Kaydet" butonuna tıklıyoruz. (Eğer 10 sayfa hakkınızdan az bir kısmı kullandıysanız ve yeni ekleyeceğiniz sayfaların blogunuzda anında yayınlanmasını istiyorsanız "Yayınlanan yeni sayfaları otomatik olarak ekle" sekmesini seçili tutmalısınız.)

Daha sonra üst sekme yapmak için kaydettiğimiz sayfalar gadgetini blog başlığının altına, yan menü yapmak içinse sağ sütuna sürükleyip bırakıyoruz. Blogumuzu kaydettiğimizde işlem tamamlanmış olacaktır.
Devamını Oku

 

,

Blogger'dan Navbar Kaldırmak



Blogger'da Navbar blogunuzun üst kısmında bulunan ve profesyonel görünümü azaltan bir eklentidir. Bu kısmı blogunuzdan kaldırmak için basit bir işlem yeterlidir.

Bunun için:

Kumanda Paneli-->Yerleşim-->HTML'yi Düzenle-->Widget Şablonlarını Genişlet-->"Ctrl+F"

yolunu izledikten sonra aşağıdaki kırmızı renkli kodu temanızda aratınız:

<head>
<b:skin><![CDATA[

eğer blogunuzda bu kod bulunmuyorsa aşağıdaki kırmızı renkli kodu da aratmayı deneyebilirsiniz:

]]></b:skin

yukarıdaki kodlardan herhangi birisini bulduktan sonra bu kodlardan bulduğunuz kodun önüne aşağıdaki mavi renkli kodu ekleyiniz:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Daha sonra önizleme yapıp temanızda bir sorun olup olmadığına bakıp, sorun olmadığı takdirde temanızı kaydedip çıkış yapabilirsiniz. İşleminiz tamamlanmıştır.
Devamını Oku

 

,

Blogger Sosyal İmleme Eklentisi






Blogunuza eklediğiniz bilgilerin, videoların veya fotoğrafların facebook, friendfeed, twitter gibi sosyal ağ sitelerinde paylaşımının yapılabilmesi için blogunuza aşağıdaki kodları ekleyebilir, sitenize gelen trafik akışını bu yolla arttırabilirsiniz.

Öncelikle;


Kumanda Paneli-->Yerleşim-->HTML'yi Düzenle-->Widget Şablonlarını Genişlet-->"Ctrl+F"


yolu ile aşağıdaki kırmızı renkli kodu temamızda aratalım:


<div class='post-footer'>

veya bu kodun bulunmadığı bloglarda aşağıdaki kodu da aratabilirsiniz:

<p class='post-footer-line post-footer-line-1'>  

Yukarıdaki kırmızı kodlardan herhangi birini bulduktan sonra hemen altında aşağıdaki kodları yapıştırıyoruz:

    <div class='post-footer'>(Temamızda varolan kod)
    <div align='right'> 

    <!--SOSYAL-AG-TUSLARI-BASLA-->

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <!--Facebook-->

     <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title= &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Facebooka ekle&quot;;' target='_blank' title='Facebook a ekle'><img alt='Facebook' border='0' src='http://i49.tinypic.com/2m7byaw.png'/></a>

    <!--Twitter-->

     <a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter ile Paylaş' src='http://i50.tinypic.com/3088c4g.png'/></a>

    <!--Friendfeed-->

     <a expr:href='&quot;http://friendfeed.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Friendfeede ekle&quot;;' target='_blank' title='FriendFeed'><img alt='Friendfeed' border='0' src='http://i50.tinypic.com/2eppncy.png'/></a>

    <!--Digg-->

     <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg ile Paylaş' src='http://i50.tinypic.com/b84gom.png'/></a>

    <!--Stumble-->

     <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble ile Paylaş' src='http://i46.tinypic.com/opcygk.png'/></a>

    <!--Delicious-->

     <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious ile Paylaş' src='http://i50.tinypic.com/o9ixwh.png'/></a>

    <!--Technorati-->

     <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati ile Paylaş' src='http://i50.tinypic.com/j1573d.png'/></a>

    <!--Reddit-->

     <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title= &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Reddite ekle&quot;;' target='_blank' title='Reddit e ekle'><img alt='Reddit' border='0' src='http://i50.tinypic.com/2qxm0x2.png'/></a> </b:if>

    <!--SOSYAL-AG-TUSLARI-BITIR-->

    </div></div>(temamızda zaten var olan kod)

Temamızda varolan mavi renkli iki kodun arasına yukarıdaki siyah renkli kodları yapıştırıyoruz. Kırmızı ile ifade ettiğim kısımda ise kendi isteğiniz veya tema konseptiniz bakımından icon paketleri kullanarak imlerin görünümlerini değiştirebilirsiniz. Eğer görünümden memnunsanız kırmızı kodları da siyah kodlarla birlikte sitenize olduğu gibi kopyalayabilirsiniz.

Daha sonra temanızı kaydedip çıkış yaptığınızda işleminiz tamamlanmış olacaktır.
Devamını Oku

 

Blogger'da "... Etiketine Sahip Kayıtlar Gösteriliyor.Tüm Kayıtları Göster." Yazısını Kaldırmak

Blogger'da çoğu zaman kategori yapmak için kullandığımız, çoğu zaman da arama optimizasyonu amacıyla kullandığımız etiketler kategorizasyon sırasında "...Etiketine Sahip Kayıtlar Gösteriliyor. Tüm Kayıtları Göster." şeklinde blogumuzda yer alırlar. Blog görünümünü daha profesyonel hale getirmek isteyen kullanıcılar bu yazıdan kurtulmak amacıyla aşağıdaki yolu izleyebilirler:

Kumanda Paneli-->Yerleşim-->HTML'yi Düzenle-->Widget Şablonlarını Genişlet-->"Ctrl+F"

ile aşağıdaki ilk kırmızı kodu bulalım:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

daha sonra bu kırmızı kodların arasındaki kodları silelim ve yerine aşağıdaki mavi renkli kodları yapıştıralım:

<b:includable id='status-message'>
 <b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Şablonu kaydedip çıktığınızda işleminiz tamamlanmış olacaktır.
Devamını Oku

 

Kaydol: Kayıtlar (Atom) yazısını kaldırmak

Blogger'da sayfanın sonunda yer alan "Kaydol: Kayıtlar (Atom)" bölümü blogunuzun ziyaretçilerinin sitenize beslemeler yoluyla abone olmasını sağlar. Ancak zamanla feedburner kullanan veya kendi özel RSS eklentisini oluşturan kullanıcılar için bu kısım gereksiz ve amatör bir bölge halini almaktadır.

Blogunuzundan "Kaydol: Kayıtlar (Atom)" beslemesini kaldırmak için:
Kontrol Paneli-->Yerleşim-->HTML'yi Düzenle-->Widget Şablonlarını Genişlet-->"Ctrl+F"
yolunu kullandıktan sonra tarayıcınız aracılığıyla 
<b:include name='feedLinks'/> 
kodunu şablonunuzda aratıp bulunuz ve yukarıdaki kırmızı renkli kodu siliniz. Şablonunuzu kaydedip çıktığınızda işlem tamamlanmış olacaktır.

Devamını Oku