Sunday, 28 October 2012

Cara Membuat Widget Join this site, FB Fans page, CBOX (Show Hide)

Apa kabar sobat Blogger semuanya ? Kemarin saya telah memposting ""Bagaimana Cara Memasang Meta Tag SEO Friendly & SEO Lovers". Dan pada kesempatan kali ini, saya akan memposting "Cara Membuat Widget Join this site, FB Fans page, CBOX (Show Hide)". Bagi para sobat blogger yang berminat memiliki widget tersebut, silahkan ikuti Tutorial "Bagaimana Cara Membuat Widget Join this site, FB Fans page, CBOX (Show Hide)". Ini adalah penemuan saya yang bisa disebut "Awesome". Karena saya bekerja 17 Jam untuk membuatnya, langsung saja, Check It :



Tutorial :

1. Login ke id Blogger sobat
2. Pilih Rancangan
3. Tambah Gadget --> HTML/Javascript, lalu masukkan kode berikut :
<style type="text/css">
.barrightblogger{ background:url('http://1.bp.blogspot.com/-M5A-TLdB58E/TpOxL5GAReI/AAAAAAAAAN0/gEa0HRqhX4k/blogger.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('http://2.bp.blogspot.com/-gQ9PACjKc2I/TpOxMv4CyiI/AAAAAAAAAN8/FyEncEGNCbM/blogger.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('http://i1180.photobucket.com/albums/x403/ilhamganteng99/cbokcopy.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('http://i1180.photobucket.com/albums/x403/ilhamganteng99/cbogcopy.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('http://1.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/facebook.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('http://2.bp.blogspot.com/-Cum28YwF4d8/TpOxM_lUKMI/AAAAAAAAAOE/L4pJ91PTVz4/facebook.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">
SCRIPT GOOGLE FRIEND CONNECT MU!
<a href="http://eunei.blogspot.com/2012/05/cara-membuat-widget-join-this-site-fb.html"/>[GRAB THIS]</a>
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
SCRIPT CBOX MU!
<a href="http://eunei.blogspot.com/2012/05/cara-membuat-widget-join-this-site-fb.html"/>[GRAB THIS]</a>
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
SCRIPT FACEBOOK LIKE BOX MU!
<a href="http://eunei.blogspot.com/2012/05/cara-membuat-widget-join-this-site-fb.html"/>[GRAB THIS]</a>
</div>
</div>
Catatan :
  • Pada kode yang berwarna merah silahkan sobat isi dengan script masing-masing kode yang sobat miliki.

4. Simpan/Save


==>GOOD LUCK<==
Your Feelings :

6 comments:

  1. Visitornya luar biasa banyak, gimana tipsnya biar banyak pengunjung gan.

    ReplyDelete
  2. @bangzai : Caranya ya rajin2 posting gan ;))

    ReplyDelete
  3. mantap.... di tunggu


    WWW.beruntungbaru.COM
    WWW.man3martapura.blogspot.COM
    www.handiljawa.wapsite.me
    www.iful.zz.mu

    ReplyDelete
  4. thanks atas tutorialnya gan

    rizkygonibala.blogspot.com

    ReplyDelete