Blogger Son Yorumlar Widget v3

Blogger' da yayınladığınız yazılarınıza yorum yapanları sağ sidebar' da hareketli görmek istermisiniz?

Kodları sizlere vermeden önce, Blogger yorumlarınızı özel olarak göstere bilceğiniz animasyonlu Blogger son yorumlar widget v3 versiyonu. Kullanışlı ve hareketli olan son yorumlar eklentisi mause üzerine getirdiğinizde sağ alta doğru kayarak güzel bir görüntü meydana geliyor. İzleyicilerinizin yada takipçilerinize bloğunuzu daha farklı göstere bileceksiniz.

Blogger Son Yorumlar Widget v3 kodları.

Blogunuza bu widget eklemek için öncelikle Yerleşim → Gadget ekle → HTML / JavaScript diyoruz.

<style type="text/css" scoped> 
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;} 
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.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;width:35px;height:35px} 
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} 

</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="http://files.allbloggertricks.com/Scripts/abt-recent-commentsv3.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>

Kodları ekliyoruz ve kaydediyoruz.

Kırmızı alanları kendinize göre doldurunuz. Ayarla şöyel arkadaşlar yorum sayısı , yorum logosu resminin boyutu, showAvatar yazan yer logo gösterilsinmi gösterilmesinmi diye soruyor bize. false yazarsak gösterilmez. AdminBlog dediğimiz yer Yor name yazan yere isminizi yada blog isminizi yazın.