Eh Eh Eh Shoutmix Tersembunyi?

Assalamualaikum dan selamat sejahtera..

Selamat petang buat semua sahabat di alam maya dan semua pembaca juga pelawat yang setia. Terima Kasih kerana tak jemu-jemu melawat belog ninie yg tak seberapa ini.

Ok di pendekkan cerita. Kali ini ninie nak kongsi 'Tutorial' mengenai cara untuk membuat shoutmix atau cbox tersembunyi berserta gambar yang comel, hensem dan cantek macam shoutmix ninie :)

Ini contoh sebelum di klik.

Ini pula contoh apabila shoutbox di klik.

Langkah 1:

dashboard > design > page element > add gadget > html javascript

Langkah 2:

Selepas bukak seperti Langkah 1, 'COPY' kod di bawah ini dan seterusnya letakkan di dalam html tadi. [kalau korg tekan kanan pasti tak dapat copy. Jadi korang highlight dulu dan tekan Ctrl dan C serentak ok?]

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:400px; width:150px; float:left; cursor:pointer; background:url('url gambar') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 150-w) : moveGB(170-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><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">MASUKKAN KOD SHOUTBOX ANDA DISINI<br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (140-gb.offsetWidth).toString() + "px"; </script>

Langkah 3:

Letakkan 'URL GAMBAR' pilihan anda di dalam kod diatas. Juga gantikan kod shoutbox korg di MASUKKAN KOD SHOUTBOX ANDA DISINI [kod shoutbox boleh d copy dari shoutbox kod anda sebelum ini] .

Langkah 4:

Klik 'SAVE'

Itu sahaja. Sekian. 

Untuk URL gambar, ini pula di antara URL GAMBAR yang ninie jumpa di PhotoBucket. Pilih dan Copy URL di bawah gambar:

http://i1102.photobucket.com/albums/g441/amy-iyiyi/iconshoutbox.png

http://i1002.photobucket.com/albums/af144/azmi88/small-shoutbox-icon.png

http://i1182.photobucket.com/albums/x446/WanaKendys/sondongwoon-1-1.png

http://i1002.photobucket.com/albums/af144/azmi88/cute-shoutbox-2.png

http://i159.photobucket.com/albums/t122/doraemoni/SHOUTBOX.png

http://i1002.photobucket.com/albums/af144/azmi88/Shoutbox.png

http://i763.photobucket.com/albums/xx271/bayilucu1/SHOUTBOX.jpg

http://i1236.photobucket.com/albums/ff450/kaseh1/cats.png

http://i665.photobucket.com/albums/vv19/Medacherry/lori.jpg

http://i1041.photobucket.com/albums/b418/hannafauzann/lmh_130110_a-1-1.png

http://i429.photobucket.com/albums/qq15/wan_hazel/icon.png

http://i1041.photobucket.com/albums/b418/hannafauzann/jung-1.png

Search kat PhotoBucket untuk lebeh gambar. Tak Jadi silalah bertanya ninie lagi. Gambar ninie kat sebelah kanan atas tu ninie buat sendiri :)


korang boleh jugak cuba buat sendiri dengan menukar saiz gambar ke ukuran di bawah:
tinggi-400 dan lebar-150. 
Selepas itu downloadkan ke Facebook ataupun PhotoBucket>tekan sebelah kanan>copy image URL

**p/s Untuk URL GAMBAR jangan lupa simbol ini ''. Maka mcm ini 'URL GAMBAR KORANG'

Selamat Mencuba :)