Blogger 125x125 Reklam Alanı Oluşturma

Blogger reklam kodu




Kaliteli, özgün içerik paylaşan ve google sıralamasında yükseklerde olan blogger sahipleri, sitelerine çeşitli şekilde reklam alıp sitelerinden para kazanmayı hedefliyor. Bugün sizlere blogger sitenizde sidebar alanına 125x125 reklam alanı eklemeyi paylaşacağım, kurulum oldukça basit.






Blogger 125x125 Reklam Alanı Ekleme

Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim  > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz ve aşağıda ki kodu açılan sayfaya yapışırıyoruz.


<center><table border="1"><tr><td width="125" height="125" align="center">
<a href="http://blogkaynagi.blogspot.com.tr/" target="_blank"><img src="http://4.bp.blogspot.com/-TPJxD33tWlE/UKLVtPXMETI/AAAAAAAACX8/aU0o3_wthKM/s1600/125x125.gif"/></a>
<td width="125" height="125" align="center"> <a href="http://blogkaynagi.blogspot.com.tr/" rel="external"><img src="http://4.bp.blogspot.com/-TPJxD33tWlE/UKLVtPXMETI/AAAAAAAACX8/aU0o3_wthKM/s1600/125x125.gif"/></a>
</td></td></tr><tr>
<td width="125" height="125" align="center">
<a href="http://blogkaynagi.blogspot.com.tr/" rel="external"><img src="http://4.bp.blogspot.com/-TPJxD33tWlE/UKLVtPXMETI/AAAAAAAACX8/aU0o3_wthKM/s1600/125x125.gif"/></a> </td>
<td width="125" height="125" align="center">
<a href="http://blogkaynagi.blogspot.com.tr/" rel="external"><img src="http://4.bp.blogspot.com/-TPJxD33tWlE/UKLVtPXMETI/AAAAAAAACX8/aU0o3_wthKM/s1600/125x125.gif"/></a> </td></tr></table></center>

125x125 Reklam Alanı Ayarları


  • Reklam vermek istediğiniz sitenin linkini http://blogkaynagi.blogspot.com ile resmini ise "<img src" kodu arasında bulunan resim linki ile değiştirebilirsiniz.



  • Resim boylarını değiştirmek için width ve height ayarlarını kullanabilirsiniz.

Blogger Resimleri Otomatik Boyutlandırma

Bir çok blog kullanıcısı sitelerinde bulunan resimlerin orantılı olması gerektiğini düşünüyor çünkü bu site görünümü açısından gelen ziyaretçilere olumlu bir fikir veriyor. Bu kod genişlik ayarını size bırakırken yüksekliği otomatik olarak ayarlıyor. Bunu yaparken orjinal resim görüntüsünün oranını koruyor.
blogger icon

Bütün Resimleri Otomatik Boyutlandırma

Blogger Yönetici Paneline giriyoruz;

Şablon > Özelleştir > Gelişmiş sekmesine tıklıyoruz,

Açılan sayfaya aşağıda ki kodu yapıştırıyoruz. Boyutlandırmayı kendinize göre ayarlayabilirsiniz, ayrıca yükseklik ayarının otomatik olmasını istemiyorsanız bir değer atayabilirsiniz.

.post-body img { width: 400px; height: auto; } .post table.tr-caption-container img { width: 400px; height: auto; }
| | Devamı » 4 Ağustos 2013 Pazar sayfa 0 yorum

Blogger Resimli Son Yorumlar Eklentisi

Blogger son yorumlar eklentisi bir çok blogger kullanıcısı için son derece yararlı bir eklentidir. Son yorumlar eklentisini kullanmak seo'ya oldukça faydalıdır. Blog trafiğinizi ve bounce rate yani hemen çıkma oranını azaltır. Gelelim popüler ve şık son yorumlar eklentisini eklemeye;
son yorumlar

Blogger Avatarlı Son Yorumlar Eklentisi


Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim  > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz

blogger yönetici paneli

Açılan pencereye aşağıdaki kodu yapıştırıp, kaydet'e basın işlem tamamdır.

Kod:
<style type="text/css">
ul.btt_recent_comments {
list-style: none;
margin: 0;
padding: 0;
}
.btt_recent_comments li {
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
border: 2px solid transparent;
}
.btt_recent_comments li:hover {
-webkit-transform: scale(1.2) translate(15px);
-moz-transform: scale(1.2) translate(15px);
-ms-transform: scale(1.2) translate(15px);
-o-transform: scale(1.2) translate(15px);
transform: scale(1.2) translate(15px);
box-shadow: 0 0 20px 1px #aaa;}
.btt_recent_comments li {
background: none!important;
margin: 5px!important;
padding: 5px!important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
}
.btt_recent_comments li .avatarImage {
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btt_recent_comments li img {
padding: 0;
position: relative;
overflow: hidden;
display: block;
}
.btt_recent_comments li span {
margin-top: 3px;
color: #666;
display: block;
font-size: 12px;
line-height: 1.4;
}

#btt_recent_comments .info {
text-align: right;
height:1.2em!important;
overflow:hidden;
line-height: 1em!important;
}
#btt_recent_comments .info a {
font-weight: bold;
font-size: 11px;
color: #AAA;
display:none;
}
#btt_recent_comments:hover .info a {
display:inline!important;
}
</style>



