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 . . .
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
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal
tolong follow/join back me blog ane
BalasHapusuntuk mempererat tali persaudaran
nanti follow back
silahkan follow RaxterBlog bro, pasti akan saya follow blog lo bro. :)
HapusPunyA agan nga bisa di follow via hp
BalasHapus. KOde html itu terletak dmna bro?
BalasHapusbales