Hôm nay Terocket tiếp tục mang đến cho cả nhà thủ thuật blog mới Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 cực kỳ thú vị, cả nhà cùng Terocket làm theo thủ thuật này nhé. Chắc chắn sẽ mang đến nhiều màu sắc cho blog của bạn đấy. Bật mí là bình luận mới nhất cho blogspot này nhảy múa cực đẹp luôn, cực hoành tráng đó nhé!
Để tạo được tiện ích Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 này thì các bạn chỉ cần làm như sau. Trước hết vào Blog Title → Layout → Add Widget → HTML/JavaScript sau đó copy đoạn mã sau, thay thế các trường cho hợp lý và Save As lại nhé. Thế là xong!
<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="https://googledrive.com/host/0B-0uHUanipfMU1FDNkI2U1FWMG8"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>
Các bạn có thể tủy chỉnh phần màu đỏ cho phù hợp với blog của mình nhé, để Terocket giải nghĩa các trường và chỉ số cho các bạn nha!
numComments = 5, //Số lượng bình luận muốn xuất hiện
showAvatar = true, //Không muốn hiện Avatar hãy nhập False
avatarSize = 35, //Kích thước ảnh author bình luận
roundAvatar = true,
characters = 40, //Số lượng ký tự gợi ý bình luận
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", //Ảnh mặc định
hideCredits = true;
maxfeeds=50, //Tối đa bình luận
adminBlog='Your Name'; //Tên Admin
Vậy là đã xong một thủ thuật blog thú vị dành cho cả nhà, nếu ai đã làm được Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 rồi thì share bài viết này đến cho bạn bè nhé, nếu chưa được, hãy gửi một bình luận ở dưới đây, Terocket sẽ hướng dẫn và chỉ chổ chưa làm được cho các bạn nha! Chúc may mắn!
Theo http://www.terocket.com/
Đăng nhận xét