Cara Membuat Followers Blog, Twitter, dan Fans Page Melayang

Micro Cyber 2 - Kali ini saya akan mengajak sobat untuk membahas tentang Bagaimana Cara Membuat Followers Blog, Twitter, dan Fans Page Melayang ?

Sebelumnya saya akan jelaskan terlebih dahulu kenapa saya memostingkan tutorial seperti ini.
Alasanya adalah, karena tampilan blog agar lebih simpel, dengan adanya script untuk melayang tadi. Jadi blog tidak terlihat semrawut dan terlihat simpel.

Widget ini tidak memperberat loading blog sobat kok. Justru akan lebih ringan menggunakan script ini.

Ini Contoh Hasilnya

Oke Langsung Saja ya sob, Ini tutorialnya :

1. Login ke akun blog sobat (www.blogger.com)
2. masuk ke menu "Template" >> "Edit Template"
3. Cari Kode ]]></b:skin>   (Untuk mempermudah pencarian gunakan Ctrl+F/ F3)
4. Copy dan Pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

#Apnavbar3{border-bottom:4px solid #fff;border-top:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;border-style:solid;border-radius:7px;width:115px;height:auto;margin-bottom:455px;margin-left:1px;font-family:Comic Sans Ms;color:white;text-align:left;background:rgba(0,0,000,0.5);background:rgba(0,0,000,0.5);background:rgba(0,0,000,0.5);padding:2px;z-index:999;bottom:1px;left:1px;right:1px;position:fixed;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}#Apnavbar3 .left{float:left;text-align:left;font-family:Supermercado;font-size:10px;font-style:normal;font-weight:normal;color:White;padding:2px 10px}#Apnavbar3:hover{font-size:13px;font-style:bold;width:115px;height:auto;margin-bottom:455px;margin-left:13px;margin-right:95px;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}

Keterangan :
> Warna Pink = Bisa sobat ganti dengan Top (Atas)
> Warna Biru = Bisa sobat ganti dengan Right (Kanan)

5. Lalu Simpan Html sobat.
6. Sekarang sobat beralih ke menu "Tata Letak" lalu pilih "HTML/JavaScript"

<div id='Apnavbar3' style='position:fixed;'>
<span class='left'><img src='' title=''/>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/Micro-Cyber-2/1433021926919695?ref=hl&send=false&layout=button_count&width=85&show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:85px; height:21px;'></iframe>
</span>

<a href="https://twitter.com/Mr_Faizah" class="twitter-follow-button" data-show-count="true">Follow @Mr_Faizah</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<a href='http://www.Blogger.com/follow-blog.g?blogID=5685705601465039740' onclick='window.open(this.href, &#39;dmfollow&#39;, &#39;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521&#39;);return false;' style='text-align:center;font-weight:bold;text-decoration:none;' title='Join this site / follow'><img alt='Join this site' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidU4YPr1LtlIMt6Ri8jkB-higDT724r6kymjuZr6Ku0G5RWoJC3tDqk9G10MyVW1fp-X4uU4dvhyphenhyphenrYyV754F9cYerIp_ZIXvc7pLvkLsPlS_-zHzi1WBBQtRYWIXnmNV-eStrURAZASQY/s1600/aaaa.png' style='vertical-align:center;border:0px;cursor:pointer;' width='110'/></a></div>
<div id='ApNavbar' style='position: fixed;'></div>

Keterangan : 
> Warna Biru = Silahkan ganti dengan URL Fans Page sobat
> Warna Merah = Silahkan ganti dengan URL Twitter sobat
> Warna Pink = Silahkan ganti dengan Nama Twitter sobat
> Warna Hijau = Silahkan sobat ganti dengan Kode Blog sobat

7. Simpan, dan lihat hasilnya

Sekian dulu ya sob tutorial dari saya. Semoga ini sangat bermanfaat untuk sobat semuanya !

.:: www.microcyber2.blogspot.com ::.