Cara Membuat Gadget Follower Blogger, Twitter dan Facebook Melayang di Blog

Membuat Sebuah Gadget melayang itu bro sekarang sudah biasa di kalangan pemblogger kelas paus (waduh ngeri-nya) ya kan bro, tapi bagaimana jika dengan 3 widget in 1 melayang atau floating di blog lo pada bro ? ? ? tapi memang sebelumnya bro tutorial ini sudah ada yang memposting tapi istimewa-nya di RaxterBlog adalah bro memberikan cara terbaru untuk mendapatkan Kode Html khusus gadget Followers atau Blogger bro, kenapa ? ? ? ya karena setelah pensiun-nya Google Friend Connect 01 Maret 2012 kemarin membuat banyak para blogger yg belum mendapatkan Kode Html-nya, untuk itu gua bro mulai berkreasi dan siap memposting semua Tips Blogging ini bro, untuk kelanjutan yang jelasnya bro, perhatikan gambar DEMO berikut ya bro :

Tertarikkah lo bro ? ? ? Jika tertarik bro ikuti aja ya tatacara berikut oke bro :

1.  >> Masuk ke Dashboard Blog Lo bro 

     >> Pilih Rancangan 

     >> Edit Tata Letak 

     >> Add Gadget  

     >> Pilih HTML/Javascripts

     >> Pastekan Kode yang diBawah ini bro ke Dalamnya.

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Z5BigAzMODHuuzFwnbax3uDUUPNDZXLfF5pAavgstlcihNMiUHaVdfEXi1KFWbiRUxhaYT1dr7K5wNeDdWBontumIj-4WTjQhOcsFo9zW1alH7xRADMiLltpOjNL7t5ib2Guhr9w7ZBp/s1600/followersmelayang1.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSvvEmA0J4YnvrM5NDuxVO0hERCgjeHB5vYvqA05bCeoqS7tLHWRfRSluy79Tfq1HyS9Mn4m8N27AqsRz88qTYAMTK7LRD81VSfQ2C7kWLobKOUo0m-oV0WAA-ojaEoIGctibvS5WQmp_/s320/followersmelayang2.png');background-repeat:no-repeat;width:288px;height:250px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLZXZN8eY87cEzlEOyvYvo2t3HuXdjuZg4v3wQTKgifAMAI_R4UG3w5m4OK9Ct-y9NYjkKIf4jC8PMOaFwoOTN_-r9K1P_WTDQtNSgVj4RHM6UZJ0ARWt-IEcGu2tHPG5ibdTgmhJfrsT/s1600/followersmelayang3.jpg');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTZt5P5O6mBeDsqteB9ZVYdyOyoFPhAN02zoxWelpR1cA2wVzCFVP472YKlebeTTxI4s6eGI1pzLVvccYds7vyzhsrN3OfZPUmcrR3i6NdLfTyEeUCk2gEIcUL0HIyiyCaH3nY9PVSGNb/s320/followersmelayang4.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5vZLYqPR1hqJz4pYcoQrjt96sH3JVmKqCt13EiXpo1CZiYLOQZaCaRtkiObsP6dA4KGADgAyJCYCGjGpu_5rtsZ7G-F7gsP4sAE-weTpNp5Jz0oUInin7Uz33dARZ6SJ6KxwhJWjrykp-/s1600/followersmelayang5.jpg');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUqmFgTFl5Fy6QuNazvW7UTzlETfVOJfAA7hT3dZ0DKzKeJ5cZPs4juCK8FFsiTy-WZlpMgPW5pD26GaOYZTjhMjMjB_AuyE8qExbwsBcaVuTUHOcBoW_N826ALeTS_l3xopvCh7r7A9W/s320/followersmelayang6.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">

1. TAROK KODE HTML FOLLOWER BLOGGER LO BRO

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

2. TAROK KODE HTML FOLLOWER TWITTER LO BRO

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

3. TAROK KODE HTML FOLLOWER FACEBOOK LO BRO

</div>

</div>

Ket :

• Silahkan lo Atur Lebar dan Tinggi pada Tulisan yg berwarna HIJAU bro sesuai isi Kode Html lo pada bro.
• 1. TAROK KODE HTML FOLLOWER BLOGGER LO BRO : Silahkan Letakkan Kode-nya bro, dan untuk mendapatkan Kode-nya bro, Lo Harus Ikuti dan Baca Cara Berikut bro : Cara Alternatif Membuat Google Friend Connect Melayang/Auto Hidden di Blog ataupun bro Cara Membuat Gadget Follower Blogger Melayang di Blog
•  2. TAROK KODE HTML FOLLOWER TWITTER LO BRO : Silahkan lo Letakkan Kode Html untuk Follower Twitter lo pada bro, untuk Info Kode lebih Lanjut bro, langsung Ke Halaman : http://twitter.com/about/resources/widgets
•  3. TAROK KODE HTML FOLLOWER FACEBOOK LO BRO : Silahkan Letakkan Kode Html untuk Fans Pages Facebook lo pada bro, Jika belum tau Caranya Mendapatkan Kodenya bro, Silahkan Ikuti dan Baca Cara Berikut bro : Cara Membuat Fans Page Facebook di Blog

     >> Terakhir jika sudah selesai, Tinggal Save aja deh bro.

2. Atau bisa dengan Cara yang ini bro :

    

       >> Login Ke Blog Lo Bro

       >> Klik Rancangan
       >> Klik Edit HTML
       >> untuk Antisipasi Kesalahan Bro silahkan BACKUP DATA dulu ya bro
       >> Lalu lo cari bro kode html </body> Lalu letakkan Kode TADI bro tepat 
            diBawah Kode </body> ya bro.

       >> Terakhir Tinggal Save Template deh bro dan Lihat Hasilnya.

3. Gampang dan Simplekan bro hehehehe . . .

Selamat Mencoba ya bro ! ! !