Tùy biến tiện Google Plus Follower

Google Plus là một mạng xã hội rất lớn, có lẽ nó chỉ đứng sau Twitter và Facebook và nó đang từng ngày phát triển. Nếu bạn có một blog/website thì nên tích hợp nó vào blog. Hôm nay, chúng ta cùng tùy biến và thêm nó vào blog của mình nhé.

#Thêm Google Plus Follower vào blog

1. Đăng nhập Blogger
2. Bố cục > Thêm tiện ích > HTML/Javascript
3. Dán code dưới vào
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

<style>

.wc-gplusmod, .wc-gplusmod:before, .wc-gplusmod:after
{
background: #ffffff;
 border-radius: 5px 5px 0 0;
 
 border: 1px solid #ccc;
 box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}

.wc-gplusmod
{
 position: relative;
 width:250px;
 padding: 1em;
 margin: 50px auto;
}

.wc-gplusmod:before, .wc-gplusmod:after
{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 -webkit-transform: rotateZ(2.5deg);
 -o-transform: rotate(2.5deg);
 transform: rotateZ(2.5deg);
 z-index: -1;
}

.wc-gplusmod:after
{
 -webkit-transform: rotateZ(-2.5deg);
 -o-transform: rotate(-2.5deg);
 transform: rotateZ(-2.5deg);
}
</style>
<div class="wc-gplusmod"><div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/117801693701287084969" data-source="blogger:blog:followers" data-width="290">
</div>
</div>
Lưu ý: Ban đầu mình sử dụng Link profile G+ mới là http://plus.google.com/+QuốcKhánhBùi2641998 nhưng tiện ích này không hoạt động nhưng khi mình chuyển qua dùng link profile G+ cũ là https://plus.google.com/117801693701287084969 thì tiện ích này lại hoạt động.
Cho nên bạn hãy kiếm cái link profile G+ cũ mà dùng nhé, bạn có thể tìm được nó
Bạn có thể dễ dàng lấy được nó bằng cách click chuột phải vào tên tác giả của bài viết ở cuối bài viết, bạn hãy xem hình dưới để rõ hơn.

Comments