Cara Memasang Slide Out Tombol Follow Di Blog
Cara Memasang Slide Out Tombol Follow di Blog - Kali ini Madura Computindo akan menawarkan sebuah Widget tutorial Memasang slide out "Follow This Blog" yang bergotong-royong memang disediakan oleh Blogger. Dan untuk menambahkan dampak slide out "Follow This Blog" di pojok kanan bawah pada halaman blog sahabat diharapkan penambahan Kode Widget HTML Slide Out Follow by Arlina di Blog sobat.
Cara Memasang Slide Out Tombol Follow di Blog
Login ke Blogger > Pilih Tata Letak > Kemudian Pilih Add Widget/Tambah Widget > Copas Kode HTML 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/AVvXsEgaQCJPm700i-Eu8iWYQCq-PHvE4Ar9J7hRvDOk9XFK_9IVydSoIDQxsc4WbVmObvNWgwYV27Sbq6AX1wm4m7by1T3UajyLStUtlAEH6SnVx_LtLiLvdHzD6kq9lHIZBoTXyBvdQQRoEzVo/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=" Cara Memasang Slide Out Tombol Follow di Blog "><b>+ Follow</b></a> <br /> <a href="http://www.Blogger.com/follow-blog.g?blogID=3271568206865277277" title=" Cara Memasang Slide Out Tombol Follow di Blog " 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/AVvXsEgtaaByCCC_IiFkX7bb8hskDhQw7xFKUOnlNNi4kafuPKuPUxRYG_P_5YQnh0PsxmS2IztzCr3VhM8dkorGTLLAWPVAi8tgWFYXJFfzmcO518XVRDUqKLFquRsBhyZ6jEgyhirI-lsHLLWr/s1600/Follower.png" alt=" Cara Memasang Slide Out Tombol Follow di Blog Cara Memasang Slide Out Tombol Follow di Blog " /></a> <br /> <p>with Google Friend Connect</p> </div> </div>Ganti yang ditandai dengan arahan blog ID=3271568206865277277 sobat. Kode blog ID biasanya dapat sahabat lihat di dashboard blog pada search kafetaria browser ibarat gambar di bawah ini
Langkah terakhir Simpan Widget yang sudah di buat tadi, dan lihat hasilnya.
Demikian Tutorial Cara Memasang Slide Out Tombol Follow di Blog ini supaya bermanfaat.
Source :
https://info.materialapk.com/search?q=memasang-slide-out-tombol-follow-di-blog
0 Response to "Cara Memasang Slide Out Tombol Follow Di Blog"
Post a Comment