Memasang Tombol Follow Blog Dengan Effect Slide Out - Hallo kawan Kang aji, Pada sharing tutorial yang saya hadirkan kali ini yang berjudul Memasang Tombol Follow Blog Dengan Effect Slide Out, saya telah menyediakan semua tutorial dan download kepada kalian dari awal lagi sampai akhir lagu. mudah-mudahan isi postingan artikel kali ini yang saya tulis ini dapat anda pahami. okelah, ini tutorial nya.

Memasang Tombol Follow Blog Dengan Effect Slide Out

Tombol Follow Adalah Tombol Yang Berguna Untuk Orang Lain Mengikuti Blog Kita.Tapi terkadang kita melihat blog yang menampilkan desain tombol follow yang biasa,biasanya ada di bagia sidebar blog.Tapi kali ini saya membawakan tombol follow yang unik dengan effect slide out.Keunggulan tombol follow ini adalah tombol yang sangat menonjol di bagian bawah kanan browser.Langsung saja SS dengan Tombol follow dengan effect slide out.

Pemasangan Script Widget Follow Blog

1. Buka Blogger > Tataletak > Tambah > Widget > Pilih  HTML java Script

Masukan kode 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/AVvXsEg5gce9WZ1095eHvPi-nn8SaNZc3B3L1IImPbhNi_4doxf0Pnu5FCo9x493HHOzbjWtWn7260b-3LszetFwZuIW8elNwRrYKkDl544RD5TvJtAiRTMsrkkKsE6nP8TlYLGH5z2ASCbT-JNr/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=7342017194742683056" 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/AVvXsEjnyNDTrM1BqlGQ_Ec1wXylTMulq2Z14YiwzYAkeTQ5SLhzFKCoK1s3_gM9mPnYsIYmsQZaslSeemEcxnJgFHjWZS9Dows7LRtbBkaYuMS1HqenHTZCz1iHkGg-J0m2nIiGDLYeqJB5xjGh/s1600/Follower.png" alt="Join on this site" /></a>
    <br />
    <p>with Google Friend Connect</p>
  </div>
</div>

Sesudah Di Pasang Jangan Lupa ganti Blog ID nya Pake Blog Id Agan.
Caranya Bisa Lewat Home Page Dengan Cara CTRL + U dan Cari Blog ID
Lewat Dashboar Blogger > Ikhitsar > Copy Blog ID yang Ada Di URL Selesai.

Demikianlah Artikel Memasang Tombol Follow Blog Dengan Effect Slide Out

Sekian artikel tutorial atau custom rom Memasang Tombol Follow Blog Dengan Effect Slide Out, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan tutorial android kali ini.

Anda sedang membaca artikel Memasang Tombol Follow Blog Dengan Effect Slide Out dan artikel ini url permalinknya adalah https://kang-adji.blogspot.com/2016/06/memasang-tombol-follow-blog-dengan-effect-slide-out.html Semoga artikel ini bisa bermanfaat.

Tweet