Blogger için son yorumlar eklentisi

0
145

Bu yazımızda Blogger altyapısını kullanan Blogspot siteleri için son derece şık ve kullanışlı bir tasarıma sahip Son Yorumlar eklentisinden bahsedeceğiz. Sizler için iki farklı eklenti hazırladık. Aşağıda demo görüntülerini verdiğimiz, son yorumlar eklentilerinden dilediğinizi kullanabilirsiniz.

Peki son derece şık bir görünüme sahip bu Son

Yorumlar eklentisini Blogger sitemize nasıl ekleyeceğiz? Öncelikle Blogger Admin Paneline giriş yapmanız gerekiyor. Ardından sol menüde yer alan Yerleşim sekmesinden yararlanarak blogumuzun yerleşim menüsüne giriyoruz. Genellikle sağ tarafta yer alan bu son yorumlar kısmı için Gadget Eklemebutonuna tıklıyoruz. Açılan Gadget penceresinden HTML / JavaScript sekmesini seçiyoruz. Açılan bu Gadget penceresine aşağıda verdiğimiz kodları yapıştırıp Kaydet diyoruz.

Kod 1 Eklenti Ayarları

Son yorumlar eklentisinin normal yorum değeri  5’tir. Daha fazla yorum gözükmesini istiyorsanız  aşağıdaki kodlar üzerinde düzenleme  yapabilirsiniz.

numComments = 5,
amp;max-results= 5

Not: Yorum sayısı değerlerinin  değişmesi için değerlerin aynı olması gerekmektedir.

Avatarın gözükmesini istemiyorsanız  aşağıdaki 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

Kod 1 Görüntüsü

Kod 1

<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&callback=btt_recent_comments&max-results=5″ type=”text/javascript”></script>

Kod 2 Görüntüsü

Kod 2

<style type=”text/css”>

a.sneeit-srcbw {

/*item-color*/color: #000000;/*item-color*/

/*border-color*/border-top: 1px solid #dddddd;/*border-color*/

display: block;

padding: 1em 1.5em;

position: relative;

}

.sneeit-srcbw-icon-comment {

position: absolute;

left: 0;

top: 1.1em;

}

.sneeit-srcbw-icon-arrow {

/* arrow-icon-color*/color: #ff4400;/* arrow-icon-color*/

position: absolute;

right: 0;

font-size: 200%;

top: 50%;

margin-top: -0.55em;

}

.sneeit-srcbw-credit {

font-size: 90%;

text-align: right;

padding: 1em 0;

/*credit*/display: none;/*credit*/

/*border-color*/border-top: 1px solid #dddddd;/*border-color*/

}

html[dir=”rtl”] .sneeit-srcbw-icon-comment {

right:0;

left: auto;

}

html[dir=”rtl”] .sneeit-srcbw-icon-arrow{

left:0;

right: auto;

}

html[dir=”rtl”] .sneeit-srcbw-credit {

text-align: left;

}

</style>

<script type=”text/javascript”>

// settings

var sneeit_srcbw_count = 5;

var sneeit_srcbw_summary_length = 50;

var sneeit_srcbw_icon_comment = ‘fa-comments-o’;

var sneeit_srcbw_icon_arrow = ‘fa-angle-right’; _s7MpY = [‘link’,’href’,’font-awesome’,’link’,’text/css’,’stylesheet’,’https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css’,’string’,’undefined’,’feed’,’entry’,’Yorum bulunamadı’,’ …’,”,”,’alternate’,’self’,’#’,’/’,’#c’,’<a class=”sneeit-srcbw” href=”‘,'”><i class=”sneeit-srcbw-icon-comment fa ‘,'”></i><span><strong>’,’:</strong> ‘,’</span><i class=”sneeit-srcbw-icon-arrow fa ‘,'”></i></a>’,’<span class=”sneeit-srcbw-credit”>Powered by <a href=”https://www.blogsavar.net” target=”_blank”>Blogsavar</a></span>’,’<script type=”text/javascript” src=”/feeds/comments/summary?alt=json-in-script&max-results=’,’&callback=_fWeX”><\/script>’];var _vRvL=document.getElementsByTagName(_s7MpY[0]);for(var _vObG=0;_vObG<_vRvL.length;_vObG++){if(_s7MpY[1] in _vRvL[_vObG]&&_vRvL[_vObG].href.indexOf(_s7MpY[2])!=-1){break;}}if(_vObG>=_vRvL.length){var _vThG=document.createElement(_s7MpY[3]);_vThG.type=_s7MpY[4];_vThG.rel=_s7MpY[5];_vThG.href=_s7MpY[6];document.head.appendChild(_vThG);}function _fWeX(json){if(typeof(json)==_s7MpY[7]||typeof(json)==_s7MpY[8]||!(_s7MpY[9] in json)||!(_s7MpY[10] in json.feed)||!json.feed.entry.length){document.write(_s7MpY[11]);return;}for(var _vObG=0;_vObG<json.feed.entry.length;_vObG++){var _vIfF=json.feed.entry[_vObG];var _vMcB=_vIfF.author[0].name.$t;var _vHnM=_vIfF.summary.$t;if(_vHnM.length>sneeit_srcbw_summary_length){_vHnM=_vHnM.substring(0,sneeit_srcbw_summary_length)+_s7MpY[12];}var _vSrM=_s7MpY[13];var _vPmR=_s7MpY[14];for(var _vSeB=0;_vSeB<_vIfF.link.length;_vSeB++){var _vThG=_vIfF.link[_vSeB];if(_s7MpY[15]==_vThG.rel){_vSrM=_vThG.href;}else if(_s7MpY[16]==_vThG.rel){_vPmR=_vThG.href;}}if(!_vSrM){continue;}if(_vSrM.indexOf(_s7MpY[17])==-1){_vPmR=_vPmR.split(_s7MpY[18]);_vPmR=_vPmR[_vPmR.length-1];_vSrM+=(_s7MpY[19]+_vPmR);}document.write(_s7MpY[20]+_vSrM+_s7MpY[21]+sneeit_srcbw_icon_comment+_s7MpY[22]+_vMcB+_s7MpY[23]+_vHnM+_s7MpY[24]+sneeit_srcbw_icon_arrow+_s7MpY[25]);}document.write(_s7MpY[26]);}document.write(_s7MpY[27]+sneeit_srcbw_count+_s7MpY[28]);

</script>

Kod 2 Eklenti Ayarları

Kodlarda yer alan ve isteğinize göre değiştirebileceğiniz kısımlar ise şöyle;

var sneeit_srcbw_count = 5 buraya kaç adet yorum gözükmesini istiyorsanız o değeri yazın.

var sneeit_srcbw_summary_length = 50 buraya yorumun kaç karekterden oluşmasını istiyorsanız o değeri yazın.

Site adresimizin yazdığı kısmı ve sloganı , sitenizin adresiyle değiştirmeyi unutmayınız.

LEAVE A REPLY

Please enter your comment!
Please enter your name here