Blogger Breadcrumb Navigasyon Eklentisi

SEO açısından önemli bir Blogger Eklentisi.Breadcrumbs arama motorlarının ve ziyaretçilerin sitede rahat gezmesi için oluşturulmuş başlık linkleridir. Böylece kullanıcı alt kategorileri inse de bulunduğu içeriğe nereden geldiğini görüntüleyebilir.
Breadcrumbs’ın Türkçe karşılığı ekmek kırıntısıdır.

Örnek Breadcrumb - Ana sayfa » kategori » konu ismi

Breadcrumb Nasıl Kurulur?

Alttaki kod bu kodun <b:includable id='main' var='top'> hemen öncesine eklenmeli.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Şimdi </b:skin> kodunu aratıp aşağıdaki CSS kodlarını hemen öncesine eklemelisiniz.

.breadcrumbs{background-color:#fff; 
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;
text-align:left;
font-size:11px}

Son olarak <div class='blog-posts hfeed'> kodunu arayıp bulduktan sonra üstüne aşağıdaki kodu ekleyin.

<b:include data='posts' name='breadcrumb'/>

SEO için çok iyi bir eklenti.Arama motoru sonuçlarında gözükmesi için ise biraz zaman alacaktır.

Blogger 4'lü Yatay Manşet Eklentisi

Evet bu blogger eklentisi sayesinde 4 adet yan yana açıklamalı resimli şeklinde duran bir manşet olucak.

#manset{
padding:10px;
background:#fff;
border-radius:5px;
margin-top:7px;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
height:147px;
}

Manşetinizin nerede görünmesini istiyorsanız oraya aşağıdaki kodları yerleştirin.

<div id='manset'>
<center>
<div id='dvUstManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 928px; color: rgb(76, 76, 76); font-family: arial, sans-serif; font-size: 12px; line-height: 19px; '>
<ul id='menuManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; '>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 2px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 197px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 215px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 197px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div>
</li>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 197px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 197px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 197px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div>
</li>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 207px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 215px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 207px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a hhref='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; ' target='_blank'>Manşet Açıklama</a></span></div>
</li>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 0px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 200px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 200px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div>
</li>
</ul>
</div>
</center>
</div>

Blogger Yeni Benzer Yazılar Eklentisi

Benimde kullanmış olduğum bir eklenti ve tavsiye ederim güzel duruyor.

Temanızdan aşağıdaki kodu bulun.

</head>

Hemen üstüne aşağıda yeralmış kodları yerleştirin.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style>   #related_posts{width: 500px;margin-left: -5px;} #related_posts h4{} #relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px} #relpost_img_sum:hover{background:none} #relpost_img_sum ul{list-style-type:none; margin:0; padding:0} #relpost_img_sum li{border:1px solid #ccc; background:FFFEF7; margin:0 0 5px; padding:5px; height:65px; list-style:none} #relpost_img_sum .news-title{display:block; font-weight:bold !important} #relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333} #relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff} </style> <script type='text/javascript'>//<![CDATA[ var relnum = 0; var relmaxposts = 5; var numchars = 85; var morelink = "daha fazlası ››";  eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{})) //]]></script> </b:if>

Şimdi benzer yazıların nerede gözükeceğini ayarlıyacağız.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related_posts' style='margin-top:35px;'>   <h3>Benzer Yazılar</h3>   <b:loop values='data:post.labels' var='label'>   <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>   </b:loop>   <ul id='relpost_img_sum'>   <script type='text/javascript'>relatpost();</script>   </ul>   </div>  </b:if>

Üsteki kodu aşağıdaki kodlardan birini bulup altına yerleştiriniz.

<post-footer> ya da <post-footer-line-1>

İlgili Aramalar:

Blogger Lazy Load Eklentisi

Blogger eklentilerine devam ediyoruz.Bu eklentimiz Lazy Load peki ne işe yarıyor?
Sayfanızdaki resimlerin hepsini birden değil de sadece ekranınızda görünen kısımdaki resimleri yüklüyor. Geri kalanını kaydırma çubuğunu kaydırdıkça yüklüyor. Jquery nimeti işte :)
Temanızdan aşağıdaki kodu bulun.

</head>

Hemen üstüne aşağıdaki kodu yerleştirin.

