shout Box ကို စာမ်က္ႏွာေဘးမွာထားခ်င္ရင္

 အေပၚ ပံုကလို shout Box ကိုစာမ်က္ႏွာေဘးမွာ ၀ွက္ထားခ်င္သူေတြအတြက္ပါ ။

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5S1ofIolOlfYAQQ9DEn0Oi1JE8VvQoVfju2QFiKCGg-xuAxlfkykKeYLp14rlqRDy31U7fDPg-h91gmrmBvBdTGNqfbSZ2baU0xRMGVQnRc0Bh0U4O3kjsb2OwXerRn8yBKFySBCxBcw/s320/shoutboxdarktrickiezone.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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 class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="265" height="400" src="http://www7.cbox.ws/box/?boxid=491303&amp;boxtag=5de9yk&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-491303" style="border:#F6F3E0 1px solid;" id="cboxmain7-491303"></iframe></div>
<div><iframe frameborder="0" width="265" height="75" src="http://www7.cbox.ws/box/?boxid=491303&amp;boxtag=5de9yk&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-491303" style="border:#F6F3E0 1px solid;border-top:0px" id="cboxform7-491303"></iframe></div>
</div>
<!-- END CBOX --><div style="text-align:right">
<a href="http://mmcrazyboy.blogspot.com/2012/07/shout-box.html" target="_blank"><small>Tutorial Here</small></a>
<a href="javascript:showHideGB()">
<img src="http://mackie.wapsite.me/images/Delete.png"/>
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
အသံုးျပဳပံုက

Html/Java 

မွာပါ ။

အနီေရာင္ နဲ ့တားထားတဲ့ ဟာေတြကို သင့္စိတ္ၾကိဳက္ျပဳျပင္ပါ ။

အျပာေရာင္ နဲ ့C Box က ကြ်န္ေတာ့္ရဲ့ CBox code ပါ အဲေနရာမွာ မိမိတို႕ ကုဒ္ေတြအစားးထိုးေပးၾကပါ..
အဆင္ေျပပါေစ..

သည္ဆိုဒ္ေလး ျဖစ္ဖို႕ က်ေနာ္ စိတ္ကူးယဥ္ခဲ့တာ ျကာပါျပီဗ်ာ.. စုေဆာင္းထားသမွ်ေလးေတြနဲ႕ ျကိဳးစားထူေထာင္လိုက္ပါျပီ။ က်ေနာ့္ရဲ႕ ျမင္ဆရာ kp-3 ကိုအားက်မိလို႕ပါ။ အားေပးမွဳကိုအစဥ္ေလးစားလွ်က္ပါ။ တုန္ျပန္မွဳေလးတစ္ခုအေနနဲ႕...စကားေလးတစ္ခြန္းဘဲ ခ်န္ခဲ့ရင္ ေက်နပ္ပါျပီ။ ေအာင္ေအာင္(မကစ) www.ledimyethar.com www.depelyin.co.cc www.aungkyaw.com