Hiện thị nhận xét mới cho Blog

Một blog thường được trang bị nhận xét ​​về nơi mà du khách có thể để lại bình luận về các bài viết mà họ đọc. Làm sao để bạn biết được ai đã ghé thăm và bình luận một trong những bài viết của bạn. Để giúp bạn tiện theo dõi và trả lời nhanh chống nhất những ý kiến đóng góp hay thắc mắc về bài viết.  Tiện đây mình xin giới thiệu các bạn một tiện ích hiển thị lời nhận xét mới cho Blog vô cùng đơn giản không thể thiếu cho blog của bạn để trở nên chuyên nghiệp hơn.

DEMO

Khuyến Cáo: Trước khi thực hiện các bước bạn nên Sao Lưu Blog lại rồi mới tiến hành các bước nhá.

Sau đây là các bước cài đặt cho Blog
Bước 1: Thêm một thẻ tiện ích HTML/JavaScript vào Blog của bạn. Và sao chép toàn bộ code phía dưới dán vào tiện ích.

< script  src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"  loại = "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: đúng ,
numComments: 10 ,
url_blog: "URL_blogmu ,
adminBlog: "nama_akun blogger / google +"
});
});
/ /]]>
</ script >

Lưu ý: Nếu Blog của bạn đã tồn tại thư viện jquery ngây dòng 1 thì không cần copy dòng đó nữa.
Bước 2: Bạn vào Blogger -> Mẫu -> Chỉnh sửa HTML. Bạn bấm tổ họp phím Ctrl+F gõ vào ]]></b:skin>
Bước 3: Bạn copy hết đoạn code bên dưới dán phía trước thẻ ]]></b:skin>

Style Light Themes (Dạng Trượt)

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVUtTgfn8FQhhFLVczaTfVcq_jGF4HeBwEWXIV7jeiWK9vYXjPquT74V1Y_Y1Lh3Q2JW6jPO2kN2AZ-WdGq7OnOXSqNOMOXSb5wcgTYjPUk-27FUHbAj45xvizmDGsV0JBZv4ft3yAJlI/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}

Tweet