Vienna Lite V2.0 Blogger Template Responsive là template blogpsot chuẩn seo và được nâng cấp từ mẫu Vienna Lite V1.0 được thế kế đẹp với giao diện Responsive chuẩn seo.

LIVE DEMO FREE DOWNLOAD

Hướng dẫn cài đặt
Về phần cài đặt chỉ cài đặt mỗi widget comments còn lại tất cả chỉ dùng tiện ích mặc định của blogger thôi nhé.

Code widget comments

<style scoped='' type="text/css">

#HTML4 .widget-content {max-height:300px;overflow:auto;}

ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0;}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}

</style>

<script type="text/javascript">

//<![CDATA[

// Recent Comments

function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDaPqGx77_w2QrW1YBzWafWT5W3DWfl7iui3cLlaM8Mc_aISAR10qKi0Ej4vRmPayrDK6Z_J2RuYneUi83S3FNyJ557i0Rqcb9OsGR0G7LR7ymrZnaQyJ5kGe9gLCBCgwVLoDkQ9y5f_l/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiHlUSugI6x829EDXre-cwTIKLb1IKfaZJ4g55r72-oZ4kBqZwiF2QVhb5pmv4r6QffPlr3k3QXQCzRrbphEm-wPd6uoXWq1jhVW6foHn2H5gtqZQtMGNsnjalKOUECJn3INYU-E52n5Ge/"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=15,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqQYleqPpHwF7eAnhoE_uCSXmCxZ_9eKuctf63Ku9vc9oF_bfwuBGfH7BpdJ9Chug5l4zBY4WwYLUQSJH4FNiYvH9BCegY8zq-WdZ7rM7IvyHp8ej9fCbefaRDDNRg0KR7j5Ki6k-ZiAVn/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;

//]]>

</script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=15"></script>

Để nhận mẫu vui lòng để laị mail của bạn bên dưới và sẽ nhận được templates và hướng dẫn cài đặt chi tiết nhất về Vienna Lite V2.0 Blogger Template Responsive này.