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

Tweet

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 ! ! !

Judul: Cara Membuat Gadget Follower Blogger, Twitter dan Facebook Melayang di Blog
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal

Lo Sedang Membaca Artikel Bro Tentang Cara Membuat Gadget Follower Blogger, Twitter dan Facebook Melayang di Blog
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !