> Memasang Tombol Follow Blog Melayang

Memasang Tombol Follow Blog Melayang

- 00.33 - oleh
Memasang Tombol Follow Blog Melayang

Cara Memasang Tombol Follow Blog Melayang di Bottom (Pojok) :

  1. Langkah Pertama Login ke Blogger 
  2. Pilih Tata Letak
  3. Klik Buat Widget Baru
  4. Pilih HTML /Javascrip
  5. Copy dan Pastekan Scrip Berikut
<style scoped='' type="text/css">
/*<![CDATA[*/
#daryfollowSubscribe{background-color:#464646;width:220px;color:#fff;position:fixed;z-index:99999;right:10px;bottom:0}
.daryfollowButton{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}
.daryfollowButton span{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTADLwzskmNHwEWRvwScr5G9Sd3BtBDdQDVE1HyIR62OP6e9lO02tL0knIh3iFbJ1CQBRM2OBNBSqS6aRI8zXV7ZUThyphenhyphenY0q588MLqSLyq-JLzlsozUJrwD-WdULopGSaYZzFSa55tbmWsM/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.daryfollowButton:hover,.daryfollowButton:focus,.followActive,.followActive:hover{color:#fff}
.daryfollowButton:hover span,.followActive span{background-position:0 -37px!important}
.followactive{background-color:#333}
.daryfollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
.daryfollowForm p{margin:10px 0}
.daryFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
.daryFollowFooter a{color:#aaa;background:none;text-decoration:none}
.daryFollowFooter 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="daryfollowSubscribe" style="bottom: -971px;">
  <div class="daryfollowForm">
    <a class="daryfollowButton" href="#" title="Follow"><b>+ Follow</b></a>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=6706037994287977933" 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/AVvXsEiu5B2eXhL7dqJvzLUk1bQDaD9ID7udHqfEUX43-sF4NKEkm-Z2kgKQMPIkRuWVSMtb8Z0Lw5QG2tY89b3J1zFNDfx01Wu_CxmfdDCcX8EvZXLTQpMg40x8_QlE5hGm530uPwbKIAc9l__I/s1600/Follower.png" alt="Join on this site" /></a>
    <br />
    <small><p><a href="http://sidary.blogspot.com">Widget by Sidary</a></p><small/>
  </div>
</div>
 *Keterangan

  • Jika ingin mengubah posisi kanan dan kiri (Ganti Right menjadi Left)
  • 6706037994287977933 Ubah dengan BlogID Agan sendiri (Ada jika sudah masuk di home blog agan)