Cara Memasang Shoutbox Tersembunyi

Salam semua dan Selamat Pagi,sementara menunggu anak2 bersiap untuk ke Sekolah,cikmin nak tunjukkan di sini macamana nak pasang Shoutbox.Macam korang semua tengok di Blog cikmin ni,Shoutbox yang dipasang telah disembunyikan,motif?Hehehe,sesaja nak sembunyikan.

Korang nampak tak chotbox cikmin?kita buat magic ok 1..2..3!

Taraaaa!dah pun keluar Shoutbox cikmin,hehehe!

Caranya amat mudah sekali ye,ikut arahan yang diberikan.

1.Masuk PAGE LAYOUT–>PAGE ELEMENT–>ADD A GADJET–>>HTML/JAVASCRIPT

2.Copy Paste Code dibawah ini

<style type=”text/css”>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(‘http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(“gb”);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}
}
</script>
<div id=”gb”>
<div onclick=”showHideGB()”> </div>
<div>
<!– Letak code shoutbox kamu disini–>
<a href=”http://URL ANDA /”>
Chat online

</a>
<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[close]
</a>
</div>
</div>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script></div></div>

3.Kemudian korang semua tengok perkataan ‘URL’ bewarna merah,sila masukkan URL korang.

4.Diatas URL korang tu ada perkataan ‘Ganti ini dengan kod shoutbox kamu’ so korang boleh letak kod chatbox korang sendiri ye.

5.Pastu Klik SAVE.Tenkgok hasilnya.

Note:Untuk perkataan merah diatas sekali tu,korang boleh tukar(background) image url tu ikut design korang sendiri.Kalau takmau tukar pun boleh,kerana imej yang asal pun ok.(bukan yg design mcm cikmin tau)Harap2 korang buat menjadi ye,bak kata SIFU cikmin TRY AND ERROR.

*untuk pengguna blogspot dan juga wordpress.

(credit untuk Mcsue jugak)

Number of View :1295

Incoming Search Terms:

  • cara buat shoutbox tersembunyi (85)
  • shoutbox tersembunyi (69)
  • cara buat shoutmix tersembunyi (49)
  • tutorial shoutbox tersembunyi (49)
  • buat shoutbox comel (42)
  • tutorial shoutbox terapung (42)
  • cara membuat shoutmix tersembunyi (36)
  • cara membuat shoutbox tersembunyi (36)
  • tutorial buat shoutbox tersembunyi (31)
  • shoutbox comel (29)
You can leave a response, or trackback from your own site.

27 Responses to “Cara Memasang Shoutbox Tersembunyi”

  1. yanmie says:

    salam kak,

    ihik…sukenyeee…ekekeke, terselit link yan di situ. tahniah kak dh berjaya buat dgn jayanye…yeehhhaa, nie sempat lg buat entry. so tido kul bape smlm??

    [Reply]

    cikmin Reply:

    salam yan…suke ye…alhamdulillah…terima kasih yan..akak tido dekat kul 3pg kot…pastu 5.30 bangun gosok baju anak..sempat buat tuto ni lak..hihihi…
    .-= cikmin´s last blog ..Cara Memasang Shoutbox Tersembunyi =-.

    [Reply]

    yanmie Reply:

    hihihi..tabik spring arr ngan akak, sempat tu buat semua..nasib faheem x meragam kan kak…
    .-= yanmie´s last blog ..Dapat Buffered Nuffnang lagi selepas memasang Innity =-.

    [Reply]

    cikmin Reply:

    alhamdulillah..sikit pun x meragam…dia paham kot..huhuhu..
    .-= cikmin´s last blog ..Cik Epal in the House! =-.

    [Reply]

  2. uda says:

    bagus juga cara ni.. boleh kurangkan wiget2 kat side bar tu.. dapat main nyorok2 gitu..
    .-= uda´s last blog ..Nuffnang Charity Project – Baby Ammar =-.

    [Reply]

    cikmin Reply:

    betoi tu uda..biar widget yg betoi2 perlu je duk kt sidebar tu…ok apa leh main nyorok2..
    .-= cikmin´s last blog ..Cik Epal in the House! =-.

    [Reply]

  3. cik epal says:

    wahhh boleh buat magic…hehehe :)
    .-= cik epal´s last blog ..Sinetron Tasbih Cinta .. best ke?? =-.

    [Reply]

    cikmin Reply:

    wah!!!! tak sangka ye cik epal manis ni dtg sini…hehehe…
    .-= cikmin´s last blog ..Cik Epal in the House! =-.

    [Reply]

  4. hasni says:

    patutla
    smlm hasni cari2 chatbox xjumpa
    haha
    rupanya da tp menymbunyikan diri
    bgs2
    comel je:-)
    .-= hasni´s last blog ..supreme island versi hasni @_@ =-.

    [Reply]

    cikmin Reply:

    hihihi…masih x nampak ye hasni…tenkiu dear!
    .-= cikmin´s last blog ..Cik Epal in the House! =-.

    [Reply]

  5. Cik Izah says:

    Salam cik min..

    Kalau untuk wordpress camne lak ye?

    [Reply]

    cikmin Reply:

    salam dear..cikmin ni WP selfhosted…mesti buleh guna punyerr…
    .-= cikmin´s last blog ..Cik Epal in the House! =-.

    [Reply]

  6. wah!!!bgoz nie…tp syg cbox tak ley wat camnie..huhuhu sdeynyerr..
    .-= Hairil Akif (Humblemodest)´s last blog ..English Premier League, Perlawanan Manchester United vs Chelsea 2009 | Berita Semasa Online =-.

    [Reply]

    cikmin Reply:

    kenapa lak tak buleh buat camni?

    [Reply]

    Hairil Akif (Humblemodest) Reply:

    cbox ley ker wat camtu???
    .-= Hairil Akif (Humblemodest)´s last blog ..English Premier League, Perlawanan Manchester United vs Chelsea 2009 | Berita Semasa Online =-.

    [Reply]

    cikmin Reply:

    boleh la..sume chatbox boleh..cuba la dulu,tak cuba kita tak tahu kan..
    .-= cikmin´s last blog ..F for Faheem =-.

    [Reply]

  7. k2..sayer cube nanti

    [Reply]

    cikmin Reply:

    selamat mencuba ye…!
    .-= cikmin´s last blog ..cikmin keguguran! =-.

    [Reply]

  8. imran says:

    Saya masih tidak boleh menggunakan aplikasi ini, bila buat ikut panduan ni, shout box keluar kat sidebar jugak :D

    [Reply]

    Ainnz Abiggaill Reply:

    yelah..same ..xboleh =[

    [Reply]

    cikmin Reply:

    tak boleh macam mana tu? cikmin buat okeh je.. :) ada error kat mana?

    [Reply]

  9. 1. die jd macam terapung
    2. xboleh tutup / buka
    3. statik kat situuuuuu je

    [Reply]

  10. chenta syg says:

    ha’ah.. x jdik la.. knp ek

    [Reply]

  11. ziipriyo says:

    buat yang suka shalawatan wajib buka link ini
    http://adf.ly/1iFPJ

    [Reply]

  12. Tj says:

    Dah siap dah..shoutmix aka chatbox inside kite

    [Reply]

  13. watful says:

    assalamualaikum semua kekawan, saya seorang yang baru nak belajar berblog. harap sudilah kekawan bantu apa-apa yang patut.

    [Reply]

  14. sher says:

    akak , mana nak cari kod shoutmix tu kak ?

    [Reply]

Leave a Reply