<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 45,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More ?",
defaultAvatar = "http://1.bp.blogspot.com/-al82MhjzNaU/UUSpupsh-uI/AAAAAAAADAE/c71rFRuiDlg/s320/avatar.png",
hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
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}('9 G=G||5,8=8||1z,w=w||1w,m=m||"j://V.L.g/1i/?d=1b",F=F||" 1c &1D;",x=(A x===\'B\')?h:x,o=(A o===\'B\')?Q:o,q=(A q===\'B\')?h:q,r=(A r===\'B\')?Q:r;18 14(C){9 7;7=\'<R J="14">\';U(9 i=0;i<G;i++){9 z,y,2,k;4(i==C.O.e.D)X;7+="<10>";9 e=C.O.e[i];U(9 l=0;l<e.E.D;l++){4(e.E[l].19==\'1a\'){z=e.E[l].v;X}}y=e.M[0].1x.$t;2=e.M[0].1E$16.N;4(2.f("/P/")!=-1){2=2.p("/P/","/s"+8+"-c/")}b 4(2.f("/S/")!=-1){2=2.p("/S/","/s"+8+"-c/")}b 4(2.f("/T-c/")!=-1&&2.f("j:")!==0){2="j:"+2.p("/T-c/","/s"+8+"-c/")}b 4(2.f("H.g/n/17-W.I")!=-1){2="j://3.Y.Z.g/-1d-1e/1f/1U/1g/s"+8+"/1h.11"}b 4(2.f("H.g/n/1j-W.I")!=-1){2="j://3.Y.Z.g/-1k/1l/1m/1n/s"+8+"/1o.11"}b 4(2.f("H.g/n/1p.I")!=-1){4(m.f("L.g")!=-1){2=m+"&s="+8}b{2=m}}b{2=2}4(x===h){4(q===h){k="1q"}b{k=""}7+="<12 J=\\"1s "+k+"\\"><n J=\\""+k+"\\" N=\\""+2+"\\" 1t=\\""+y+"\\" 1u=\\""+8+"\\" 1v=\\""+8+"\\"/></12>"}7+="<a v=\\""+z+"\\">"+y+"</a>";9 13=e.1y.$t;9 6=13.p(/(<([^>]+)>)/1A,"");4(6!==""&&6.D>w){6=6.1B(0,w);6+="&1C;";4(o===h){6+="<a v=\\""+z+"\\">"+F+"</a>"}}b{6=6}7+="<u>"+6+"</u>";7+="</10>"}7+=\'</R>\';9 K="";4(r===h){K="15:1F;"}7+="<u 1G=\\"1H-1I:1J;15:1K;1L-1M:1N;"+K+"\\">1O 1P <a v=\\"j://V.1Q.1R/\\">1S</a></u>";1T.1r(7)}',62,119,'||authorAvatar||if||commBody|commentsHtml|avatarSize|var||else|||entry|indexOf|com|true||http|avatarClass||defaultAvatar|img|showMorelink|replace|roundAvatar|hideCredits|||span|href|characters|showAvatar|authorName|commentlink|typeof|undefined|btt|length|link|moreLinktext|numComments|blogblog|gif|class|hideCSS|gravatar|author|src|feed|s1600|false|ul|s220|s512|for|www|rounded|break|bp|blogspot|li|png|div|commHTML|btt_recent_comments|display|image|b16|function|rel|alternate|mm|More|AaI8|1X32ZM|TxMKLVzQ5BI|QYau8ov2blE|btt_blogger_logo|avatar|openid16|9lSeVyNRKx0|TxMKMIqMNuI|AAAAAAAABYc|8iasY0xpLzc|btt_openid_logo|blank|avatarRound|write|avatarImage|alt|width|height|40|name|content|60|ig|substring|hellip|raquo|gd|none|style|font|size|10px|block|text|align|right|Widget|by|SoftGlad|com|SoftGlad|document|AAAAAAAABYY'.split('|'),0,{}))
//]]>
</script>
<script src="/feeds/comments/default?alt=json&amp;callback=btt_recent_comments&amp;max-results=5" type="text/javascript"></script>

<div id="btt_recent_comments">
<div class="info"><a rel=”external” href="http://blogkaynagi.blogspot.com.tr/2013/08/blogger-resimli-son-yorumlar-eklentisi.html" title="Widget Info">Sitene Ekle</a></div></div>

Eklenti Ayarları

  • Son yorumlar eklentisinin normal ayarları 5'tir. Daha fazla yorum gözükmesi için aşağıda ki kodları eklenti kodlarından arayıp bulun;
numComments  = 5,   Değerini değiştirin 
amp;max-results= 5   Yorum sayısının değişmesi için değerlerin aynı olması gerekiyor.

  • Avatarın gözükmemesi için aşağıda ki true değerini false ile değiştirin.
showAvatar  = true,

  • Avatar boyutu
avatarSize  = 45,

  • Yorumlarda toplam kaç karekter gözümesini istiyorsanız aşağıdaki değeri değiştirin.
characters  = 40