~Assalamu'allaikum, Selamat datang di POJOK ONLINE~

ChatBox Tersembunyi, Boleh Juga!

Haaaiiiiiiiiiii.........
kumaha dararamang?? (kalo bahasa gaulnya, "gimana sob kabarnya?", hehehe...)
Moga temen-temen blogger sararehat lah...ga kaya saya, udah hampir seminggu, batuk terus, tapi udah mendingan sih sekarang... alhamdulillah ya... 

Dari judulnya, temen-temen blogger pasti udah pada ngerti, apalagi yang udah pada expert..hohoho....
Yup, artikel ini cuma pengen sharing aja sedikit tips ngeblog, yakni (ckckck...jadul banget ya bahasanya...gapapa, yang pentig sesuatu bangets :P ) ngebuat chatbox punya kita menjadi tersembunyi, kaya punya saya, (Liat deh, ada di samping kiri warna merah tulisannya "chatbox") kerena kan? hehehe...

1. Masuk dulu ke dashboard blog temen-temen, udah gitu klik design.
2. Klik add a gadget, teruk pilih HTML/Javascript
3. Copy Paste code di bawah ini,
<style type="text/css">


.gb_fixed{
position:fixed;
top:60px;
left:0px;
z-index:+10;
}


* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:0px solid gray;
background:transparent;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a>
<span style="font-size: 80%;">
Get this
<a href="http://akusukamusuka.blogspot.com/2011/09/chatbox-tersembunyi-boleh-juga.html" target="_blank">
Widget
</a>
and
<a href="http://akusukamusuka.blogspot.com/2011/09/chatbox-tersembunyi-boleh-juga.html" target="_blank">
Desaign!
</a></span></div>


taruh kode Shoubox temen-temen di sini

</td></tr>
</tbody></table>
</div>


<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://4.bp.blogspot.com/_GmDoFC87tnc/S9mFQhSm5PI/AAAAAAAAAfM/CermeFfIask/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
4. Simpan deh

Skrg cek deh blog temen-temen, chatboxnya pasti udah di samping kiri, iya kan?
Nah, klo temen-temen pengen ganti chabox-nya jadi sebelah kana, ganti aja tulisan warna merah di kode tersebut, jadi "right". Gampang kan?

Moga artikel ini, bisa memberikan manfaat kepada temen-temen blogger yang belum tau :)
Salam hangat, Blogger Indonesia!

2 komentar:

  1. salam sukses gan, bagi2 motivasi .,
    jujur dalam segala hal tidak akan mengubah duniamu menjadi buruk ,.
    ditunggu kunjungan baliknya gan .,.

    ReplyDelete

Get this Widget and Desaign!