Mr ThangMing: blogger widget

ဘေလာ့မွာ Label မ်ားကုိ Flash Animated ပုံစံ သုံးၾကည့္ရေအာင္

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ Website/Blog နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Label{ပုိ႔(စ္)အမ်ဳိးအစား} မ်ားကုိ Flash Animated ပုံစံ လႈပ္ရွားလုိ႔ရေအာင္ လုပ္နည္းေလးကုိ ထပ္မွ်ေ၀ေပးလုိက္ပါတယ္။  ဒီနည္းလမ္းပုံစံကုိ အရင္က ပုိ႔(စ္) ၂ခု ေလာက္တင္ေပးၿပီးပါၿပီး။ ယခုထပ္တင္ေပးလုိက္သည္မွာ Generator Tool ျဖင့္ျပင္ဆင္တင္ေပးလုိက္ပါတယ္။ သုံးရတာအဆင္ေျပေအာင္ အတတ္နုိင္ဆုံး ျပင္ဆင္ထားပါတယ္။ က်ေနာ္ တင္ေပးတဲ့ Cond ေလးေတြက 100% အလုပ္မျဖစ္ဘူးဆုိရင္ Comment ေရးထားခဲ့ပါ။ အတတ္နုိင္ဆုံး ကူညီေပးသြားမွာပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtDt47bXHDvpC5B5IHcFBK2nkST1R1aormN2_A94TsFH7CFZEp8aOh0C8Q38fimjEIqOu7PoVkqidQQAEjETfoqy12yZCsUn6T6KdPXVY23X62CAsAheQyL4wegu3HYDbjq_r-m969rM/s1600/Flash+Animated+Label+Cloud+Widget+Generator_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtDt47bXHDvpC5B5IHcFBK2nkST1R1aormN2_A94TsFH7CFZEp8aOh0C8Q38fimjEIqOu7PoVkqidQQAEjETfoqy12yZCsUn6T6KdPXVY23X62CAsAheQyL4wegu3HYDbjq_r-m969rM/s320/Flash+Animated+Label+Cloud+Widget+Generator_1.gif" title="" width="300" /></a></div>
<br />
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၃။ Blog URL: ေနရာမွာ မိမိ၏ ဘေလာ့ လိပ္စာ ေျပာင္းေပးပါ။<br />
<br />
၄။ က်န္တဲ့ဟာ ကုိ ေတာ့ Generator Setting ထဲက အတုိင္း မိမိ ႀကဳိက္ကလုိ ျပဳျပင္နုိင္ပါတယ္။ ဥပမာ ေပၚေစခ်င္ရင္ <span style="background-color: yellow;">Yes</span> ေပါ့ ၊ မေပၚေစခ်င္ရင္ <span style="background-color: yellow;">No</span> ေပါ့။ ၿပီးေတာ့ <span style="background-color: yellow;">Color</span> မ်ားကုိလည္း မိမိစိတ္တုိင္းက် ျပဳျပင္ေျပာင္းလဲနုိင္ပါတယ္။<br />
<br />
 ၅။ အားလုံး ၿပီးသြားရင္ <span style="background-color: yellow;">Generate</span> ကုိ နွိပ္ၿပီး <span style="background-color: yellow;">Preview</span> ၾကည့္နုိင္သလုိ <span style="background-color: yellow;">Add To Blogger Button</span> ကုိနွိပ္၍ မိမိတုိ႔ ဘေလာ့ Site ထဲ ထည့္သြင္းနုိင္ပါတယ္။<br />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/MTM+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe frameborder="0" height="800px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/yxujpq13blwsxra/Flash Animated Label Cloud Widget Generator.html" style="background-color: white; border: 0px none rgb(255, 255, 255); color: #111111; font-size: 14px; line-height: 21px;" width="610px"></iframe><span style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;"></span><br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="success" style="background-attachment: scroll; background-color: #e6efc2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissYTul9v0-GBkK2BwOvLQpAZThZ9mH01dpUzEA-YFuhrmeWU527jSckDRb4nnaMPHIhCJBojIN6jMP7o40XdnAHWGmamLTvG6zufjd971SnhGGcyh-btnQQBj4VvbomXtQUZxHdWu4PWs/s1600/NBT+success.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(198, 216, 128); color: #264409; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
ၿပီးရင္ Save ကုိ ႏွိပ္ & သင့္ Blog ကုိ ဖြင့္ၾကည့္ပါ. အားလုံးအဆင္ေျပပါၿပီး !!</div>
</div>
</div>

ဘေလာ့မွာ Label မ်ားကုိ Flash Animated ပုံစံ သုံးၾကည့္ရေအာင္

ဒီေန႔ တင္ေပးလုိက္တဲ့ Website/Blog နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Label{ပုိ႔(စ္)အမ်ဳိးအစား} မ်ားကုိ Flash Animated ပုံစံ လႈပ္ရွားလုိ႔ရေအာ...

How To Add Go To Top/Bottom Buttons Using JQuery In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ ဘေလာ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Go To Top And Go To Bottom Buttons (အေပၚ နွင့္ ေအာက္ တက္ဆင္ လုိ႔ရတဲ့ ခလုဒ္ေလး ကုိ JQuery နည္းလမ္းေလးျဖင့္ ထည့္သုံးခ်င္တဲ့ ဘေလာ့ မိတ္ေဆြမ်ား အတြက္ ထပ္ၿပီးွမွ်ေ၀ေပးလုိက္ပါတယ္။ မိမိဘေလာ့ ကုိ ViSit ၾကည့္႐ွု သူေတြအတြက္ အလြယ္တကူ အေပၚ နွင့္ ေအာက္ တက္ဆင္ လုိ႔ရတဲ့ ခလုဒ္ေလး တပ္ေပးခ်င္တဲ့ သူမ်ား အတြက္ အလြန္အဆင္ေျပလွတဲ့ နည္းလမ္းေကာင္းေလးပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU_KsbA5Gof9VbOzBCgG9kAABvLu1Rp7Oqg1ft6XnVpmHyDRS5kZTpQTsq-DS723rqe6dSWiqkv63GjSAGc7-qGuMfHPHIXvUGyIsWok2tXWIWLFNLKUmnRMPRvDIgmDoKUqLdQy5PZbA/s1600/How+To+Add+Go+To+Top+And+Go+To+Bottom+Buttons+Using+JQuery+In+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU_KsbA5Gof9VbOzBCgG9kAABvLu1Rp7Oqg1ft6XnVpmHyDRS5kZTpQTsq-DS723rqe6dSWiqkv63GjSAGc7-qGuMfHPHIXvUGyIsWok2tXWIWLFNLKUmnRMPRvDIgmDoKUqLdQy5PZbA/s1600/How+To+Add+Go+To+Top+And+Go+To+Bottom+Buttons+Using+JQuery+In+Blogger.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.myanmarbloggingtip.tk/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Template<br />
<br />
၃။ Edit HTMl<br />
<br />
၄။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<br />
<pre class="cpp" name="code">]]></b:skin>

</pre>
<br />
၅။ ေတြ႕ၿပီးဆုိရင္ ]]></b:skin> ရဲ႕အေပၚမွာ ေအာက္ကေပးထားတဲ့ Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code">/* Up and Down Buttons with jQuery By MTM

----------------------------------------------- */