<script charset='utf-8' src='http://konfor.enesilhan.net/js/jquery.min.js' type='text/javascript'></script> <script src='http://konfor.enesilhan.net/js/jquery.lazyload.js' type='text/javascript'></script> <script type='text/javascript'> $(function() { $("img").lazyload({ placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0EumsNnPPvCJPRnxFU4UsGne1xfSzuxEnUnyvoFh0Ujnta6pNfh8zmUr_1SZahosuOhmeV_omX7CwlcdAl1PSMDRRE37EvWne3Uj2cjmi8VhhS6jWz53aFLpyZWCLNj59hPKPsIAPCw8/s1600/grey.gif", effect : "fadeIn" }); }); </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script>

İlgili Aramalar:Lazy Load eklentisi,blogger Lazy Load,Blogger Lazy Load eklentisi,blogger eklentileri

İstatistikleri Gösteren Blogger Eklentisi

Bu blogger eklentisi ile sitenizde bulunan kategori sayısını , yazı ve yorum sayısını gösteren güzel bir eklenti.
Eklenti şu şekilde görünecek.
Sitemizde 10 kategoride toplam 250 yayın, yayınlara yazılmış toplam 510 yorum mevcuttur.
Bir gadget ekle, HTML/Java Script ve aşağıdaki kodları yapıştırın.

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

İlgili Aramalar:istatistikleri gösteren blogger eklentisi,blogger eklentileri

Blogger Yazar Yorumlarını Özelleştirme

Merhaba bu blogger eklentisi sayesinde yazarın yorumlardaki fontlarını, renkini, boyutunu ve yorumları çerceve içine alma durumuna getirecek.
Evet başlıyalım.Temanızın Şablon kısmına gelin ve aratarak </body> kodunu bulun, aşağıdaki kodu da hemen üstüne yerleştirin.

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

.css('color', '#444444') Yazar yazılarını ayarlabilirsiniz.
.css('font-size', '12px') Yazıların büyüklüğünü ayarlayabilirsiniz
1px solid #FFA500 Çerceva rengi ayarı.

İlgili Aramalar:blogger eklentileri,blogger yazar yorumlarını özelleştirme,blogger yazar yorumlarını değiştirme

Kopyalanan Yazıya Kaynak Linki Verme

Evet bu eklentimiz, sitenizde kopyalanan yazıya otomatik kaynak link vermeye yarıyor.Yazılarınız kopyalanıyorsa bu eklentiyi yapmanız faydalı olabilir kişi eğer kaynak link silmezse tabi.
Aşağıdaki kodların temanızın <head> kodunun altına yerleştirmeniz yeterli.

<script type="text/javascript">
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br /><br /> Kaynak Linki : <a href='"+document.location.href+"'>"+document.location.href+"</a><br />"; // 
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}
document.oncopy = addLink;
</script> 

.css('color', '#444444') bu kod ile kendi yazar yazılarını ayarlabilirsiniz.
.css('font-size', '12px') bu kod yazar yazılarının büyüklüğünü ayarlayabilirsiniz
1px solid #FFA500 burdaki ayar ise kenar rengi ayarı istediğiniz renkte ayarlayabilirsiniz.

İlgili Aramalar:blogger eklentileri,kopyalanan yazıya kaynak linki verme,kopyalanan yazıya otomatik kaynak linki verme,blogger ipuçları

Blogger Sayfa ile Kayan Sosyal Ağlar Eklentisi

Eklenti, sayfa ile birlikte kayıyor ve  her konunun adresini paylaşıyor.

Öncelikle temanızdan Aşağıdaki kodu bulun.

<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'>

Bulduğunuz kodun üstüne aşağıdakı kodları yerleştirin.Facebook ve Twitter adreslerini düzenlemeyi unutmayın.

<style>
#sosyalpaylasim {
text-decoration: none;
text-align: center;
display: block;
float: left;
margin: -10px 0 0 -115px;
position: fixed;
width: 90px;
background: #F9F9F9;
border: 1px solid #ddd;
border-radius: 3px;
}
#sosyalpaylasim ul{ margin:0; padding:0px;}
#sosyalpaylasim ul li{ list-style:none; border:0px; padding:10px 0 2px 0; border-bottom:1px solid #ddd;  }
</style>
<div id='sosyalpaylasim'>
<ul>
<li>
<div id='fb-root'></div>
<div id='fb-root'></div>
<div id="fb-root"></div>
<script>undefinedfunctionundefinedd, s, id) {
  var js, fjs = d.getElementsByTagNameundefineds)[0];
  if undefinedd.getElementByIdundefinedid)) return;
  js = d.createElementundefineds); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBeforeundefinedjs, fjs);
}undefineddocument, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/ADRES" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div></li>
<li>
<a class='twitter-share-button' data-count='vertical' data-text='' data-url='' data-via='ADRES href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</li>
<li>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script>
<g:plusone href='' size='tall'></g:plusone>
</li>
</ul>
</div>

İlgili Aramalar:blogger eklentileri,sayfa ile sosyal ağlar eklentisi,sosyal ağlar eklentisi

Blogger Etiketine Sahip Kayıtlar Gösteriliyor Yazısını Kaldırmak

 Merhaba uzun bir süre sonra tekrardan blogger paylaşımları yapmaya karar verdim.Daha çok teknoloji haberi paylaşıyordum blogda fakat pek uygun olmadı artık tam olarak teknoloji sitesine dönüştürdüm siteyi malesef büyük bir hataydı ecanblog'a ilk başladığım gibi devam ettirmek istiyorum artık.
Evet biliyorsunuz ki bir etikete tıkladığımızda aşağıdaki gibi "..." etiketine sahip kayıtları gösteriliyor yazısını çıkıyor karşımıza bunu bir kod değişimi sonucunda kaldıracağız.

Aşağıdaki kodları temamızdan arayıp buluyoruz.

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

Yukarıda bulduğunuz kodları aşağıdaki kodlar ile değiştiriyoruz ve Etiketine Sahip Kayıtlar Gösteriliyor Yazısını Kaldırıyoruz.

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

İlgili Aramalar:blogger etiketine sahip kayıtlar gösteriliyor yazısını kaldırmak, blogger eklentileri, blogger ipuçları