Tamamıyla özelleştirebileceğiniz bu son yorumlar eklentisi blogunuza eklemek için Blogger kumanda panelinde yerleşim sekmesinden Gadget Ekle > HTML/JavaScript gadget diyerek aşağıdaki kodları yapıştırmanız yeterlidir.
<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://bloghocam.blogspot.com" target="_blank">Blog Hocam</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>
Kodlarda şu kısımları iteğinize göre değiştirebilirsiniz:
Dilerseniz fontawesome kullanarak eklediğimiz yorum ve ok ikonlarını da kolayca değiştirebilirsiniz.
Hiç yorum yok:
Yorum Gönder