.button_up{

padding:7px; /* Distance between the border and the icon */

background-color:white;

border:1px solid #CCC; /* Border Color */

position:fixed;

background: white url(http://mr-thangming.ucoz.com/Images/MTMarrow_up.png) no-repeat top left;

background-position:50% 50%;

width:20px; /* Button's width */

height:20px; /* Button's height */

bottom:280px; /* Distance from the bottom */

right:5px; /* Change right to left if you want the buttons on the left */

white-space:nowrap;

cursor: pointer;

border-radius: 3px 3px 3px 3px;

opacity:0.7;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

.button_down{

padding:7px; /* Distance between the border and the icon */

background-color:white;

border:1px solid #CCC; /* Border Color */

position:fixed;

background: white url(http://mr-thangming.ucoz.com/Images/MTMarrow_down.png) no-repeat top left;

background-position:50% 50%;

width:20px; /* Button's width */

height:20px; /* Button's height */

bottom:242px; /* Distance from the bottom */

right:5px; /* Change right to left if you want the buttons on the left */

white-space:nowrap;

cursor: pointer;

border-radius: 3px 3px 3px 3px;

opacity:0.7;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

</pre>
<br />
၆။ ေအာက္က Cond ကုိ ထပ္ရွာပါ။<br />
<br />
<pre class="cpp" name="code"></body>

</pre>
<br />
၇။ ေတြ႕ၿပီးဆုိရင္ </body> ရဲ႕အေပၚမွာ ေအာက္ကေပးထားတဲ့ Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

//<![CDATA[

$(function() {

var $elem = $('body');

$('#button_up').fadeIn('slow');

$('#button_down').fadeIn('slow');

$(window).bind('scrollstart', function(){

$('#button_up,#button_down').stop().animate({'opacity':'0.2'});

});

$(window).bind('scrollstop', function(){

$('#button_up,#button_down').stop().animate({'opacity':'1'});

});

$('#button_down').click(

function (e) {

$('html, body').animate({scrollTop: $elem.height()}, 800);

} );

$('#button_up').click(

function (e) {

$('html, body').animate({scrollTop: '0px'}, 800);

} );});

//]]>

</script>

</pre>
<br />
၈။ အားလုံး ထည့္ၿပီးရင္ေတာ့ Save Template Button ေလးကုိ နွိပ္ေပးလုိက္ပါ။ ၿပီးပါၿပီး>>>>အဆင္ေျပၾကပါေစ။<br />
<br /></div>

How To Add Go To Top/Bottom Buttons Using JQuery In Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ ဘေလာ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Go To Top And Go To Bottom Buttons (အေပၚ နွင့္ ေအာက္ တက္ဆင္ လုိ႔ရတဲ့ ခလုဒ္ေလး...

Don't Forget To Join Our Community Popup Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ ဘေလာ့ နွင့္ Website နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ Don't Forget To Join Our Community လုိ႔အမည္ေပးလုိက္ရတဲ့ Facebook Like Button ႏွင့္ Twitter Follow Button မ်ားကုိ Popup Widget အျဖစ္ Site Bar ကုိ ေအာက္ဆြဲလုိက္ရင္ ႐ုတ္တရက္ ထြက္လာေအာင္ ထည့္ခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ား အတြက္ မွ်ေ၀ေပးလုိက္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ထားပါတယ္။ ဒီ Don't Forget To Join Our Community Popup Widget ေလးကုိ သုံးၿပီး အဆင္မေျပတာရွိရင္ Comment ေလးထားခဲ့ပါ။ အတတ္နုိင္ဆုံး ကူညီသြားမွာပါ။ ႀကဳိက္တယ္ဆုိရင္ လည္း Facebook မွာ Like ေပးၿပီး Google မွာ Sign In လုပ္ေပးခ်င္ျဖင့္ အားေပးၾကပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8HwxK1pyqMkbjMbmvs-_JBMFv5A4PBSvYkZ0Mmhiq2t80atYfX9AP9y4PMr-_cizeMaph1mUfXGOPSRTuSimXaJWZDGuCyBM9eVG5wQcPuIWjmpgQGw23wH3Mmon8acnEw4SwaA3Qa4/s1600/Don't+Forget+To+Join+Our+Community+Popup+Widget+Generator.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8HwxK1pyqMkbjMbmvs-_JBMFv5A4PBSvYkZ0Mmhiq2t80atYfX9AP9y4PMr-_cizeMaph1mUfXGOPSRTuSimXaJWZDGuCyBM9eVG5wQcPuIWjmpgQGw23wH3Mmon8acnEw4SwaA3Qa4/s320/Don't+Forget+To+Join+Our+Community+Popup+Widget+Generator.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tmyoutube.blogspot.com/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။ <a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Facebook Page Url က <a href="http://www.facebook.com/tmblogtechnology" target="_blank" title="Replace Your Facebook Fan Page">TMblogtechnology</a> ေနရာမွာ မိမိ၏ Facebook Page Url ထည့္ေပးပါ/ေျပာင္ေပးပါ။<br />
<br />
၃။ Twitter Username က <a href="http://twitter.com/johnthangming" target="_blank" title="Replace Your Twitter UserName">JohnThangMing</a> ေနရာမွာ မိမိ၏ Twitter Username ထည့္ေပးပါ/ေျပာင္ေပးပါ။<br />
<br />
၄။ Widget Position? မွာ Left ႏွင့္ Right မိမိ ေပၚေစခ်င္တဲ့ ေနရာကုိ ေရြးေပးပါ။<br />
<br />
၅။ Generate Button နွိပ္ေပးၿပီး Cond ရယူနုိင္သလုိ Add To Blogger ကုိ နွိပ္၍ မိမိ၏ ဘေလာ့ ထဲကုိ Auto ထည့္သြင္နုိင္ပါတယ္။<br />
<br />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/MTM+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe frameborder="0" height="680px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/5z6b5lc2bs0byya/Don%27t%20Forget%20To%20Join%20Our%20Community%20Popup%20Widget%20Generator.html" style="background-color: white; border: 0px none rgb(255, 255, 255); color: #111111; font-size: 14px; line-height: 21px;" width="610px"></iframe><span style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;"></span><br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="success" style="background-attachment: scroll; background-color: #e6efc2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissYTul9v0-GBkK2BwOvLQpAZThZ9mH01dpUzEA-YFuhrmeWU527jSckDRb4nnaMPHIhCJBojIN6jMP7o40XdnAHWGmamLTvG6zufjd971SnhGGcyh-btnQQBj4VvbomXtQUZxHdWu4PWs/s1600/NBT+success.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(198, 216, 128); color: #264409; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
ၿပီးရင္ Save ကုိ ႏွိပ္ & သင့္ Blog ကုိ ဖြင့္ၾကည့္ပါ. အားလုံးအဆင္ေျပပါၿပီး !!</div>
</div>
</div>

Don't Forget To Join Our Community Popup Widget for Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ ဘေလာ့ နွင့္ Website နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ Don't Forget To Join Our Community လုိ႔အမည္ေပးလုိက္ရတဲ့ Facebook Like...

Static Like us on Facebook Pop Out Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ ဘေလာ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Static Like us on Facebook Pop Out Widget ေလး ထည့္သုံးခ်င္တဲ့ ဘေလာ့ မိတ္ေဆြမ်ားအတြက္ မွ်ေ၀ေပးလုိက္ပါတယ္။ ဒီ နည္းလမ္းေလးကုိ က်ေနာ္တုိ႔ ျမန္မာ ဘေလာ့ Site ေတြမွာ ဆုိရင္ သုံးတဲ့ သူ မရွိသေလာက္ပဲလုိ႔ ေပးရင္ မွားမယ္မထင္ဘူး။ မသုံးခ်င္ၾကတာလာေတာ့ မသိပါ။ သုံးခ်င္တဲ့ မိတ္ေဆြမ်ား ေအာက္က Generator Tool မွ Cond ရယူနုိင္ပါတယ္။ အဆင္မေျပခဲ့ရင္ Comment ေလးေရးခဲ႔ပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9j5f64VbtWoLApbKV-32CCDQ063nwmwBko04Dk5iCXVjZd7f2p6jvSExdCgDQQ-LTzFomH4dkDfIU6DFrkhjDBJ19CVbs_CRSls1VWc2rU3sr_l1WaEkdX9VYoA1ZwvK4lbxoOYtvdiU/s1600/Facebook+Like+POP-UP+Box.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9j5f64VbtWoLApbKV-32CCDQ063nwmwBko04Dk5iCXVjZd7f2p6jvSExdCgDQQ-LTzFomH4dkDfIU6DFrkhjDBJ19CVbs_CRSls1VWc2rU3sr_l1WaEkdX9VYoA1ZwvK4lbxoOYtvdiU/s1600/Facebook+Like+POP-UP+Box.jpg" /></a></div>
၁။ <a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ FaceBook Page ID မွာ သင့္သုံးတဲ့ နာမည္ ထည့္ေပးပါ။<br />
<br />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/MTM+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe frameborder="0" height="480px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/gu6087wgppjmehb/Static%20Like%20us%20on%20Facebook%20Pop%20Out%20Widget%20for%20Blogger.html" style="background-color: white; border: 0px none rgb(255, 255, 255); color: #111111; font-size: 14px; line-height: 21px;" width="610px"></iframe><span style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;"></span><br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="success" style="background-attachment: scroll; background-color: #e6efc2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissYTul9v0-GBkK2BwOvLQpAZThZ9mH01dpUzEA-YFuhrmeWU527jSckDRb4nnaMPHIhCJBojIN6jMP7o40XdnAHWGmamLTvG6zufjd971SnhGGcyh-btnQQBj4VvbomXtQUZxHdWu4PWs/s1600/NBT+success.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(198, 216, 128); color: #264409; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
ၿပီးရင္ Save ကုိ ႏွိပ္ & သင့္ Blog ကုိ ဖြင့္ၾကည့္ပါ. အားလုံးအဆင္ေျပပါၿပီး !!</div>
</div>
</div>

Static Like us on Facebook Pop Out Widget for Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ ဘေလာ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Static Like us on Facebook Pop Out Widget ေလး ထည့္သုံးခ်င္တဲ့ ဘေလာ့ မိတ္ေဆြမ်...

How To Add Flash Twitter Follow Me Buttons To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Flash Twitter Follow Me Buttons Widget ေလးမ်ား ထည့္ခ်င္တဲ့ မိတ္ေဆြမ်ား အတြက္ မွ်ေ၀ေပးလုိက္ပါတယ္။ အရမ္းလွပတဲ့ Flash Twitter Follow Buttons မ်ားကုိ Generator Tools ျဖင့္ စုစည္းေပးထားလုိက္တဲ့ သေဘာပါပဲ။ Generator Tools ကုိ အသုံးျပဳၿပီး Generate Tools က Cond ထုတ္ေပးတာ မွားေနၿပီး အဆင္မေျပခဲ့ရင္ Comments Box မွာ မွတ္ခ်က္ျပဳ၍ျပန္ေမးလုိ႔ ရပါတယ္။ က်ေနာ္တုိ႔ ဖက္က အတတ္နုိင္ဆုံး ကူညီေပးသြားမွာပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QhrK8HLItM31Zz0KbRWH2oS8gDVC7fWKSfOzzJZJ0GfA-HV-g4gmIS0xokM1FCiY_0EL0zS4uQqccQ1he-4f8O2087kAOHYHHWxZ7FA5YyHYM5h6UQoxxwnqcJYLrZV0FczupKhrNGo/s1600/twitter-follow-me.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QhrK8HLItM31Zz0KbRWH2oS8gDVC7fWKSfOzzJZJ0GfA-HV-g4gmIS0xokM1FCiY_0EL0zS4uQqccQ1he-4f8O2087kAOHYHHWxZ7FA5YyHYM5h6UQoxxwnqcJYLrZV0FczupKhrNGo/s1600/twitter-follow-me.jpg" /></a></div>
<br />
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/MTM+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<br />
၂။ ေအာက္က Flash Twitter Follow Button ကုိ ေရြးပါ။

<br />
<br />
၃။ Twitter User Name မွာ သင့္ အမည္ ေျပာင္းေပးလုိက္ပါ။<br />
<br />
၄။ Width(အက်ယ္/အနံ) ႏွင့္ Height (အျမင့္) ကုိ သင့္ ႀကဳိက္သလုိျပင္ပါ။<br />
<br />
၅။ Generate Button ကုိ ႏွိပ္ၿပီး Add To Blogger ျဖင့္ သင့္ blog Site သုိ႔ Run ၿပီး ထည့္ပါ။<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe frameborder="0" height="1030px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/9mhlljel3vlxivi/Add%20Flash%20Twitter%20Follow%20Me%20Buttons%20To%20Blogger.html" style="background-color: white; border: 0px none rgb(255, 255, 255); color: #111111; font-size: 14px; line-height: 21px;" width="610px"></iframe><span style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;"></span><br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="success" style="background-attachment: scroll; background-color: #e6efc2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissYTul9v0-GBkK2BwOvLQpAZThZ9mH01dpUzEA-YFuhrmeWU527jSckDRb4nnaMPHIhCJBojIN6jMP7o40XdnAHWGmamLTvG6zufjd971SnhGGcyh-btnQQBj4VvbomXtQUZxHdWu4PWs/s1600/NBT+success.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(198, 216, 128); color: #264409; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
ၿပီးရင္ Save ကုိ ႏွိပ္ & သင့္ Blog ကုိ ဖြင့္ၾကည့္ပါ. အားလုံးအဆင္ေျပပါၿပီး !!</div>
</div>
</div>

How To Add Flash Twitter Follow Me Buttons To Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Flash Twitter Follow Me Buttons Widget ေလးမ်ား ထည့္ခ်င္တဲ့ မိတ္ေဆြမ်ား အတြက္ မွ်ေ၀ေ...

Add 3 In 1 Slide Out Follower Box Widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Site ရဲ႕ ညာဘက္ ေဒါင့္မွာ Facebook, Twitter, GooglePlus Follower Box Widget ေလးထည့္ခ်င္တဲ့ ဘေလာ့ မိတ္ေဆြမ်ားအတြက္ မွ်ေ၀ေပးလုိက္ပါတယ္။ အရမ္းလန္းၿပီး လွပ တဲ့ Follower Box Widget ေလးပါ။ ဘေလာ့ မိတ္ေဆြမ်ား အတြက္ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ ထားပါတယ္။ ဒီ Cond ေလးကုိ သုံးၿပီး အဆင္မေျပးတာေတြ ရွိခဲ့ရင္ ေအာက္ Comments Box မွာ ေမးသြားနုိင္ပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSt9qPY1ATm0UtTVn5ykxp1pMLWx6juescO39jrxJTdDYbD1jLJZD49vg0S7kketvXzocIFZknPfT-bLdAYB2h4QPRC4e4euXFcL5hgkiSOiqdCEDL5o6EFM4mZleVSqe8K-fQbUWYrGA/s1600/3+in+1222_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSt9qPY1ATm0UtTVn5ykxp1pMLWx6juescO39jrxJTdDYbD1jLJZD49vg0S7kketvXzocIFZknPfT-bLdAYB2h4QPRC4e4euXFcL5hgkiSOiqdCEDL5o6EFM4mZleVSqe8K-fQbUWYrGA/s320/3+in+1222_1.gif" width="272" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/MTM+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe frameborder="0" height="610px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/gain05w6h3q5f7y/Add%203%20In%201%20Slide%20Out%20Follower%20Box%20Widget.html" style="background-color: white; border: 0px none rgb(255, 255, 255); color: #111111; font-size: 14px; line-height: 21px;" width="610px"></iframe><span style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;"></span><br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="success" style="background-attachment: scroll; background-color: #e6efc2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissYTul9v0-GBkK2BwOvLQpAZThZ9mH01dpUzEA-YFuhrmeWU527jSckDRb4nnaMPHIhCJBojIN6jMP7o40XdnAHWGmamLTvG6zufjd971SnhGGcyh-btnQQBj4VvbomXtQUZxHdWu4PWs/s1600/NBT+success.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(198, 216, 128); color: #264409; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
ၿပီးရင္ Save ကုိ ႏွိပ္ & သင့္ Blog ကုိ ဖြင့္ၾကည့္ပါ. အားလုံးအဆင္ေျပပါၿပီး !!</div>
</div>
</div>

Add 3 In 1 Slide Out Follower Box Widget To Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Site ရဲ႕ ညာဘက္ ေဒါင့္မွာ Facebook, Twitter, GooglePlus Follower Box Widget ေလးထည့္ခ်င္တ...

Auto Scrolling/Ticker Recent Post Widget With Thumbnils For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ မိမိတုိ႔၏ ဘေလာ့မွာ Recent Post Widget ေလးကုိ ပုံေလးနဲ႔ တကြ လွလွပပ ေလးျဖစ္ေအာင္ ထည့္နည္း/လုပ္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ ဒီ Cond ေလးကုိ အသုံးျပဳၿပီး အဆင္မေျပခဲ့ရင္ Comments Box မွာ မွတ္ခ်က္ျပဳနုိင္ပါတယ္။ က်ေနာ္ကုိ ခင္တယ္ဆုိရင္ Google မွာ Sign In ၀င္ေပးၿပီး Facebook Like Box မွာ Like ေပးခဲ့ၾကပါ။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPvADBoBXhASBZcd_gmtiBWepy3Gq2XIArLUqJWLlWRCNTo9koNh3WY7WchJh9FtJ8x-IYQQlZmYTtMLSrA171zLXK43YBo1nWUqQwH5ONWntL1M8ek8sdZ3jXYJ7xmjQgPLCa53VPrSE/s1600/recent.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPvADBoBXhASBZcd_gmtiBWepy3Gq2XIArLUqJWLlWRCNTo9koNh3WY7WchJh9FtJ8x-IYQQlZmYTtMLSrA171zLXK43YBo1nWUqQwH5ONWntL1M8ek8sdZ3jXYJ7xmjQgPLCa53VPrSE/s1600/recent.png" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://htmlsheen.blogspot.com/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/NBT+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe frameborder="0" height="730px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/3gh4as1yiwv9yux/Auto%20Scrolling-Ticker%20Recent%20Post%20Widget%20With%20Thumbnils.html" style="background-color: white; border: 0px none rgb(255, 255, 255); color: #111111; font-size: 14px; line-height: 21px;" width="610px"></iframe><span style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;"></span><br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="success" style="background-attachment: scroll; background-color: #e6efc2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissYTul9v0-GBkK2BwOvLQpAZThZ9mH01dpUzEA-YFuhrmeWU527jSckDRb4nnaMPHIhCJBojIN6jMP7o40XdnAHWGmamLTvG6zufjd971SnhGGcyh-btnQQBj4VvbomXtQUZxHdWu4PWs/s1600/NBT+success.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(198, 216, 128); color: #264409; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
ၿပီးရင္ Save ကုိ ႏွိပ္ & သင့္ Blog ကုိ ဖြင့္ၾကည့္ပါ. အားလုံးအဆင္ေျပပါၿပီး !!</div>
</div>
</div>

Auto Scrolling/Ticker Recent Post Widget With Thumbnils For Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ မိမိတုိ႔၏ ဘေလာ့မွာ Recent Post Widget ေလးကုိ ပုံေလးနဲ႔ တကြ လွလွပပ ေလးျဖစ္ေအာင...

How To Add jQuery Slide Out Social Sharing Box Widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ jQuery Slide Out Social Sharing Box Widget ေလးထည့္သုံးခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္မွ်ေ၀ေပးလုိက္ပါတယ္။ ဘေလာ့ဆုိဒ္ဘာကုိ ေအာက္သုိ႔ဆြဲ က်လုိက္တဲ့ အခါမွာ Auto ထြက္လာမွာ ျဖစ္ပါတယ္။ အရမ္းလန္းတဲ့ Social Sharing Box Widget ေလးပါ။ Facebook,Twitter, GooglePlus မ်ားပါ၀င္ ထည့္သြင္းေပးထားပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ Generator Tools ေလးထားေပးလုိက္ပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKVUTajY4qseKAMmlXUCAXbiu6GJXVuXydVQ0tVGLs-qIBk9uoszb5Cimff2mCaTvJeGQ-usafCFfkVgZoKnWBpj3CLEJlzV0Q1wsYw0JaYme6bTV0X41Zi44e9vzAHutYqzRLh0Pg25U/s1600/social_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKVUTajY4qseKAMmlXUCAXbiu6GJXVuXydVQ0tVGLs-qIBk9uoszb5Cimff2mCaTvJeGQ-usafCFfkVgZoKnWBpj3CLEJlzV0Q1wsYw0JaYme6bTV0X41Zi44e9vzAHutYqzRLh0Pg25U/s1600/social_1.gif" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tm-democond.blogspot.com/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
</div>
<br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/NBT+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<iframe align="left" allowtransparency="true" frameborder="0" height="420px" marginheight="0" marginwidth="2" scrolling="no" src="https://dl.dropboxusercontent.com/s/mj76c7ojn4ktkev/Query%20Slide%20Out%20Social%20Sharing%20Box%20Widget%20Generator.html" style="margin: 0px; padding: 0px;" width="100%"></iframe>
</div>

How To Add jQuery Slide Out Social Sharing Box Widget To Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ jQuery Slide Out Social Sharing Box Widget ေလးထည့္သုံးခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက...

The Best Table of Contents or Sitemap for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ မွ်ေ၀ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့ မိ္တ္ေဆြတစ္ေယာက္က ေတာင္းဆုိထားလုိ႔ တစ္ခ်ဳိ႕မသိေသးတဲ့ မိတ္ေဆြမ်ား လုိခ်င္ရင္ အလြယ္တကူ အသုံးျပဳလုိ႔ရေအာင္ ပုိ႔(စ္)ေလးတစ္ခု အျဖစ္ ထပ္ တင္ေပးလုိက္တာပါ။ ဒီ Cond ေလးကုိ မိမိဘေလာ့မွာ ထည့္သြင္းလုိက္ခ်င္ျဖင့္ မိမိဘေလာ့မွာ တင္ၿပီးထားသမွ် ပုိ႔(စ္)ေတြအားလုံးကုိ အမ်ဳိးအစား အလုိက္ လြယ္ကူစြာ ရွာေဖြနုိင္မွာ ျဖစ္ပါတယ္။ ဒါေၾကာင့္လဲ SiteMap(ေျမပုံ) လုိ႔ အမည္ေပးခ်င္ခံရတာပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9aODuKpTUPoFPEXi5NRnX5Rcv4C1MUg4y0VLE4RmlInLKYc4h0OXsfiDp-7cXNxPzY0N8S3yy5gxbfgHiS3TR_Jp1zJ2A3q_qQmz6wsZ-r-mFF5yyAElHokYEFTVexUmzmBvuiz0OSFQ/s1600/Sitemap+for+Blogger_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9aODuKpTUPoFPEXi5NRnX5Rcv4C1MUg4y0VLE4RmlInLKYc4h0OXsfiDp-7cXNxPzY0N8S3yy5gxbfgHiS3TR_Jp1zJ2A3q_qQmz6wsZ-r-mFF5yyAElHokYEFTVexUmzmBvuiz0OSFQ/s1600/Sitemap+for+Blogger_1.gif" /></a></div>
<br /></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
၂။ HTML Cond ထည့္သုံးလုိ႔ ရတဲ့ ေနရာမွာ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။ ဥပမာ- New Post>>> HTML တုိ႔လုိေနရာမ်ဳိးမွာ အသုံးျပဳပါ။<br />
<br />
<pre class="cpp" name="code"><script src="http://mrthangming.ucoz.com/sitemap.js"></script><script src="http://www.သင့္ဘေလာ့လိပ္စာထည့္ရန္.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</pre>
မွတ္ခ်က္။   ။ http://www.သင့္ဘေလာ့လိပ္စာထည့္ရန္.blogspot.com/ ေနရာမွာ မိမိ၏ ဘေလာ့ လိပ္စာ ထည့္ေပးဖုိ႔ မေမ႔ၾကပါနဲ႔။<br />
<br />
<br />
Demo ကုိ <a href="http://demo-mrthangming.blogspot.com/2013/07/mr-thangming-html-editor.html" target="_blank">ဒီေနရာေလမွာ</a> သြားၿပီး Add HTML Code Here ဆုိတဲ့ ေနရာမွာ မိမိ Demo ၾကည့္ခ်င္တဲ့ Cond ကုိ Copy/Past ခ်လုိက္ပါ၊ ၿပီးရင္ Preview Button ေလးကုိ နွိပ္ၿပီး ၾကည့္လုိ႔ရပါၿပီး</div>

The Best Table of Contents or Sitemap for Blogger

ဒီေန႔ မွ်ေ၀ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့ မိ္တ္ေဆြတစ္ေယာက္က ေတာင္းဆုိထားလုိ႔ တစ္ခ်ဳိ႕မသိေသးတဲ့ မိတ္ေဆြမ်ား လုိခ်င္ရင္ အလြယ္တက...

ဘေလာ့မွာ အျခား webSite Link မ်ား၏ Cond ထည့္နုိင္မယ့္ iframe generator

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႕ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ အျခား Webpage Link ေတြကုိ တုိက္ရုိက္ပြင့္ေအာင္ ထည့္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ ဒီထက္ရွင္းေအာင္ ေျပာရရင္ http://mrthangming.blogspot.com/p/blog-page.html ဆုိတဲ့ ပုိ႔(စ္)ေလးကုိ Link မညႊန္းပဲနဲ႔ မိမိဘေလာ့ဆုိဒ္ ကနဲ႔ တုိက္ရုိက္ပြင့္ ေအာင္ထည့္ခ်င္တယ္ဆုိရင္ ဤ Iframe  Generator Tools ေလးကုိသုံးၿပီး ထည့္လုိရပါတယ္။ ကဲႀကဳိက္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားရွိရင္ ေအာက္မွာ ရယူအသုံးျပဳနုိင္ပါတယ္။ ဒီ ပုိ႔(စ္)ေလးကုိ Share ခ်င္ရင္ Ctrl + D ကုိတြဲနွိပ္ပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifj-1dtRMi5GkNLaP2RCLwHffh98kezOu1aK9zLvePMj_Mjr2fkiK4ABvREDWIsHmbnbuMAnOjIjc5AFHnMeO6Rb8IHo75JLVEgjjQYgtdIoIataNgCWV3Jhb_eZ9Jv4FeARUsPYV5Avk/s1600/iframe-generator.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifj-1dtRMi5GkNLaP2RCLwHffh98kezOu1aK9zLvePMj_Mjr2fkiK4ABvREDWIsHmbnbuMAnOjIjc5AFHnMeO6Rb8IHo75JLVEgjjQYgtdIoIataNgCWV3Jhb_eZ9Jv4FeARUsPYV5Avk/s320/iframe-generator.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
အသုံးျပဳနည္းကုိေတာ့ ထပ္မေရးေပးေတာ့ပါဘူး ေအာက္က Iframe Generator Tool Setting ေတြကုိ ၾကည့္ယုံျဖင့္ အားလုံးရွင္းၿပီးသာျဖစ္ေတာ့မွာပါ။ </div>
<br /></div>
<iframe frameborder="1" height="890px" marginheight="0px" marginwidth="0px" name="My iFrame" scrolling="no" src="https://dl.dropboxusercontent.com/s/drtgjmte81c729l/Iframe-Widge-Generator.html" style="border: 0px #FFFFFF none;" width="100%px"></iframe></div>

ဘေလာ့မွာ အျခား webSite Link မ်ား၏ Cond ထည့္နုိင္မယ့္ iframe generator

ဒီေန႕ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ အျခား Webpage Link ေတြကုိ တုိက္ရုိက္ပြင့္ေအာင္ ထည့္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ ဒ...

Number Page Navigation For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ Blogger သမားမ်ားအတြက္ အသုံး၀င္မယ့္  Number Page Navigation လုိ႔ေခၚေ၀ၚၾကတဲ့ Widget ေလးကုိ တင္ေပးလုိက္ပါတယ္။ မိိမိတုိ႔၏ Blog စာမ်က္ႏွာကုိ 1,2,3..etc စသည္ျဖင့္ ခြေက်ာ္လုိ႔ရေအာင္ ထည့္ခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္ၿပီး မွ်ေ၀ေပးလုိက္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ link နဲ႔ တကြ Number Page Navigation Widget ကုိ Tools ျဖင့္ ထားေပးပါတယ္။ Cond ကေတာ့ 100% အလုပ္လုပ္တယ္လုိ႔ေျပာရင္လည္း မွားမယ္မထင္ပါဘူး။ တေကလုိ႔ အဆင္မေျပဘူးဆုိရင္ Comment Box မွာ ေမးလုိ႔ရပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj41D_yLhOt-rwanlwDTlhMyUJTvt_z_aXwMf2sSBDKnvnkbcaGww5a8l68c9TjUlsxwMcZ_J7YBzOW8IchkQJieJ4VQUpDl7QfEVa0fVCqbxSTc_RLj7JlXS7bxSX584RQaBz_87EwMLw/s1600/page+navigation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj41D_yLhOt-rwanlwDTlhMyUJTvt_z_aXwMf2sSBDKnvnkbcaGww5a8l68c9TjUlsxwMcZ_J7YBzOW8IchkQJieJ4VQUpDl7QfEVa0fVCqbxSTc_RLj7JlXS7bxSX584RQaBz_87EwMLw/s1600/page+navigation.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://simpledemo.blogspot.com/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
<span style="color: #20124d; font-size: large;"><br /></span>
<span style="color: #20124d; font-size: large;">မသိေသးတဲ့ မိတ္ေဆြမ်ားအတြက္ ထည့္နည္းကုိ အနည္းငယ္ ရွင္းျပေပးလုိက္ပါတယ္။</span><br />
<span style="color: #20124d; font-size: large;"><br /></span>
<span style="color: #20124d; font-size: large;">၁။ <a href="http://www.blogger.com/" target="_blank">Sigin Blogger</a></span><br />
<br />
၂။ မိမိႀကဳိက္တဲ့ Style ကုိ ေရြးပါ။<br />
<br />
၃။ Setting ကုိေတာ့မိမိ ႀကဳိက္သလုိ ျပန္နုိင္ပါတယ္။ ဥပမာ_ Prev ကုိ Back , 5 ကုိ 8 ...etc</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #20124d; font-size: x-large;">Numbered Page Navigation Widget Generator</span></div>
</div>
<iframe align="left" allowtransparency="true" frameborder="0" height="810px" marginheight="0" marginwidth="2" scrolling="no" src="http://mr-thangming.ucoz.com/page-navigation_MrThangMing.html" style="margin: 0px; padding: 0px;" width="100%"></iframe><br />
<span style="color: #20124d; font-size: large;"><br /></span>
<span style="color: #20124d; font-size: large;"><br /></span>
<span style="color: #20124d; font-size: large;">၄။ အားလုံးၿပီးရင္ Generate ကုိ ႏွိပ္ပါ ၿပီးရင္ Add To Blogger ပုံ Button ေလးကုိ ထပ္နွိပ္ေပးလုိက္ပါ။ ေအာက္ပုံ အတုိင္းဆက္လုပ္ေဆာင္ပါ။</span><br />
<span style="color: #20124d; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5R0Dz_4pqPui4flvyWTwwmFzdGZD9_rZW1ubHX6COYSNiR5wqXYGD44dXEpnsbmig0DYjlETvRIvF3rQb2Y_82TKi32eH-XXp-63NeU5yLSIcMGja0lTfx_WBI58aRFClSCrclZBTOM/s1600/addb_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5R0Dz_4pqPui4flvyWTwwmFzdGZD9_rZW1ubHX6COYSNiR5wqXYGD44dXEpnsbmig0DYjlETvRIvF3rQb2Y_82TKi32eH-XXp-63NeU5yLSIcMGja0lTfx_WBI58aRFClSCrclZBTOM/s640/addb_1.gif" width="100%" /></a>
</div>
<span style="color: #20124d; font-size: large;"><br /></span>
<span style="color: #20124d; font-size: large;">၅။ Blogger Home >>Layout ထဲ ေရာက္ရင္ ေအာက္ပုံအတုိင္ လုပ္ေပးလုိက္ပါ။ ၿပီးရင္ Save arrangement Button ကုိနွပ္ေပးလုိက္ပါ။</span><br />
<span style="color: #20124d; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZQRTrNEATXAiWY4K8cg98ksABovYWTnA4bNM-r4rUNlEx-Lga15gU1AyFcDltqqImMOhD1UcNYlh9LJhkxdjBjiVjrFGO2RM3zaQA_ymYwi8HdsV2vDSHk45ua01erpjaRmxmp7DZ2U/s1600/add+layout_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZQRTrNEATXAiWY4K8cg98ksABovYWTnA4bNM-r4rUNlEx-Lga15gU1AyFcDltqqImMOhD1UcNYlh9LJhkxdjBjiVjrFGO2RM3zaQA_ymYwi8HdsV2vDSHk45ua01erpjaRmxmp7DZ2U/s640/add+layout_1.gif" width="100%" /></a></div>
<br /></div>

Number Page Navigation For Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ Blogger သမားမ်ားအတြက္ အသုံး၀င္မယ့္ Number Page Navigation လုိ႔ေခၚေ၀ၚၾကတဲ့ Widget ေလးကုိ တင...

How To Add Awesome Random Post widget to blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတစ္ေယာက္က ေတာင္းဆုိထားတဲ့ Random Post Widget ေလးကုိတင္ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတာ့မွာပါ။ မသိေသးတဲ့ မိတ္ေဆြမ်ားလုိအပ္ရင္ အလြယ္တကူ ထည့္သြင္းအသုံးျပဳနုိင္ေအာင္ ထပ္မွ်ေ၀းေပးလုိက္တာပါ။ ဘေလာ့သမားမ်ားအတြက္ သုံးသင့္တဲ့ Widget ေလးပါ။ မိမိတုိ႔၏ဘေလာ့မွာ လာေရာက္အားေပးေနၾကတဲ့ ပရိသတ္မ်ားအတြက္လည္း အရမ္းအဆင္ေပးနုိင္မယ့္ အရာေလးပါ။ ပုိ႔(စ္)ေတြကုိ အလုိအေရွာက္ Random လုပ္ေပးနုိင္မယ့္ Cond ေလးပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link လည္းထားေပးပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrBEj09qY7oQskNm5VZDiKRx7uA9ANGXh2bXlXdpjeHK8Bti8_QMGPrvkdSeRaFynzSpgi8dxsjr8V7lkah4klcXBTRHSBZuwObHSfxAKeM1jA0NfRYYQpuka7Gq6ET2bMNBvCeTQ00nQ/s1600/post.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrBEj09qY7oQskNm5VZDiKRx7uA9ANGXh2bXlXdpjeHK8Bti8_QMGPrvkdSeRaFynzSpgi8dxsjr8V7lkah4klcXBTRHSBZuwObHSfxAKeM1jA0NfRYYQpuka7Gq6ET2bMNBvCeTQ00nQ/s1600/post.jpg" /></a></div>
<br /></div>
<span style="background-color: white; line-height: 20px;"><span style="color: lime; font-size: large;">ေအာက္က Add To Blogger ပုံကုိ Click လုိက္ပါ</span></span><br />
<span style="background-color: white; line-height: 20px;"><span style="color: lime; font-size: large;"><br /></span></span>
<a href="http://tmdemoblog.blogspot.com/2013/05/how-to-add-awesome-random-post-widget.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinUCIy1oMnV2AugZ50Lz3Pubf6lgouSCxn2R2XqvD7KAaEF1MfDchcnBKibp2Bbb0_Yxlb9crLvPN6xP_kot_ydHSHjm42a8455yweFIrNCzTJycMClLExfnPRbS-TSe-6y_8M2zwWZ7Fp/s1600/demo.gif" width="105" /></a><br />
<br /></div>
<form action="http://www.blogger.com/add-widget" method="POST" target="_blank">
<input name="widget.title" type="hidden" value="Random Posts" /><input name="widget.content" type="hidden" value="<style type="text/css"></style>

//Setting_end

//Define your language
var Lang_By = 'By ';
var Lang_comment = ' comment';
var Lang_comments = ' comments';

//For valid feed, not touch

How To Add Awesome Random Post widget to blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတစ္ေယာက္က ေတာင္းဆုိထားတဲ့ Random Post Widget ေလးကုိတင္ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ...

How To Add 3 In 1 Slide Out Social Subscribing Widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ 3 In 1 Slide Out Social Subscribing Widget ေလးထည့္နည္းေလးပါ။ တစ္နည္းအားျဖင့္ Facebook Like Box , Twitter Follow Box ႏွင့္ Google+1 တုိ႔ကုိ တစ္ပ်ဥ္းတည္း ဘေလာ့ဆုိဒ္ ညာဘက္ေဒါင့္ မွာ ထည့္နည္းေလးပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ထားပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ link ႏွင့္ တကြ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။ အဆင္မေျပတာေလးမ်ားရွိခဲ့ပါက Comment Box မွာ ျပန္ေမးလုိ႔ရပါတယ္။ က်ေနာ္အတတ္နုိင္ဆုံး ျပန္စစ္ေဆးေပးမွာပါ။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9xmRgMXYwP4z7SW-SnjYuQji1QcE-CHO6Z3BVbc-XgoK_SG-rtQHuemu9m42Ih5SLwxGh79ho08FKz_5aldilC206BL_xmkEUZNV0ql6trflrgYhjciCNMFB4jDBQBi_iaBoTqpp7qE/s1600/3IN1_1~1.GIF" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9xmRgMXYwP4z7SW-SnjYuQji1QcE-CHO6Z3BVbc-XgoK_SG-rtQHuemu9m42Ih5SLwxGh79ho08FKz_5aldilC206BL_xmkEUZNV0ql6trflrgYhjciCNMFB4jDBQBi_iaBoTqpp7qE/s1600/3IN1_1~1.GIF" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://mtmdemo.blogspot.com/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
၂။ Layout<br />
<br />
၃။ Add a Gadget<br />
<br />
၄။ HTML/JavaScript<br />
<br />
၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><style>img, a {<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0;}#on {<span class="Apple-tab-span" style="white-space: pre;"> </span>visibility: visible;}#off {<span class="Apple-tab-span" style="white-space: pre;"> </span>visibility: hidden;}#facebook_div {<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 196px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 340px;<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;}#twitter_div {<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 246px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 240px;<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;}#google_plus_div {<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 290px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 250px;<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;<span class="Apple-tab-span" style="white-space: pre;"> </span>margin-left: 5px;<span class="Apple-tab-span" style="white-space: pre;"> </span>margin-top: 1px;}#MTM_div {<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 300px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 97px;<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;}/* right side style */ #facebook_right {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10005;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #3c95d9;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #fff;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 196px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 353px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -200px;}#facebook_right img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -35px;}#facebook_right iframe {<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0px solid #3c95d9;<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: static;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 360px;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -3px;}#twitter_right {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10004;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #6CC5FF;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #6CC5FF;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 246px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 240px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -250px;}#twitter_right_img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -35px;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0;}#google_plus_right {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10003;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #F2F2F2;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #006ec9;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-top: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-right: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-left: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 290px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 250px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -294px;}#google_plus_right_img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -33px;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0;}#MTM_right {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10003;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #303030;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #fff;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 300px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 97px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;}#MTM_right img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -101px;}/* left side style */ #facebook_left {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10005;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #3c95d9;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #fff;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 196px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 250px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -200px;}#facebook_left img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -35px;}#facebook_left iframe {<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0px solid #3c95d9;<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: static;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 360px;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -3px;}#twitter_left {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10004;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #6CC5FF;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #6CC5FF;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 246px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 250px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -250px;}#twitter_left_img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -35px;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0;}#google_plus_left {<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10003;<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #006ec9;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #006ec9;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-top: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-left: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>border-right: 2px solid #0056a0;<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 290px;<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 250px;<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<span class="Apple-tab-span" style="white-space: pre;"> </span>left: -294px;}#google_plus_left_img {<span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;<span class="Apple-tab-span" style="white-space: pre;"> </span>top: -2px;<span class="Apple-tab-span" style="white-space: pre;"> </span>right: -33px;<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0;}</style><script src="http://code.jquery.com/jquery-latest.js"></script><script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script><script type="text/javascript">jQuery(document).ready(function () {<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery("#facebook_right").hover(function () {<span class="Apple-tab-span" style="white-space: pre;">  </span>jQuery(this).stop(true, false).animate({<span class="Apple-tab-span" style="white-space: pre;">   </span>right: 0<span class="Apple-tab-span" style="white-space: pre;">  </span>}, 500);<span class="Apple-tab-span" style="white-space: pre;"> </span>}, function () {<span class="Apple-tab-span" style="white-space: pre;">  </span>jQuery("#facebook_right").stop(true, false).animate({<span class="Apple-tab-span" style="white-space: pre;">   </span>right: -200<span class="Apple-tab-span" style="white-space: pre;">  </span>}, 500);<span class="Apple-tab-span" style="white-space: pre;"> </span>});<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery("#twitter_right").hover(function () {<span class="Apple-tab-span" style="white-space: pre;">  </span>jQuery(this).stop(true, false).animate({<span class="Apple-tab-span" style="white-space: pre;">   </span>right: 0<span class="Apple-tab-span" style="white-space: pre;">  </span>}, 500);<span class="Apple-tab-span" style="white-space: pre;"> </span>}, function () {<span class="Apple-tab-span" style="white-space: pre;">  </span>jQuery("#twitter_right").stop(true, false).animate({<span class="Apple-tab-span" style="white-space: pre;">   </span>right: -250<span class="Apple-tab-span" style="white-space: pre;">  </span>}, 500);<span class="Apple-tab-span" style="white-space: pre;"> </span>});<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery("#google_plus_right").hover(function () {<span class="Apple-tab-span" style="white-space: pre;">  </span>jQuery(this).stop(true, false).animate({<span class="Apple-tab-span" style="white-space: pre;">   </span>right: 0<span class="Apple-tab-span" style="white-space: pre;">  </span>}, 500);<span class="Apple-tab-span" style="white-space: pre;"> </span>}, function () {<span class="Apple-tab-span" style="white-space: pre;">  </span>jQuery("#google_plus_right").stop(true, false).animate({<span class="Apple-tab-span" style="white-space: pre;">   </span>right: -294<span class="Apple-tab-span" style="white-space: pre;">  </span>}, 500);<span class="Apple-tab-span" style="white-space: pre;"> </span>});});</script><br /><div id="on"><span class="Apple-tab-span" style="white-space: pre;"> </span><div id="facebook_right" style="top: 12%;"><span class="Apple-tab-span" style="white-space: pre;">  </span><div id="facebook_div"><span class="Apple-tab-span" style="white-space: pre;">   </span><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3zDRm_dFSEHAv0GgriXt3LQz5E1GK700lDb5JSaeebcwrgGrEAByfBITpIKhNVWyPHWkQL9gzXQQzHEzHAlzSEz4BDkmBVa-g3F0947JouO6rLBHHGVwdlkEkqkvXRts0G5tcpCZUjnC/s1600/MTMfacebook_right.png" /><span class="Apple-tab-span" style="white-space: pre;">   </span><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftmblogtechnology&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"<span class="Apple-tab-span" style="white-space: pre;">   </span>style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe><span class="Apple-tab-span" style="white-space: pre;">  </span></div><span class="Apple-tab-span" style="white-space: pre;"> </span></div></div><div id="on"><span class="Apple-tab-span" style="white-space: pre;"> </span><div id="twitter_right" style="top: 28%;"><span class="Apple-tab-span" style="white-space: pre;">  </span><div id="twitter_div"><span class="Apple-tab-span" style="white-space: pre;">   </span><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFbppv0twk-G6CxVK0rP9-HkkWFOwlcLlpxv3ERCfBbx8rDFqFuQCcaGaIymep1hkzk5HQi5V5L_BnWay16h0pveeWwI6_4UshaKX-AcYiklMBV5m4bczTNU30aBp01sUmtBhgwUzD65fd/s1600/MTMtwitter_right.png" /><span class="Apple-tab-span" style="white-space: pre;">   </span><script type='text/javascript'>function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user='+screen_name+'" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>';}</script>  <div id="twitterfanbox">  <script type="text/javascript">fanbox_init("johnthangming");</script><span class="Apple-tab-span" style="white-space: pre;">  </span></div><span class="Apple-tab-span" style="white-space: pre;"> </span></div></div><div id="on"><span class="Apple-tab-span" style="white-space: pre;"> </span><div id="google_plus_right" style="top: 45%;"><span class="Apple-tab-span" style="white-space: pre;">  </span><div id="google_plus_div"><span class="Apple-tab-span" style="white-space: pre;">   </span><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuYreIZVsUvREHwxKQhXYEzSNMtOZ1lCFk3X5mxR0qrXi6HNQ_qdVRlckggRZQrXzHL7c_kCpFMTByA4gDovgU5qI_nAJiKUfg2Po4R6xpTOGbcg5y8Hb88mqX9eFyF6u-Sq8i5T2AKD8/s1600/MTMgoogle_plus_right.png" /><span class="Apple-tab-span" style="white-space: pre;">   </span><div style="float: left; margin: 10px 10px 10px 0;"><span class="Apple-tab-span" style="white-space: pre;">    </span> <a href='http://mrthangming.blogspot.com'><img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-g9g7ndU2FvCk3YyBSDYj6b6jY6rzNoD5hnboT8WD9H8asx4ukLRl2_QEOa2EvykEMdqOHhEUbJP1eD_elhNAoi4Wp58CzmYe9tuwVmQfwjHQdQXp0w8PzynsvF4O06ATVg6NUHTx2Fe/s1600/best+blogger+tips.png'/></a>  <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/108100949889665305918" data-source="blogger:blog:followers" data-width="270">  </div>  <script type="text/javascript">        (function() {          window.___gcfg = {'lang': 'en'};          var po = document.createElement('script');          po.type = 'text/javascript';          po.async = true;          po.src = 'https://apis.google.com/js/plusone.js';          var s = document.getElementsByTagName('script')[0];          s.parentNode.insertBefore(po, s);        })();      </script>   <span class="Apple-tab-span" style="white-space: pre;">   </span></div><span class="Apple-tab-span" style="white-space: pre;">  </span></div><span class="Apple-tab-span" style="white-space: pre;"> </span></div></div></div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ေလးကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။      ။</b></span> ေအာက္ပါ ေဖာ္ျပပါ ေနရာ ေတြမွာ မိမိ၏ အမည္ ေျပာင္းေပးရပါမယ္။<br />
<br />
(၁) http%3A%2F%2Fwww.facebook.com%2F<a href="http://www.facebook.com/tmblogtechnology" target="_blank" title="Replace Your Name">tmblogtechnology</a><br />
<br />
(၂) fanbox_init("<a href="http://twitter.com/johnthangming" target="_blank" title="Replace Your Name">johnthangming</a>")<br />
<br />
(3) https://plus.google.com/<a href="https://plus.google.com/u/0/108100949889665305918/posts" target="_blank" title="Replace Your Name">108100949889665305918</a><br />
<br />
ေျပာင္းေပးရမွာက အျပာေရာင္ Link ကုိသာ ေျပာင္းေပးရမွာပါ။ ရွာရလြယ္ ေအာင္ အခုလုိေဖာ္ျပေပးလုိက္တာပါ။<br />
<br /></div>

How To Add 3 In 1 Slide Out Social Subscribing Widget To Blogger

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ 3 In 1 Slide Out Social Subscribing Widget ေလးထည့္နည္းေလးပါ။ တစ္နည္းအားျဖင့္ Facebook Like Box , Twitter F...

How to Add 5 in 1 Slide Out Social Subscribing Widget to Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ 5 in 1 Slide Out Social Subscribing ေလးထည့္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတာ့မွာပါ။ မသိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္တင္ေပးလုိက္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔ လည္းေမွ်ာ္လင့္ထားပါတယ္။ ေအာက္မွာ Demo(နမူနာ) သြားၾကည့္လုိ႔ ရေအာင္ Link နဲ႔ တကြ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။ ဒီနည္းကုိ သုံးၾကည့္လုိ႔ အဆင္မေျပမူမ်ားရွိခဲ့လွ်င္ Comment ေပးနုိင္ပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw2jXGBQPABH_qPMz7zAvyLTWEN-XTwOCCqC9hvgNaiRDvgoK39fj3CieUNBpFAVZhpKhTlkPQOZzm1qI7YaQEdSEm1_xUFfDQ9aCBRKywPzM4L1GyaLVJPnjAl7StuXug6BdZQWqjtMM/s1600/5IN1~1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw2jXGBQPABH_qPMz7zAvyLTWEN-XTwOCCqC9hvgNaiRDvgoK39fj3CieUNBpFAVZhpKhTlkPQOZzm1qI7YaQEdSEm1_xUFfDQ9aCBRKywPzM4L1GyaLVJPnjAl7StuXug6BdZQWqjtMM/s1600/5IN1~1.PNG" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/how-to-add-5-in-1-slide-out-social.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
၂။ Layout<br />
<br />
၃။ Add a Gadget<br />
<br />
၄။ HTML/JavaScript<br />
<br />
၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><style>  img, a {  border: 0;  }  #on {  visibility: visible;  }  #off {  visibility: hidden;  }  #facebook_div {  width: 196px;  height: 340px;  overflow: hidden;  }  #twitter_div {  width: 246px;  height: 353px;  overflow: hidden;  }  #google_plus_div {  width: 290px;  height: 120px;  overflow: hidden;  margin-left: 5px;  margin-top: 1px;  }  #MTMfeedburner_div {  width: 300px;  height: 120px;  overflow: hidden;  margin-top: 5px;  margin-left: -4px;  }  #MTM_div {  width: 300px;  height: 97px;  overflow: hidden;  }  /* right side style */  #facebook_right {  z-index: 10005;  border: 2px solid #3c95d9;  background-color: #fff;  width: 196px;  height: 353px;  position: fixed;  right: -200px;  }  #facebook_right img {  position: absolute;  top: -2px;  left: -35px;  }  #facebook_right iframe {  border: 0px solid #3c95d9;  overflow: hidden;  position: static;  height: 360px;  left: -2px;  top: -3px;  }  #twitter_right {  z-index: 10004;  border: 2px solid #6CC5FF;  background-color: #6CC5FF;  width: 246px;  height: 353px;  position: fixed;  right: -250px;  }  #twitter_right_img {  position: absolute;  top: -2px;  left: -35px;  border: 0;  }  #google_plus_right {  z-index: 10003;  background-color: #F2F2F2;  border: 2px solid #006ec9;  border-top: 2px solid #0056a0;  border-bottom: 2px solid #0056a0;  border-right: 2px solid #0056a0;  border-left: 2px solid #0056a0;  width: 290px;  height: 120px;  position: fixed;  right: -292px;  }  #google_plus_right_img {  position: absolute;  top: -2px;  left: -33px;  border: 0;  }  #feedburner_right {  z-index: 10003;  background-color: #fefefe;  border: 2px solid #5b5b5b;  border-top: 2px solid #5b5b5b;  border-bottom: 2px solid #5b5b5b;  border-right: 2px solid #5b5b5b;  border-left: hidden;  width: 300px;  height: 97px;  position: fixed;  right: -303px;  }  #feedburner_right_img {  position: absolute;  top: -2px;  left: -33px;  border: 0;  }  #MTM_right {  z-index: 10003;  border: 2px solid #303030;  background-color: #fff;  width: 300px;  height: 97px;  position: fixed;  }  #MTM_right img {  position: absolute;  top: -2px;  left: -101px;  }  /* left side style */  #facebook_left {  z-index: 10005;  border: 2px solid #3c95d9;  background-color: #fff;  width: 196px;  height: 353px;  position: fixed;  left: -200px;  }  #facebook_left img {  position: absolute;  top: -2px;  right: -35px;  }  #facebook_left iframe {  border: 0px solid #3c95d9;  overflow: hidden;  position: static;  height: 360px;  right: -2px;  top: -3px;  }  #twitter_left {  z-index: 10004;  border: 2px solid #6CC5FF;  background-color: #6CC5FF;  width: 246px;  height: 353px;  position: fixed;  left: -250px;  }  #twitter_left_img {  position: absolute;  top: -2px;  right: -35px;  border: 0;  }  #google_plus_left {  z-index: 10003;  background-color: #006ec9;  border: 2px solid #006ec9;  border-top: 2px solid #0056a0;  border-bottom: 2px solid #0056a0;  border-left: 2px solid #0056a0;  border-right: 2px solid #0056a0;  width: 290px;  height: 120px;  position: fixed;  left: -292px;  }  #google_plus_left_img {  position: absolute;  top: -2px;  right: -33px;  border: 0;  }  #feedburner_left {  z-index: 10003;  background-color: #fefefe;  border: 2px solid #5b5b5b;  border-top: 2px solid #5b5b5b;  border-bottom: 2px solid #5b5b5b;  border-left: 2px solid #5b5b5b;  border-right: hidden;  width: 300px;  height: 97px;  position: fixed;  left: -303px;  }  #feedburner_left_img {  position: absolute;  top: -2px;  right: -33px;  border: 0;  }  #MTM_left {  z-index: 10003;  border: 2px solid #303030;  background-color: #fff;  width: 300px;  height: 97px;  position: fixed;  }  #MTM_left img {  position: absolute;  top: -2px;  right: -101px;  }  .box-title1 {  border: 1px solid #ddd;  /*border-radius*/  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;  /*box-shadow*/  -webkit-box-shadow: 5px 5px 5px #CCCCCC;  -moz-box-shadow: 5px 5px 5px #CCCCCC;  box-shadow: 5px 5px 5px #CCCCCC;  padding: 10px;  margin: 10px 0;  }  .enteryouremail {  background: #fff !important;  border: 1px solid #d2d2d2;  padding: 0px 8px 0px 8px;  color: #a19999;  font-size: 12px;  height: 25px;  width: 165px;  /*border-radius*/  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  margin: 0px;  }  .submitbutton {  background: #FF8000;  border: 1px solid #F66303;  /*box-shadow*/  -webkit-box-shadow: 3px 3px 3px #666;  box-shadow: 3px 3px 3px #666;  font: bold 12px Arial, sans-serif;  color: #000000;  height: 25px;  padding: 0 12px 0 12px;  margin: 0 0 0 5px;  /*border-radius*/  -webkit-border-radius: 5px;  border-radius: 5px;  cursor: pointer;  }  #youtube_right {  z-index: 10001;  background-color: #fefefe;  border:2px solid #ff0000;  border-top:2px solid #5b5b5b;  border-bottom: 2px solid #5b5b5b;  border-right:2px solid #5b5b5b;  border-left: hidden;  width:301px;  height: 106px;  position: fixed;  right: -303px;  }  #youtube_right_img {  position: absolute;  top: -2px;  left: -33px;  border:  </style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script><script type="text/javascript">  jQuery(document).ready(function () {  jQuery("#facebook_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  }, function () {  jQuery("#facebook_right").stop(true, false).animate({  right: -200  }, 500);  });  jQuery("#twitter_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  }, function () {  jQuery("#twitter_right").stop(true, false).animate({  right: -250  }, 500);  });  jQuery("#google_plus_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  }, function () {  jQuery("#google_plus_right").stop(true, false).animate({  right: -292  }, 500);  });  jQuery("#feedburner_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  }, function () {  jQuery("#feedburner_right").stop(true, false).animate({  right: -303  }, 500);  });    jQuery("#youtube_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  },    function () {  jQuery("#youtube_right").stop(true, false).animate({  right: -303  }, 500);  });  });  </script><br />

</div>

<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFbppv0twk-G6CxVK0rP9-HkkWFOwlcLlpxv3ERCfBbx8rDFqFuQCcaGaIymep1hkzk5HQi5V5L_BnWay16h0pveeWwI6_4UshaKX-AcYiklMBV5m4bczTNU30aBp01sUmtBhgwUzD65fd/s1600/MTMtwitter_right.png" />  <script src="http://widgets.twimg.com/j/2/widget.js"></script>  <script src="http://widgets.twimg.com/j/2/widget.js"></script>  <script>  new TWTR.Widget({  version: 2,  type: 'profile',  rpp: 4,  interval: 1000,  width: 246,  height: 265,  theme: {  shell: {  background: '#63BEFD',  color: '#FFFFFF'  },  tweets: {  background: '#FFFFFF',  color: '#000000',  links: '#47a61e'  }  },  features: {  loop: false,  live: true,  scrollbar: false,  hashtags: false,  timestamp: true,  avatars: true,  behavior: 'all'  }  }).render().setUser('johnthangming').start();  </script>  </div>

</div>

</div>

</div>

You can also receive Free Email Updates:</h4>

</center>

<span style="font-size: 10px;">Widget by <a href="http://mrthangming.blogspot.com/">MTM</a></span><span style="font-size: 8px;"></span>   </div>

</div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ကုိနုိပ္ေပးလုိက္ပါ။<br />
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။    ။>>>>>>>>>>></b></span><br />
<br />
(၁) http%3A%2F%2Fwww.facebook.com%2<a href="http://www.facebook.com/tmblogtechnology" target="_blank" title="Relace Your Name">Ftmblogtechnology</a><br />
<br />
(၂) setUser('<a href="http://twitter.com/johnthangming" target="_blank" title="Relace Your Name">johnthangming</a>')<br />
<br />
(၃) plus.google.com/<a href="https://plus.google.com/u/0/103359415538823163001" target="_blank" title="Relace Your Name">103359415538823163001</a><br />
<br />
(၄) http://feedburner.google.com/fb/a/mailverify?uri=blogspot/<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming" target="_blank" title="Relace Your Name">mrthangming</a><br />
<br />
(၅) http://www.youtube.com/subscribe_widget?p=<a href="http://www.youtube.com/user/MrThangming/featured" target="_blank" title="Relace Your Name">mrthangming</a><br />
<br />
ေနရာေတြမွာ မိမိတုိ႔၏ ID နဲ႔ လဲေပးပါ။</div>

How to Add 5 in 1 Slide Out Social Subscribing Widget to Blogger

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ 5 in 1 Slide Out Social Subscribing ေလးထည့္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆ...

How To Add Flash Animated Label Cloud Widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတစ္ေယာက္က Comment Box မွာေတာင္းဆုိထားတဲ့ Label(ပုိ႔(စ္)အမ်ဳိးအစားေတြ ကုိ Flash Animated ျဖင့္ ထည့္သုံးနည္းေလးကုိတင္ေပးလုိက္ပါတယ္။ အရင္က ပုိ႔(စ္)အေဟာင္းမွာလည္း ၂ခုေလာက္တင္ေပးၿပီးပါၿပီး။ Cond တစ္ခုနဲ႔တစ္ခု မတူတာေၾကာင့္ ဒီနည္းက ပုိၿပီးရွင္းလင္းတယ္လုိ႔ ထင္ၿပီး ထပ္မွ်ေ၀ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင္းပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ Cond လည္းထားေပးပါတယ္။  ဒီ Flash Animated Label Cloud Widget နဲ႔ ပတ္သတ္တဲ့ အေသးစိတ္အေၾကာင္းအရာကုိိ သိခ်င္ရင္ ေတာ့ <a href="http://www.roytanck.com/2008/05/19/how-to-repurpose-my-tag-cloud-flash-movie/" target="_blank">ဒီေနရာေလးမွာ</a> ေလ့လာနုိင္မွာျဖစ္ပါတယ္။ 
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZSNU5XS40mKx-Cdg5X3jeT2PSX2oY-7HXAC-gTrHNyoFDktoK96O-fCWuaqXnUk1pyIWNrm3FVJ1mm5xOQKFOyNngweetNGsUhcjfxQ-MovYZFmIRZ8ovKIf3aIy8YyEh34kmRbnF5Y/s1600/label.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZSNU5XS40mKx-Cdg5X3jeT2PSX2oY-7HXAC-gTrHNyoFDktoK96O-fCWuaqXnUk1pyIWNrm3FVJ1mm5xOQKFOyNngweetNGsUhcjfxQ-MovYZFmIRZ8ovKIf3aIy8YyEh34kmRbnF5Y/s1600/label.png" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/mrthangming-posts-title.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
၂။ Layout<br />
<br />
၃။ Add a Gadget<br />
<br />
၄။ HTML/JavaScript<br />
<br />
၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><div id="NBTFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.mrthangming.blogspot.com/">NBT</a></p></div>  <script type="text/javascript">  /*<![CDATA[*/  var NBTFlashLabelSettings = {      blogurl        : "ဤေနရာေလးမွာ မိမိ၏ ဘေလာ့လိပ္စာထည့္ေပးပါ",      color          : "545413",      hoverColor     : "210e6e",      backgroundColor: "FFFFFF",      size             : 12,      speed         : 100,      width          : 320,      height         : 250,      transparency   :true  };  /*]]>*/  </script>  <script type="text/javascript" src="http://mr-thangming.googlecode.com/files/MTM-Blog-Label.js"></script>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ေလးကုိနုိပ္ေပးလုိက္ပါ။</div>
<div>
<br /></div>
<div>
<span style="font-size: x-large;"><b>မွတ္ခ်က္။   ။</b></span> <span style="color: blue;">{      blogurl        : "ဤေနရာေလးမွာ မိမိ၏ ဘေလာ့လိပ္စာထည့္ေပးပါ"</span> ေနရာမွ မိမိ၏ ဘေလာ့ လိပ္စာ ထည့္ေပးပါ။ ဥပမာ_ <a href="http://www.mrthangming.blogspot.com/">http://www.mrthangming.blogspot.com/</a>  လုိ႔ထည့္ေပးရပါမယ္။</div>
<br />
<br /></div>

How To Add Flash Animated Label Cloud Widget To Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတစ္ေယာက္က Comment Box မွာေတာင္းဆုိထားတဲ့ Label(ပုိ႔(စ္)အမ်ဳိးအစားေတြ ကုိ Flash Animated ျဖင့္ ထ...

Advanced Popup Facebook like, Twitter follow & Email Subscribe Box widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္အသုံး၀င္မည့္ Facebook like, Twitter follow & Email Subscribe Box widget ေလးကုိတင္ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတာ့မွာပါ။ မသိရွိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္မွ်ေ၀ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo(နမူနာ) သြားၾကည့္လုိ႔ရေအာက္ Link{လင့္(ခ္)} နွင့္ တကြ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။ ဤနည္းလမ္း အတြက္ အဆင္မေျပတာေလးေတြရွိခဲ့ရင္ Comment မွာ ေမးလုိ႔ရပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkU22o_bGcJPDPjB5ndqEpAZZqKHhv_RXufE9OcxU1U23IeXSn5Ha_KM5_4PdpqqD8fXgouE92a_Q3wVrdGEhbG8D8gXWuyrgAcoo5diEpYn0f2iayh4-rryS9FC6umyqvoyxYZs4CYDI/s1600/social.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkU22o_bGcJPDPjB5ndqEpAZZqKHhv_RXufE9OcxU1U23IeXSn5Ha_KM5_4PdpqqD8fXgouE92a_Q3wVrdGEhbG8D8gXWuyrgAcoo5diEpYn0f2iayh4-rryS9FC6umyqvoyxYZs4CYDI/s1600/social.jpg" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/advanced-popup-facebook-like-twitter.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
၂။ Layout<br />
<br />
၃။ Add a Gadget<br />
<br />
၄။ HTML/JavaScript<br />
<br />
၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><link type='text/css' rel='stylesheet' href='https://googledrive.com/host/0B68pyTcm3IVfQ1ltY0lJRkY4RzQ'><style>#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;}#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}.box-title {color: #0066B3;background: #fff !important;font-size: 18px !important;font-weight: bold;margin: 10px 0;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}.box-tagline {color: #999;margin: 0;text-align: center;}#subs-container {padding: 35px 0 30px 0;position: relative;}a:link, a:visited {border:none;}.demo {display:none;}.box-title1 {border:1px solid #ddd;background: #fff !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px; margin:10px 0;}.enteryouremail{background: #fff!important;border: 1px solid #d2d2d2;padding: 0px 8px 0px 8px;color: #a19999; font-size: 12px;height: 25px; width: 165px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;margin:0px;}.submitbutton{background:#0066B3;border: 1px solid #0066B3;text-shadow: 1px 1px 1px #333;box-shadow: 3px 3px 3px #666;font:bold 12px Arial, sans-serif;color: #fff;height: 25px;padding: 0 12px 0 12px;margin: 0 0 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src='http://mr-thangming.googlecode.com/files/MrThangMing.js'></script><script type='text/javascript'>jQuery(document).ready(function(){if(document.cookie.indexOf('visited=false')==-1){var fifteenDays=1000*60*60*24*15;var expires=new Date((new Date()).valueOf()+fifteenDays);document.cookie="visited=true;expires="+expires.toUTCString();$.colorbox({width:"400px",inline:true,href:"#subscribe"})}});</script><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<p style="line-height:4px;" ><b>?</b></p></h3></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftmblogtechnology&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=175" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:175px;" allowtransparency="true"></iframe></center><div style="width:350px; border-top:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-top:5px;"><iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 266px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1347008535.html#_=1351358237637&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=johnthangming&amp;show_count=true&amp;show_screen_name=true&amp;size=m" allowtransparency="true" frameborder="0" scrolling="no"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div><div class="box-title1 "><center><h3 style="color:#0066B3;"><b>You Can also Receive Free Email Updates:</b></h3><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="mrthangming" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/></form></center></div><p style=" float:right; margin-right:5px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://mrthangming.blogspot.com/2013/04/advanced-popup-facebook-like-twitter.html">MTM</a></p></div></div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ေလးကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။   ။</b></span> (၁) www.facebook.com%2F<a href="http://www.facebook.com/tmblogtechnology" target="_blank" title="Relace Your Name">tmblogtechnology</a><br />
<br />
                                    (၂) screen_name=<a href="http://twitter.com/johnthangming" target="_blank" title="Relace Your Name">johnthangming</a><br />
<br />
                 (၃) http://feedburner.google.com/fb/a/mailverify?uri=blogspot/<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming" target="_blank" title="Relace Your Name">mrthangming</a><br />
<br />
အေပၚက ျပထားတဲ့ ေနရာေတြမွာ မိမိ၏ အမည္နဲ႔ ေျပာင္းေပးလုိက္ပါ။</div>

Advanced Popup Facebook like, Twitter follow & Email Subscribe Box widget For Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္အသုံး၀င္မည့္ Facebook like, Twitter follow & Email Subscribe Box widget ေလးကုိတင္ေပ...

Mr ThangMing

ဘေလာ့မွာ Label မ်ားကုိ Flash Animated ပုံစံ သုံးၾကည့္ရေအာင္

How To Add Go To Top/Bottom Buttons Using JQuery In Blogger

Don't Forget To Join Our Community Popup Widget for Blogger

Static Like us on Facebook Pop Out Widget for Blogger

How To Add Flash Twitter Follow Me Buttons To Blogger

Add 3 In 1 Slide Out Follower Box Widget To Blogger

Auto Scrolling/Ticker Recent Post Widget With Thumbnils For Blogger

How To Add jQuery Slide Out Social Sharing Box Widget To Blogger

The Best Table of Contents or Sitemap for Blogger

ဘေလာ့မွာ အျခား webSite Link မ်ား၏ Cond ထည့္နုိင္မယ့္ iframe generator

Number Page Navigation For Blogger

How To Add Awesome Random Post widget to blogger

How To Add 3 In 1 Slide Out Social Subscribing Widget To Blogger

How to Add 5 in 1 Slide Out Social Subscribing Widget to Blogger

How To Add Flash Animated Label Cloud Widget To Blogger

Advanced Popup Facebook like, Twitter follow & Email Subscribe Box widget For Blogger

Activity Find

Labels

Archives