Tutorial Blogger

Pages

  • Home

About Me

Unknown
View my complete profile

Followers

Blog Archive

  • April (47)
Monday, April 1, 2013

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


raxterbloom.blogspot.com


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

raxterbloom.blogspot.com

     >> Pastekan Kode yang diBawah ini bro ke Dalamnya.


<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4uVRu2gt8zddCBnBrxb1EZU_BL9Eu6wi5RB34TfuAeWxlTGiPMpalyJfYR2CIGmXEAcbELGO7rae_ytEIaYhpdQL55dxK4yHPg1jdaee4T4qAsB67GaV-DXao804gcvxioOSgyEgJ3pN0/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/AVvXsEiHeWFIVvjAX6XyCUgkoih4WlO-krj8xa-x5L6E9BIqoiGEa4gkMBycp2dg7JwQKj0kxfmzd_ZWDbhyphenhyphenNIwkLbX5g4ow24ekwTk3RDx6PQI51t6zB6BFvz93B75A_BL2mGN5v1rQbUILBNdo/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/AVvXsEiaRnnxaykc_l2XEf4K_zPUh8Sty74sA0ZSlIcAF4L5kCweI41EsJizZsr06_noVqHtJq92w7WiPjS4XzxTxbwp779Xb8SbrWC_SopllMK8Nrk3cRABaHfjb_XGQUw4AVmrw6Eg7DYvwYjG/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/AVvXsEjukC5X3dTn6Y7ouFB1yy8tGk4BtlvpJpEUoN9u9azSBON3HlEUXF7Lq8GXAzAAqeXMqUou2Q_UR_6idMs2YMyKmbSLichdiV7Sq2kQCvCJr31Pi3T9hPHmOQLF6GGnrKYuTy8t-L3Xuue-/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/AVvXsEgaNeJbNTa5nVcDLdfJV_hllP7es2_FQE7IanlDMGTQotQrCaohv1hgDSPOr-iHqCtU5xNKdgubNs8vaxBwhEDrdIt3OEofP_Q_e9ogY8q0tbez8SBQMzGXiLFbGODrGHXE8Hzxq7ASKXVD/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/AVvXsEgMGUNDRToa_ELmgnzoGJl5SFjhfitrD25uL2mEPRvSCNcEfXLTeLtUYXuZ1PncJhCqNG0c6BFxJ6OklGq7uf86TJ8jmIO1oNbOmt7Yc7NAR88jdCRgFyDImaSSckE1HwJKSOC-345dmB3-/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.




at 4:08 AM
Email This BlogThis! Share to X Share to Facebook

0 comments:

Post a Comment

Newer Post
Subscribe to: Post Comments (Atom)
Copyright © 2012 Tutorial Blogger |