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

~ Tidak ada pendahuluan ~ XD

Lungsung aja ya

1. Pertama - tama buka dashboar Blogger

2. Ke Rancangan lalu pilih Edit laman

3. Tambah Gadget > HTML Javascript, lalu copy kode berikut :

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFw4A7e-4iZJxXcBgUZUnoFSS0mLQkgfZ23HNBNVqpYqhUvwBW7LMgqda3qj8mSqEFSO1APTUiIlXclrfNsYJziLwgbPVa05zueN5AJrXCnxIqWBJQWZc1BDe4vO_0MCD0-U-bK_jXPpsq/');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/AVvXsEgj4bEq6dOcJgoLJe-ZlUiVWb0h6eSTYkPcp62MqjgzYfY8rSkhZpCrYdcA1hNA6U2BbU_olm_c4KdkdKXtDtd08h_ChiQZQTsHPaknG9XtgsraCyHgJxq6Y_J0I3CXSl9hyphenhyphenFEAFPZg0QPp/');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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6zoK5gQ7PftMWMddlJR8E0klluRoD6Jdhs5rIlbCRSSp5lEkBuhHzmfE_gRbKZGfzZBHAFw2yjUhdMUJh4L5AY5jrlzoszQs3HtBHOjsD6LFHHVnHikJ5KhDwjj3UgYeNQsZvzb0b09X/');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/AVvXsEi_9hRlEW82bU23reF69sepxxSnAChfO7fdXdotZFHD8Pk_ZeDaIYNm-q5NT_TI1Q0BZS1Bqk2IDREbG7bzvwPrqVEXZgqopPQVUtz09ZsM_bjWwwhgrHW4i4divTZ_d-nN_1hd-9pSaRoj/');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://attaufiqz.blogspot.com/"/>[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://attaufiqz.blogspot.com/"/>[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://attaufiqz.blogspot.com/"/>[GRAB THIS]</a>

</div>

</div>

4. Simpan/Save

Mudah bukan ?