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

Berbicara tentang widget di blog memang tidak ada habisnya, tidak terkecuali widget fans page google plus. Dari sekian banyak blog yang saya buka, widget fans page google plus masih sedikit yang punya, padahal menurut saya widget ini cukup bermanfaat, dimana kita ketahui bahwa pengguna google plus semakin hari semakin banyak. Tentunya Anda sudah tahu manfaat dari widget ini, manfaatnya sama seperti widget like facebook.
ok langsung aja kita ke TKP gannn
langakah langkahnya :
1. Login ke id Blogger sobat
2. Pilih Rancangan
3. Tambah Gadget –> HTML/Javascript, lalu masukkan kode berikut :
.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}
SCRIPT GOOGLE FRIEND CONNECT MU!
SCRIPT CBOX MU!
SCRIPT FACEBOOK LIKE BOX MU!

Catatan :

  • Pada kode yang berwarna merah silahkan sobat isi dengan script masing-masing kode yang sobat miliki.

4. Simpan/Save

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s