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. 


Cara Memasang Tombol Follow Melayang Di Blog

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://4.bp.blogspot.com/-fc3-0J--iW8/VyPNjRmxJtI/AAAAAAAAD7U/emRRY6ntYEg3IaL-mev9XxE9M1OKh50fACLcB/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)


Cara Memasang Tombol Follow Melayang Di Blog


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 Memasang Tombol Follow Melayang Di Blog Cara Memasang Tombol Follow Melayang Di Blog Reviewed by SDF on 3:48:00 PM Rating: 5
Powered by Blogger.