HƯỚNG DẪN TẠO WIDGET THEO DÕI CỰC ĐẸP CHO BLOGSPOT

đã xuất bản
Đến hẹn lại lên hôm nay mình xin chia sẻ ae một widget nho nhỏ giúp làm đẹp blog của bạn.
CÁCH THỰC HIỆN
Rất đơn giản ta chỉ cần chèn code bên dưới vào Widget HTML/Javascript, chỉnh sửa sao cho phù hợp rồi lưu lại
<div class="widget-title"><span class="ti-border"></span></div>
<script type="text/javascript">
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script><script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&amp;max-results=0&amp;callback=totalPosts"></script><scripttype="text/javascript" src="/feeds/comments/default?alt=json-in-script&amp;max-results=0&amp;callback=totalComments"></script>
<style>
.lightsosmed-img{position:relative;max-height:202px;overflow:hidden}
.lightsosmed-img img {max-width:100%;width:500px;transition:all .6s;}
.lightsosmed-img:hover img{transform:scale(1.2) rotate(-10deg)}
.lightsosmed-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}
.lightsosmed-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:20%;bottom:35%;left:22.5%;z-index:3}
.aboutfloat-imgs{width:55%;position:absolute;top:40%;bottom:35%;left:22.5%;z-index:3}
.lightsosmed-float{text-align:center;display:table;width:100%;height:35px}
.lightsosmed-float a{  font-weight600;
    background#ffffff;
    color#424242;
    padding4px 8px;
    z-index2;
    display: table-cell;
    width100%;
    font-size90%;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius3px;
    box-shadow3px 3px 3px rgba(0,0,0,0.05);
    transition: all .3s;}


