Cara Memasang Tombol Follow Melayang Di Blog

Cara Memasang Tombol Follow Melayang Di Blog -  Kali ini News Ellas akan berbagi tentang fitur yang sudah ada di blogger yaitu tombol follow, Akan tetapi kali ini saya akan membagikan efek tombol follow melayang di bawah blog sobat. 

Tombol ini akan lebih mudah di lihat oleh pengunjung karena posisinya yang selalu terlihat melayang di bagian bawah blog, sehingga apabila ada pengunjung yang suka dengan artikel anda,akan lebih mudah untuk Memfollow nya.


Cara Memasang Tombol Follow Melayang Di Blog

---

1. Masuk ke dasbor blog sobat > Tata Letak > Buat Widget HTML baru Dan masukan kode di bawah ini :

<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/AVvXsEhgZLXSf1RoduIiuuImZQaZqfm4hN6-dOqOlb-sCvBInpaEje6nR-S3wQ0wvSmCox39w9x2rJ3aTQ1TMM_9EyMgrRYQJBNs-e80YvWjktq2cn-fLrB26GQUgeRC2_9joW6qpSQw_I_AGwbm/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=3396254303416135419" 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/AVvXsEibnUkfzIismUZQ5FgwRPa5zGF5KNzJm_IwAfPTCsyubv0qUdamhQyZy5djkIHNwVvzEdmPSGiGLVVfgr3XB1_fgXe229w1y9jhZO2Tb6DA8bUxn2qHe9wxcELmjUB-t_itxWX9K66XKvLu/s1600/Follower.png" alt="Join on this site" /></a>
    <br />
    <p>with Google Friend Connect</p>
  </div>
</div>

2. Ganti Blog ID yang saya tandai dengan Blog ID sobat
Caranya Melihat Blog ID sobat Pergi ke dasbor dan lihat url dasbor anda (Lihat Gambar)

3. Klik Simpan Dan Lihat Hasilnya.

Oke sekian Postingan saya kali ini yaitu tentang "Cara Memasang Tombol Follow Melayang Di Blog" Semoga Bisa membantu bagi anda yang sedang belajar.

Baca Juga :

• Cara Mencari Backlink
• Apa Itu Backlink Dan Manfaatnya? 
• Cara Membuat Semua Link Terbuka Di Tab Baru Otomatis
• Cara Membuat Tag Kondisional Pada Label Tertentu