Tạo popup theo dõi ở góc Blogspot (Blogger)

Ở bài trước mình đã chia sẻ cho các Popup like Facebook ở góc Blogspot, nên hôm nay mình cũng sẽ share thêm cho các bạn popup theo dõi ở góc Blogspot (Blogger)

Tạo popup theo dõi ở góc Blogspot (Blogger)

1. Trước tiên, đăng nhập vào Blogger >> Bố cục >> Thêm tiện ích >> HTML/Javascript >> và copy toàn bộ code sau vào:

<style scoped='' type="text/css">
/*<![CDATA[*/
#arlinafollowSubscribe{background-color:#464646;width:220px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
.arlinafollowButton{background:#464646;color:#fff;font-size:13px;line-height:28px;padding:0 10px;text-decoration:none;position:absolute;top:-28px;right:0;display:block;border-radius:2px 2px 0 0;height:28px;font-weight:700}
.arlinafollowButton span{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimmyQLsm4C2BKdBfDnhAp4AEEIxuF29u2pL-h3WMvz0cRTn7r-jYV421_UjqyB6S8G8gjgP04XTTwMIwUydZa3nLmK7G_wQzItdIUMVGr_y6qUiwxuDoaonb1EOQyH7Xxi0vx1rbdEGnSa/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.arlinafollowButton:hover,.arlinafollowButton:focus,.followActive,.followActive:hover{color:#fff}
.arlinafollowButton:hover span,.followActive span{background-position:0 -37px!important}
.followactive{background-color:#333}
.arlinafollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
.arlinafollowForm p{margin:10px 0}
.arlinaFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
.arlinaFollowFooter a{color:#aaa;background:none;text-decoration:none}
.arlinaFollowFooter a:hover{color:#fff;background:none}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
!function(e){e(document).ready(function(){e.extend(e.easing,{easeOutCubic:function(e,o,t,a,n){return a*((o=o/n-1)*o*o+1)+t}});var o=e("#arlinafollowSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),e(".arlinafollowButton").click(function(a){o.hasClass("followOpened")?(e(this).removeClass("followActive"),o.removeClass("followOpened").stop().animate({bottom:t},{duration:300,easing:"easeOutCubic"})):(e(this).addClass("followActive"),o.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})),a.preventDefault()})})}(jQuery);
/*]]>*/
</script>
<div id="arlinafollowSubscribe" style="bottom: -971px;">
  <div class="arlinafollowForm">
    <a class="arlinafollowButton" href="#" title="Follow"><b>+ Follow</b></a>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=7895223685482212181" title="join this site" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvoYa4DIj-_B44deq5ZGYH9QPIKP5tyzacO353VKcSztqg-ElLkvMQRgU31q0Gkr0ngsPQZe_xUBeieige0hK6AhaD_RWYVngffJjj53c6yNLGeDw1b3WwHxXAjcto248nmGWEK8Ika28/s1600/Follower.png" alt="Join on this site" /></a>
    <br />
    <p>with Google Friend Connect</p>
  </div>
</div>

2. Bước tiếp theo rất quan trọng, bạn cần thay đổi ID Blog bạn ở code trên:


Các bạn vào Blogger >> Chú ý trên link dẫn có ID của Blog của bạn, copy và thay thế code trên.

Chỉ vậy thôi! Đó là toàn bộ thủ thuật, hãy để lại bình luận nếu bạn không hiểu. 

Chúc các bạn thành công!

Có lẽ bạn thích?