.lightsosmed-imgs {
    position: relative;
    max-height202px;
    overflow: hidden;
}
.lightsosmed-fed {
    text-align: center;
    display: table;
    width100%;
    height35px;
}
.lightsosmed-fed a {
    font-weight600;
    background#ffffff;
    color#424242;
    padding4px 8px;
    z-index2;
    display: table-cell;
    width100%;
    font-size90%;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius3px;
    box-shadow3px 3px 3px rgba(0,0,0,0.05);
    transition: all .3s;
}
.lightsosmed-fed:hover a{background:#ffffff;color:#395796;border-color:transparent;}
.lightsosmed-float:hover a{background:#ffffff;color:#ff5722;border-color:transparent;}
.lightsosmed-float a i{font-weight:normal;margin:0 5px 0 0}
.lightsosmed-wrpicon{display:block;margin:15px auto;position:relative;}
.lightsosmed-wrpicon .extender{width:100%;display:block;}
.extender{text-align:center;font-size:16px}
.extender .lightsosmed-icon{display:inline-block;border:0;margin:0;padding:0;width:32%;}
.extender .lightsosmed-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;line-height:32px;border-radius:3px;font-size:12px;width:100%;}
.extender .lightsosmed-icon i{font-family:fontawesome;margin:0 3px 0 0}
.lightsosmed-icon.fbl a{background:#3b5998}
.lightsosmed-icon.twitt a{background:#19bfe5}
.lightsosmed-icon.crcl a{background:#d64136}
.lightsosmed-icon.fbl a:hover,.lightsosmed-icon.twitt a:hover,.lightsosmed-icon.crcl a:hover{background:#404040}
.extender .lightsosmed-icon:hover a,.extender .lightsosmed-icona:hover{color:#fff;}
.lightsosmed-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
.lightsosmed-info p{margin:5px 0}
.lightsosmed-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.lightsosmed-info h4 span {position:relative;display:inline-block;padding:010px;margin:0 auto;}
.lightsosmed-info h4:before,.lightsosmed-info h4:after{position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0,0,0,0.08);}
.lightsosmed-info h4:before {margin-left:-50%;text-align:right;}



.aboutfloat-imgsd{width:55%;position:absolute;top:60%;bottom:35%;left:22.5%;z-index:3}
.lightsosmed-imgsd {
    position: relative;
    max-height202px;
    overflow: hidden;
}
.lightsosmed-feds {
    text-align: center;
    display: table;
    width100%;
    height35px;
}
.lightsosmed-feds a {
    font-weight600;
    background#ffffff;
    color#424242;
    padding4px 8px;
    z-index2;
    display: table-cell;
    width100%;
    font-size90%;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius3px;
    box-shadow3px 3px 3px rgba(0,0,0,0.05);
    transition: all .3s;
}
.lightsosmed-feds:hover a{background:#ffffff;color:#52537d;border-color:transparent;}
</style>
<div class="sidebar_about_author">
<div class="inner_wrapper">
<div class="lightsosmed-img">
<img alt="tu-hoc-seo-online" class="img-responsive" height="180"src="https://i.imgur.com/93PJaxx.png" title="Tự học seo online" width="400"/>
<div class="aboutfloat-img"><span class="lightsosmed-float"><ahref="https://www.blogger.com/follow.g?view=FOLLOW&blogID=5989355848443073558" rel="nofollow" target="_blank"title="Theo dõi Blogger"><i class="fa fa-rss"></i> Theo dõi Blogger</a></span></div>
<div class="aboutfloat-imgs"><span class="lightsosmed-fed"><ahref="https://www.facebook.com/Support.Tricker.Mark.Hacker.Fake.Cl.Nha.Aihi" rel="nofollow" target="_blank"title="Theo dõi Facebook"><i class="fab fa-facebook-f"></i> Theo dõi Facebook</a></span></div>
<div class="aboutfloat-imgsd"><span class="lightsosmed-feds"><ahref="https://www.facebook.com/Support.Tricker.Mark.Hacker.Fake.Cl.Nha.Aihi" rel="nofollow" title="Get Design"><i class="fas fa-laptop"></i> Get Design</a></span></div>
</div>
</div>
</div>
 Chúc các bạn thành công!!
Nguồn: Hồng Hải

0 bình luận

Hãy cùng tham gia bình luận về bài viết này nhé!

CÓ THỂ BẠN ĐANG TÌM
  • SHARE CODE F12 PHÁ WALL FACEBOOK | TOÀN SIÊU NHÂN BLOG
    SHARE CODE F12 PHÁ WALL FACEBOOK | TOÀN SIÊU NHÂN BLOG
    18/09/2018 - 0 bình luận
    Bộ code phá gồm 3 code Code bão wall Code Nghiêng wall Code Quẩy "Harlem Shake" Link tải :   ht…
  • TUT DAME SẠCH ẢNH VICTIM + DAME ĐẾN CHỪNG NÀO NÓ DIE THÌ THÔI :O (TUT KHỦNG NHẤT BÂY GIỜ BY BMM)
    TUT DAME SẠCH ẢNH VICTIM + DAME ĐẾN CHỪNG NÀO NÓ DIE THÌ THÔI :O (TUT KHỦNG NHẤT BÂY GIỜ BY BMM)
    20/10/2018 - 7 bình luận
    Bước 1 : fake ip spain + nn thái Bước 2 vào link : https://www.facebook.com/help/contact/144059062408922 c…
  • CHIA SẺ WEB BÁN MAIL CỔ VÀ CLONE DAME SỐ MỘT VIỆT NAM
    CHIA SẺ WEB BÁN MAIL CỔ VÀ CLONE DAME SỐ MỘT VIỆT NAM
    07/04/2020 - 11 bình luận
    Hôm nay ADMIN | THẢO BLOG xin chia sẻ cho các bạn một TRANG bán mail cổ + clone dame full AVT bao chống CP do A…
  • SHARE VÀI MẸO DAME APPS NT – BY | NHỮ ĐỨC THẮNG
    SHARE VÀI MẸO DAME APPS NT – BY | NHỮ ĐỨC THẮNG
    14/09/2018 - 0 bình luận
    TẢN MẠN Hello, Xin Chào Tất cả các bạn hôm nay mình sẽ chia sẽ vài mẹo nhỏ, đó là cách dame apps nguyên thủy…
  • TUT DAME FAQ MD 808 PRO - CTV : NHỮ ĐỨC THẮNG
    TUT DAME FAQ MD 808 PRO - CTV : NHỮ ĐỨC THẮNG
    29/10/2018 - 6 bình luận
    * Fake 1 cái CMND Y hệt info victim Không có thì fake 01-01-1990 * Fake một cái clone y hệt victim tạo bằn…
  • SHARE TOOLS BUFF SUB TỐC ĐỘ BÀN THỜ - TĂNG FOLLOW NVT 2018 VER 1.1
    SHARE TOOLS BUFF SUB TỐC ĐỘ BÀN THỜ - TĂNG FOLLOW NVT 2018 VER 1.1
    23/08/2018 - 0 bình luận
    Xin chào anh em, hiện nay follow là 1 nhu cầu thiết yếu dành cho các bạn buôn bán Vì vậy, hôm nay mình sẽ shar…
  • MẸO DAME ẢNH + STT CHECK DẠNG 723 | BY: SHARE THỦ THUẬT
    MẸO DAME ẢNH + STT CHECK DẠNG 723 | BY: SHARE THỦ THUẬT
    14/03/2019 - 14 bình luận
    Hello các bạn đã trở lại với blog thì hôm may mình chia sẻ cho các bạn mẹo dame ảnh check dạng 723 mạo danh bá …
  • TUT UNLOCK FAQ (APPS) PHẢN ĐỘNG (178) - BY | NHỮ ĐỨC THẮNG
    TUT UNLOCK FAQ (APPS) PHẢN ĐỘNG (178) - BY | NHỮ ĐỨC THẮNG
    11/11/2018 - 2 bình luận
    BƯỚC 1: Chuẩn bị một CMND chuẩn (hoặc là fake cực chuẩn) - (Chuẩn thì auto về) BƯỚC 2: Sử dụng phần mềm Fa…
  • THỦ THUẬT FACEBOOK - MỞ KHÓA FACEBOOK DIE 178
    THỦ THUẬT FACEBOOK - MỞ KHÓA FACEBOOK DIE 178
    12/08/2018 - 0 bình luận
    Tài khoản Facebook của bạn bị khóa do đặt "CỜ IS" làm ảnh đại diện, bạn không biết mở khóa như thế nào ? Hôm …
  • [TUT] REPORT FAQ 178 UPDATE 07/08/2018 | HOÀNG VƯƠNG GOD
    [TUT] REPORT FAQ 178 UPDATE 07/08/2018 | HOÀNG VƯƠNG GOD
    07/08/2018 - 0 bình luận
    - REG CLONE MỚI KẾT BẠN VỚI VICTIM - DÙNG CLONE TẠO 1 GROUPS MỚI TINH RỒI ADD VICTIM VÀO VÀ ĐỢI VICTIM NHẤN OK …
  • TUT DAME MẠO DANH MỚI NHẤT
    TUT DAME MẠO DANH MỚI NHẤT
    17/08/2018 - 2 bình luận
    Bước 1 : Fake IP Italy , Nn thái, Fake clone giống Victim, Fake cmnd (không có ngày sinh thì để 24-12-1990) B…
  • TOP 10 TIỆN ÍCH CHẶN QUẢNG CÁO
    TOP 10 TIỆN ÍCH CHẶN QUẢNG CÁO
    18/08/2018 - 0 bình luận
    Chào các bạn, khi bạn truy cập vào bất kỳ 1 trang web nào đó có đặt quảng cáo thì nó sẽ gây khó chịu thậm chí…