HƯỚNG DẪN CÁCH LÀM:
Để thực hiện thêm tiện ích này bạn cần Đăng nhập blogger -> Bố cục -> Thêm tiện ích HTML sau đó sử dụng đoạn code dưới đây .
( HTML này mình đã edit sẵn rồi chỉ cần các bạn thêm tiện ích và sử dụng thôi không giống như những HTML khác phải edit bằng tay )
<div class="widget HTML" data-version="1" id="HTML8"><div class="widget-content"><style>.bsdbox-wrap{display:block;margin:14px auto;position:relative}.bsdbox-wrap .bsdextend{width:100%;display:block}.bsdextend{text-align:center;font-size:17px}.bsdextend .bsdbox-icon{display:inline-block;border:0;margin:0;padding:0;width:32%}.bsdextend .bsdbox-icon a{background:#768187;display:inline-block;font-weight:410;color:#fefefe;padding:0 12px;line-height:32px;border-radius:0;font-size:11px;width:100%}.bsdextend .bsdbox-icon i{font-family:fontawesome;margin:0 4px 0 0}.bsdbox-icon.facebook a{background:#3b5998}.bsdbox-icon.twitter a{background:#19bfe5}.bsdbox-icon.circle a{background:#d64136}.bsdbox-icon.facebook a:hover,.bsdbox-icon.twitter a:hover,.bsdbox-icon.circle a:hover{opacity:.2}.extender .bsdbox-icon:hover a,.extender .bsdbox-icon a:hover{color:#fefefe}.bsdbox-info{margin:11px 0 0 0;font-size:12px;text-align:center}section.widget_info_blog{padding:0!important;overflow:hidden;background:transparent!important;border-radius:50px 3px 0 0!important}.col-widget.so-bai{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.col-widget.so-cau-hoi{border-bottom:1px solid #ccc}.col-widget.so-comment{border-right:1px solid #ccc}.feau{height:100px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHn-0iP_4tZNCg2z55Y8c2n6yvGjGyAIC1bPwvDoIvj7bZWbKr4FNCzz9B8Fky0sVf2hbbwgDMGSueKgcDxSzVqeZ0XDSzabCD-XVQYxM6vEBvFwjceHA02QEJHNI-hwF6x-DnaYPEI2M/s320/Capture9e5f5.jpg) no-repeat center center;font-size:22px;color:#fff;padding:15px 0;text-align:center}.logo-widget img{max-height:80px;border:5px solid #fff;border-radius:50%;margin-top:-40px;margin-left:calc(50% - 40px);background: #fff;}.info{float:left;width:100%;background:linear-gradient(120deg,#7577a9,#1db0da);min-height:50px;margin-top:-45px;padding:5px}.col-widget{float:left;width:50%;text-align:center;height:35px;line-height:35px;font-size:15px;color:#fff;}</style><div class="feau"> Blog Star Huy IT</div><div class="logo-widget"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIqCUsssfZxa7yM2d9iw0f6K_HdpvKSmc96E1jiOaMr9xiVBVCkW093cpwb16erHpsqSuyprz9KGRfJU8LT8WtPzF4xGArm9fyoB7R-dba4eIU4AM_d-ejYEe2YSvJhZUVwRoB0XuteIQ/s640/13659159_219645278432918_1927850793093982136_n.jpg" /> </div><div class="info"> <div class="col-widget so-bai"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i> <script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t, 10)); } </script> <script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> </div> <div class="col-widget so-cau-hoi"> <i class="fa fa-refresh" aria-hidden="true"></i> <script type="text/javascript"> var startTime = new Date();
function currentTime() { var a = Math.floor((new Date() - startTime) / 100) / 10; if (a % 1 == 0) a += ".0"; document.getElementById("endTime").innerHTML = a; } window.onload = function() { clearTimeout(loopTime); } </script> <script type="text/javascript"> document.write('<span id="endTime">0.0</span>'); var loopTime = setInterval("currentTime()", 100); </script><span id="endTime"></span> </div> <div class="col-widget so-comment"> <i class="fa fa-comments-o" aria-hidden="true"></i> <script style="text/javascript"> function numberOfComments(json) { document.write(json.feed.openSearch$totalResults.$t); } </script> <script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> </div> <div class="col-widget so-tra-loi"> <i class="fa fa-users" aria-hidden="true"></i> 4 </div><div class="bsdbox-wrap"><ul class="bsdextend"><li class="bsdbox-icon facebook"><a href="https://www.facebook.com/ndh.13" target="_blank" title="Follow us on Facebook"><i class="fa fa-facebook"></i>Theo Dõi</a></li><li class="bsdbox-icon twitter"><a href="https://twitter.com/" target="_blank" title="Follow us on Twitter"><i class="fa fa-twitter fa-fw"></i>Theo Dõi</a></li><li class="bsdbox-icon circle"><a href="https://plus.google.com/" rel="nofollow" target="_blank" title="Follow us on Google+"><i class="fa fa-google-plus fa-fw"></i>Theo Dõi</a></li></ul></div></div></div><div class="clear"></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="//www.blogger.com/rearrange?blogID=7782512223847265370&widgetType=HTML&widgetId=HTML8&action=editWidget&sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML8"));" target="configHTML8" title="Chỉnh sửa"><img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /></a></span></span><div class="clear"></div></div>
TÙY CHỈNH
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHn-0iP_4tZNCg2z55Y8c2n6yvGjGyAIC1bPwvDoIvj7bZWbKr4FNCzz9B8Fky0sVf2hbbwgDMGSueKgcDxSzVqeZ0XDSzabCD-XVQYxM6vEBvFwjceHA02QEJHNI-hwF6x-DnaYPEI2M/s320/Capture9e5f5.jpg : Là ảnh phụ của bạn
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIqCUsssfZxa7yM2d9iw0f6K_HdpvKSmc96E1jiOaMr9xiVBVCkW093cpwb16erHpsqSuyprz9KGRfJU8LT8WtPzF4xGArm9fyoB7R-dba4eIU4AM_d-ejYEe2YSvJhZUVwRoB0XuteIQ/s640/13659159_219645278432918_1927850793093982136_n.jpg: Là avatar của bạn.
Sau đó lưu tiện ích lại và quay lại trang chủ xem kết quả.
TIỆN ÍCH THỐNG KÊ TRÊN BAO GỒM:
- Tổng bài viết
- Tổng số bình luận- Thời gian tải trang
- Số tác giả website (cái này sửa tay) 😆
- Blogspot có một bài hạn chế nên mình chỉ tuỳ chỉnh được như trên, bạn nào có thể tuỳ chỉnh những tiện ích hay hơn thì chia sẻ để mọi người cùng sử dụng nhé!!
Subscribe Our Newsletter
0 Response to "Tạo thống kê cực đẹp cho blogger có Hướng dẫn"
Đăng nhận xét