How To Add Simple ShoutBox Pot Out Widget To Blogger

ဒီပုိ႔(စ္)ေလးကေတာ့ Simple ShoutBox ေလးကုိ ဘေလာ့ဆုိဒ္ညာဘက္ေဒါင္းမွာ ထားနည္းေလးပါ။ How To Add AutoMouse ShoutBox Pot Out Widget To Blogger  ပုိ႔(စ္)ေလးနဲ႔ နည္းနည္းေလးပဲကြာတာပါ။ ဒါေပမယ့္ Cond အလုပ္လုပ္နည္း မတူသလုိ Cond ကလည္း မတူပါဘူး။ မိမိႀကဳိက္ရာ ေရြးၿပီးအသုံးျပဳနုိင္ပါတယ္။ က်ေနာ္က ရွိတာထက္ပုိတင္ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ 

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

<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/AVvXsEga4jGoPqNv1PIrWHQ1I7jBVUgiChBBhRnwfPAnGnFzLyJNxj_gwA4sTVvrtYbKzynmPWscEc2SqEnYV9chI6i99B15nnrtfclTN7RJZ3y3tr2GrhPsbkH3V06TT7tdwiI-rxPGdCa29Io/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">

ဒီေနရာမွာ မိမိေရးခ်င္တဲ့စာ (သုိ႔မဟုတ္) မိမိႀကဳိက္တဲ့ Cond ထည့္ေပးလုိက္ပါ။

<div style="text-align:right">

<a href="http://mrthangming.blogspot.com/2012/10/how-to-add-simple-shoutbox-pot-out.html" target="_blank" title="Widget By Mr ThangMing><small>+Grab 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>

ထည့္ၿပီးရင္ Save ကုိ နုိပ္ေပးလုိက္ပါ။