Tiện ích bình luận mới nhất cho blogspot

Demo ảnh

1. Đăng nhập vào blogger.

2. Vào bố cục và thêm một tiện ích HTML/JavaScript và coppy toàn bộ đoạn mã bên dưới vào.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ivyth.googlecode.com/svn/js/rckmtr-dgn-animasi.js" type="text/javascript"></script>
<div id="rcentcomnets"><span class="loadingxrcm">Loading...</span></div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#rcentcomnets",
animatedRecentcomments:true,
numComments:10,
url_blog:"URL_blogmu",
adminBlog:"nama_akun blogger/google+"
});
});
//]]>
</script>

3. Mẫu > Chỉnh sửa HTML
4.Tiếp theo tìm đến dòng ]]></b:skin> và coppy toàn bộ đoạn mã CSS bên dưới rồi thêm bên trên
]]></b:skin> vừa tìm được.

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1r87B0hIq_7c5DVs94gKpFBSFS4PvhKj6AYYWeC-wVLr4q43lGTHTYPT_T_GFtKmqvnV1TzP0BZQdsoKFHa9Ev9nOlyoL1-MciZtbvEcBbKfiqyeUoibBy9usHt0kP13c074lIYdIsI/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;}
ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}
ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative}
ul#kmtranimasi li{text-indent:0;height:90px;background:whiteSmoke;padding:0 8px;border:1px solid #DFDFDF;border-top:1px solid white}
ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#383838;border:0;float:left;margin:5px 5px 0 0}
ul#kmtranimasi .ketkomt{overflow:hidden}
ul#kmtranimasi .ketkomt a{display:block;color:white;font-weight:bold;overflow:hidden;background:#363636;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;}
ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:white}
ul#kmtranimasi p{margin:15px 0 0}

5. Sever template lại và kiểm tra kết quả.

Bài viết bạn vừa đọc thuộc thể loại : Comment / thủ thuật blogspot » Theo tiêu đề : Tiện ích bình luận mới nhất cho blogspot. Khi coppy bài viết xin ghi rõ nguồn : https://vuamang.blogspot.com/2013/07/tien-ich-binh-luan-moi-nhat-cho-blogspot.html. Thank!

Chia sẻ

+ Chia sẻ bài viết :