Tombol Follow
- Tombol Follow pada Blogger adalah salah satu fitur yang menjadi keuntungan bagi pemilik blog dalam hal interaksi dengan pembaca. Fitur ini memungkinkan pengunjung blog untuk mengikuti pemilik blog melalui akun Google+ atau menjadi pengikut blog secara langsung melalui email. Dalam artikel ini, kita akan membahas tentang tombol Follow pada Blogger dan manfaatnya bagi pemilik blog.
Tutorial
1. Buka blogger dan masuk ke menu tata letak.
2. Buat tata letak baru terserah dibagian mana yang Anda suka, lalu pilih HTML dan Javascript.
3. Salin kode di bawah ini dan tempelkan di dalamnya lalu simpan.
<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/AVvXsEikO4Y6P3IL6bsuWTAHc_PmPVGoF3RS880v9ZNiFy1pgmeIjcio2HNu3UZZ_AKkYfxCxiFTdN8oVFUL5RnDy18xXmdhfvl5NGupQj2hZeXd98DAu4VYxy3RjK-9D6dfonHkVSPBucX0S-oh/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/AVvXsEhtIVnWIlHHx4h92TsHUHSWcAiZFXvXvfMXV-sUmgQof_N-94_hpPPdCL3AkFfGvtpdor6y4HJx_fK6Vt6S7d-mZc2bVJn4KRNoWhJ1T8hPyNni4Iyctl2Wu4HE5GzOU8RWahXjfv_ADgSU/s1600/Follower.png" alt="Join on this site" /></a> <br /> <p>with Google Friend Connect</p> </div> </div>
4. Edit sesuai yang di butuhkan juga ganti ID blog dengan ID blog Anda.
Kesimpulan
Dalam kesimpulan, tombol Follow pada Blogger dapat sangat berguna bagi pemilik blog dan pembaca. Tombol ini memberikan manfaat dalam hal interaksi dengan pembaca dan meningkatkan traffic ke situs web. Selain itu, penggunaan tombol Follow ini membangun komunitas yang loyal dan berinteraksi dengan pembaca secara teratur. Dengan semua manfaat ini, penggunaan tombol Follow tidak diragukan lagi menjadi sebuah fitur penting bagi pemilik blog.