Saturday 7 April 2012

Shoutbox Untuk Blog

Okay pada ssiapa yang xde shoutbox tu , boleh guna tutor yang senang gila ni k :) .

okay lets start !

Design > Add A Gadget > HTML/Javascript

copy code kat bawah ni then paste .


<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://i1205.photobucket.com/albums/bb432/fara_idola/tabs.png') no-repeat;}.gbcontent{float:left;border:2px solid #666666;background:#F11DF4;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 class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
MASUKKAN CODE SHOUTBOX DI SINI/CBOX
<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>


50px : Semakin tinggi nombor semakin rendah/bawah chatbox korang .
100px, 50px : tu adalah tinggi dan lebar shoutbox korang . sukahati lah nak letak brpe tinngi brape lebar , tp yg aku dh buat ni kira okay jelah :D
Gantikan MASUKKAN CODE SHOUTBOX DI SINI dengan code cbox/shoutbox anda.
x ade cbox ? korang pegi link ni > Free Cbox

dah masuk link tu tekan " Get Your own Cbox" . then nnt die sroh korang sign up , dh hbis smue korg tekan "PUBLISH" . nnt ada die kasi code untuk korang . copy code tu , letak dekat yang
MASUKKAN CODE SHOUTBOX DI SINI  tu .


#F11DF4 > warna background..
#666666 > warna border..

Font yang warna MERAH : adalah URL image,korang boleh tukar dengan URL sendiri. Kalau guna yang tu pun okay jugak sebenarnya . tapi aku ada warne lain . mcm kt bwah ni .


http://4.bp.blogspot.com/-v2z9DKyiVLY/T4CgwbZEzrI/AAAAAAAAA5w/w8tFDSN59yk/s1600/im.png

http://4.bp.blogspot.com/-L2kVbluPuMA/T4ChXaIo4_I/AAAAAAAAA6U/3MNqiKTA_EU/s1600/im1.png

http://2.bp.blogspot.com/H4EkryCA6EQ/T4ChzNu7oKI/AAAAAAAAA6w/6KYUYfIeQog/s1600/im2.png

http://2.bp.blogspot.com/-CVL1_roWWNk/T4CiKJc3JZI/AAAAAAAAA7c/JRyPPyeiGT4/s1600/im3.png

http://1.bp.blogspot.com/-dtNMtnoGm5E/T4CiT3MHvgI/AAAAAAAAA7o/GEsJl0_BGno/s1600/im4.png

http://3.bp.blogspot.com/-HLWOGqrAg_M/T4CihjWG3II/AAAAAAAAA70/pWHFsuhaiEQ/s1600/im5.png

http://3.bp.blogspot.com/-D4sa59I66tQ/T4CirJbEbnI/AAAAAAAAA8A/MTRDOEbYWqI/s1600/im6.png


Korang tinggal ganti je link MERAH dgn link2 gmba yg korg plih kt ats . k Good Luck ^^


No comments:

Post a Comment

Powered by Blogger.
 
;