Mr ThangMing: Followers widget

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 ေလးထည့္ခ်င္တ...

Javascript Floating Facebook LikeBox Widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ အခုမွ Blogger ကုိ စေလ့လာၾကေသာ မိတ္ေဆြမ်ားအတြက္ ဘေလာ့ဆုိဒ္ ေအာက္ညာဘက္ ေဒါင့္မွာ Facebook Like Box ေလးထည့္နည္းကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ထားပါတယ္။ ကဲ လုိသူေတြအတြက္ ေအာက္မွာ Generator Tools ျဖင့္ အလြယ္ဆုံးထည့္လုိ႔ရေအာင္ တင္ေပးလုိက္ပါတယ္။<br />
<br />
<div class="hidepic" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij3u9kcPwmUcYWyLyjRrpT6nEMCJ1sGNZ0cKw4p-frfelqhkhYAQ7UrZFecQZIVBWedqhyphenhyphen_ideF9kSFCAqzSJFzDaFgg5OQPEmyBaEoYiiK9KZ97x9KeQOEO38_cv3rT9JDTjKrKKlM-Y/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij3u9kcPwmUcYWyLyjRrpT6nEMCJ1sGNZ0cKw4p-frfelqhkhYAQ7UrZFecQZIVBWedqhyphenhyphen_ideF9kSFCAqzSJFzDaFgg5OQPEmyBaEoYiiK9KZ97x9KeQOEO38_cv3rT9JDTjKrKKlM-Y/s1600/images.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbP-ezKVI5-TI4YhfwJXDI5GnKFSzsu1fGlthIaVdd89c_CSlPKlGw-buDyulUzLoH-_vfmjwGu5RpjMKAkPo_iC8eebsoV96sUTnmSDSS-nHgVM74jHjHLyeH6ao4qiBa9V02TbVcsho/s1600/Javascript+Floating+Facebook+LikeBox_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbP-ezKVI5-TI4YhfwJXDI5GnKFSzsu1fGlthIaVdd89c_CSlPKlGw-buDyulUzLoH-_vfmjwGu5RpjMKAkPo_iC8eebsoV96sUTnmSDSS-nHgVM74jHjHLyeH6ao4qiBa9V02TbVcsho/s1600/Javascript+Floating+Facebook+LikeBox_1.gif" /></a></div>
၁။ မိိမိ၏ Facebook Fan Page URL/လင့္(ခ္) ထည့္ေပးပါ။<br />
<br />
၂။ <span style="background-color: white;">Background/</span><span style="background-color: white;">Badge Color နွင့္ likeBox Width မ်ားကုိ မိမိႀကဳိက္တုိင္းက် ျပင္ပါ။</span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">၃။ ၿပီးရင္ </span><span style="background-color: yellow;">Generate Button</span><span style="background-color: white;"> ကုိ ႏွိပ္ၿပီး </span><span style="background-color: yellow;">Preview</span><span style="background-color: white;"> ၾကည့္နုိင္သလုိ </span><span style="background-color: yellow;">Add To Blogger Button</span><span style="background-color: white;"> ေလးကုိ ႏွိပ္၍ ဘေလာ့မွာ ထည့္သြင္းလုိ႔ရပါတယ္။
<span style="background-color: white;"><br /></span></span></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="800px" marginheight="0" marginwidth="2" scrolling="no" src="https://dl.dropboxusercontent.com/s/9m5be546wtuqdow/Javascript%20Floating%20Facebook%20LikeBox%20Widget%20For%20Blogger.html" style="margin: 0px; padding: 0px;" width="100%"></iframe></div>

Javascript Floating Facebook LikeBox Widget For Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ အခုမွ Blogger ကုိ စေလ့လာၾကေသာ မိတ္ေဆြမ်ားအတြက္ ဘေလာ့ဆုိဒ္ ေအာက္ညာဘက္ ေဒါင့္မွာ Facebook Like...

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 ေလးထည့္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆ...

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 ေလးကုိတင္ေပ...

Add Wordpress Style Subscribe Box To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Wordpress Style Subscribe Box ထည့္နည္း/သုံးနည္း ေလးပါ။ ဒီ Wordpress Style Subscribe Box ေလးကုိထည့္ျခင္းအားျဖင့္
မိမိဘေလာ့ဆုိဒ္ေလးပုိၿပီးၾကည့္လုိ႔ေကာင္းသြားမွာ အမုန္ပါပဲ။ ဘေလာ့ဆုိဒ္ေလးကုိ ျမင္ကြင္းလွလွေလးထားခ်င္သူေတြအတြက္ အရမ္းကုိအဆင္ေျပပါတယ္။ သုံးရတာလည္း လြယ္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo(နမူနာ) သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ လုိအပ္တဲ့ Cond လည္းထားေပးပါတယ္။
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWoIPk8cKFoXL1jRsdHNZ4lShTooWEv8xgejcJxhOvG1Mxh0zKnL1yjJ-qNCkUmbgKP7ltfOSvo8RVlpVnixFy4QxVjlExhXleF51Uu7Cb6iQfqPU3fyhLQcFmHAdqXMBVs-9O_uPOPYs/s1600/socialbox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWoIPk8cKFoXL1jRsdHNZ4lShTooWEv8xgejcJxhOvG1Mxh0zKnL1yjJ-qNCkUmbgKP7ltfOSvo8RVlpVnixFy4QxVjlExhXleF51Uu7Cb6iQfqPU3fyhLQcFmHAdqXMBVs-9O_uPOPYs/s1600/socialbox.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/add-wordpress-style-nbt-subscribe-box.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>  .Subscribe-MrThangMing h6 {    background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6UViWy4BchTQp0oE2pe0b-pAsygUcJrbB3z4XKb2ALjB6fwEy0H68CUOHW8vqUsPeQtHpnOXriRL4brbq994HbEXL6U3NfCldxk6wxUpu8yI_KLH1d-Mz4sm5lJnVANfC-eHeK9oZQQ/s1600/NBT+Subscribe.png) no-repeat;    height:50px;    margin:0px 0 0px 0;    padding:0px 20px 0px 0px;    font-size:0px;    font-family:Sans-serif, Arial, Helvetica;    font-weight:bold;    text-transform:uppercase;    color:#ffffff;    text-shadow:0 1px 0 #fff;  }  ul.social {    list-style: none;    margin: 10px;    overflow: hidden;  }  .social li {    float: left;    background: none !important;    padding: 0 !important;    margin: 0 2px;  }  .social li a {    display: block;    width: 40px;    height: 40px;    background: url("http://4.bp.blogspot.com/-gANW8x7jzug/UGnr7YEermI/AAAAAAAABDY/pN1opxmSfwY/s1600/Subscribe+More+Blog+Tools+Social+Icons.png") no-repeat transparent;    text-indent: -99999em !important;    -webkit-transition: ease-in 0.15s all;    -moz-transition: ease-in 0.15s all;    -o-transition: ease-in 0.15s all;    -ms-transition: ease-in 0.15s all;    transition: ease-in 0.15s all;  }  .social li a:hover {    padding: 0 !important;  }  .social li.rssicon a {    background-position: 0 0;    border-right: 1px solid #e6e6e6;  }  .social li.twicon a {    background-position: -50px 0;    border-right: 1px solid #e6e6e6;  }  .social li.fbicon a {    background-position: -100px 0;    border-right: 1px solid #e6e6e6;  }  .social li.gicon a {    background-position: -150px 0;    border-right: 1px solid #e6e6e6;  }  .social li.yticon a {    background-position: -200px 0;  }  .social li.rssicon a:hover {    background-position: 0 -50px;    border-right: 1px solid #e6e6e6;  }  .social li.twicon a:hover {    background-position: -50px -50px;    border-right: 1px solid #e6e6e6;  }  .social li.fbicon a:hover {    background-position: -100px -50px;    border-right: 1px solid #e6e6e6;  }  .social li.gicon a:hover {    background-position: -150px -50px;    border-right: 1px solid #e6e6e6;  }  .social li.yticon a:hover {    background-position: -200px -50px;  }  .Subscribe-MrThangMing {    width: 300px;    float: left;  }  .Subscribe-MrThangMing .count {    color:#F17C18;    font-size: 14px;    font-weight: bold;    font-family: Helvetica, Arial;    height: 30px;    line-height: 30px;    vertical-align: middle;    width: 100%px;    padding: 0 0px 0 4px;    margin:0;  }  .Subscribe-MrThangMing .count span.bigcount {    color:#F17C18;    font-size: 24px;    font-family: Helvetica, Arial;    line-height: 39px;    vertical-align: middle;    margin:0px;    padding:10px 0px 0px 0;  }  .Subscribe-MrThangMing.subicons {    border-bottom: 1px solid #e6e6e6;    margin: 0px 0 0px 0;    float: left;    width: 100%px;    font-family: Helvetica, Arial;    font-size: 12px;  }  .Subscribe-MrThangMing .emailsub {    border-bottom: 0px solid #e6e6e6;    padding: 5px 0 0px 0;    float: left;    width: 100%;    font-family: Helvetica, Arial;  }  .Subscribe-MrThangMing .emailsub .emailicon {    background: url(http://1.bp.blogspot.com/-bv4Z3wxrQtc/UDReA7sQF8I/AAAAAAAAAxQ/CCeIAalllEc/s1600/Subscribe+More+Blog+Tools+Email.png) no-repeat 0 2px;    float: left;    padding: 0px 15px 10px 40px;    margin: 0 0 0 5px;    width: 300px;    line-height: 20px;    vertical-align: middle;    font-size: 14px;    color: #111;  }  .emailbutton {    background:#f7f8f9;    background:-webkit-gradient(linear, left top, left bottom, color-stop(#f7f8f9, 0), color-stop(#e9e9e9, 1));    background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);    background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);    background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);    background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9', endColorstr='#e9e9e9', GradientType=0);    border:1px solid #ddd;    -webkit-border-radius:4px;    -moz-border-radius:4px;    border-radius:4px;    padding:6px 12px;    margin:0;    -webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223, 223, 223, 0.4);    -moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223, 223, 223, 0.4);    box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223, 223, 223, 0.4);    color:#888;    text-shadow:0 1px 0 #fff;    line-height:1.2;    cursor:pointer;    font-size:13px;  }  .emailbutton:hover {    background:#f1f1f1;    background:-webkit-gradient(linear, left top, left bottom, color-stop(#f1f1f1, 0), color-stop(#e0e0e0, 1));    background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);    background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);    background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);    background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0', GradientType=0);    text-decoration:none !important;  }  .email {    clear:both;    width:100%;    margin:10px 0;  }  .emailform {    position:relative;    width:300px;    margin:0 auto;  }  .emailinput {    width:200px;    height:18px;    margin:0 auto;    padding:8px 40px 8px 10px;    border:1px solid #ddd;    -webkit-border-radius:4px;    -moz-border-radius:4px;    border-radius:4px;    font-family:georgia;    font-style:italic;    -webkit-box-shadow:1px 1px 2px #dfdfdf;    -moz-box-shadow:1px 1px 2px #dfdfdf;    box-shadow:1px 1px 2px #dfdfdf;    font-size:14px;    color:#666;  }  .emailbutton {    -webkit-border-top-right-radius:4px;    -webkit-border-bottom-right-radius:4px;    -moz-border-radius-topright:4px;    -moz-border-radius-bottomright:4px;    border-top-right-radius:4px;    border-bottom-right-radius:4px;    -webkit-border-top-left-radius:0px;    -webkit-border-bottom-left-radius:0px;    -moz-border-radius-topleft:0px;    -moz-border-radius-bottomleft:0px;    border-top-left-radius:0px;    border-bottom-left-radius:0px;    padding:9px;    position:absolute;    right:-2px;    top:0;    display:block;    line-height:16px;  }  .emailbutton {    padding:8px !important;  }  .emailform, .emailinput {    width:98% !important;    -webkit-box-sizing:border-box;    -moz-box-sizing:border-box;    box-sizing:border-box;    height:auto;  }  </style>  <br />

Email Subscription box by<a href="http://www.mrthangming.blogspot.com/">Mr ThangMing</a>  </div>

Subscribe Now!</h6>

<span class="bigcount">  <a href="http://feeds.feedburner.com/blogspot/mrthangming"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/blogspot/mrthangming?bg=F17C18&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a>  </span> Learn Pro Tricks daily</div>

<li class="twicon">  <a href="http://twitter.com/johnthangming" rel="nofollow" target="_blank">Twitter</a>        </li>

<li class="fbicon">  <a href="http://facebook.com/tmblogtechnology" rel="nofollow" target="_blank">FaceBook</a>        </li>

<li class="gicon">  <a href="https://plus.google.com/108100949889665305918" rel="nofollow" target="_blank">Google+</a>        </li>

<li class="yticon">  <a href="http://youtube.com/user/mrthangming" rel="nofollow" target="_blank">YouTube</a>        </li>

</ul>

</div>

<br />

</div>

<script type="text/javascript">      (function () {        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>    </div>

Receive Quality Tutorials Straight in your Inbox by submitting your Email ID below.</div>

</div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ေလးကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။    ။ </b></span>(၁) http://feeds.feedburner.com/blogspot/<a href="http://feeds.feedburner.com/blogspot/mrthangming" target="_blank" title="Replace Your Name">mrthangming</a> /<br />
<br />
(၂) http://feeds.feedburner.com/blogspot/<a href="http://feeds.feedburner.com/blogspot/mrthangming" target="_blank" title="Replace Your Name">mrthangming</a> /<br />
<br />
(၃) http://twitter.com/<a href="http://twitter.com/johnthangming" target="_blank" title="Replace Your Name">johnthangming</a>  /<br />
<br />
(၄) http://facebook.com/<a href="http://facebook.com/tmblogtechnology" target="_blank" title="Replace Your Name">tmblogtechnology</a> /<br />
<br />
(၅) https://plus.google.com/<a href="https://plus.google.com/108100949889665305918" target="_blank" title="Replace Your Name">108100949889665305918</a> /<br />
<br />
 (၆) http://youtube.com/user/<a href="http://youtube.com/user/mrthangming" target="_blank" title="Replace Your Name">mrthangming</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="Replace Your Name">mrthangming</a><br />
<br />
အေပၚက ျပထားတဲ့ ေနရာေတြမွာ မိမိ သုံးတဲ့ ID အမည္ နဲ႔ ေျပာင္းေပးဖုိ႔ မေမ့ၾကပါနဲ႔။

</div>

Add Wordpress Style Subscribe Box To Blogger

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Wordpress Style Subscribe Box ထည့္နည္း/သုံးနည္း ေလးပါ။ ဒီ Wordpress Style Subscribe Box ေလးကုိထည့္...

How to Add Google Plus Slide Out Hover Widget to Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Google Plus Slide Out Hover ေလးထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတာ့မွာပါ။ မသိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ လုိအပ္နုိင္တယ္ထင္လုိ႔ ထပ္မွ်ေ၀ေပးလုိက္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo(နမူနာ) သြားၾကည့္ လုိ႔ရေအာင္ Link(လင့္(ခ္)) နွင့္ တကြ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RLCnpSwL_zx_761p1dnRfjAOrjNG5K1cSkqrrFTByip8r5v12BKwvKHIfPB8RB3hXMDrYoTXysTk7EkZ2MG1GTrvnKZoLqy2WG-lzJP2eNPlD6nQXqPQJ_QCisM4ZoR7co5HX98a7J8/s1600/google.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RLCnpSwL_zx_761p1dnRfjAOrjNG5K1cSkqrrFTByip8r5v12BKwvKHIfPB8RB3hXMDrYoTXysTk7EkZ2MG1GTrvnKZoLqy2WG-lzJP2eNPlD6nQXqPQJ_QCisM4ZoR7co5HX98a7J8/s1600/google.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/how-to-add-google-plus-slide-out-hover.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>  .MTM-gplusslide {  <span class="Apple-tab-span" style="white-space: pre;">	</span>position: fixed;  <span class="Apple-tab-span" style="white-space: pre;">	</span>z-index:9;  <span class="Apple-tab-span" style="white-space: pre;">	</span>top: 100px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>left: 0;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-webkit-transition-duration: 1s;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-moz-transition-duration: 1s;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-o-transition-duration: 1s;  <span class="Apple-tab-span" style="white-space: pre;">	</span>transition-duration: 1s;  }  .MTM-gpluscontainer {  <span class="Apple-tab-span" style="white-space: pre;">	</span>height:270px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>width:291px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>border:2px solid #FF0000;  <span class="Apple-tab-span" style="white-space: pre;">	</span>;  <span class="Apple-tab-span" style="white-space: pre;">	</span>border-radius:5px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-moz-border-radius:5px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-webkit-border-radius:5px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>background:#dcdcdc;  <span class="Apple-tab-span" style="white-space: pre;">	</span>position: fixed;  <span class="Apple-tab-span" style="white-space: pre;">	</span>z-index:9;  <span class="Apple-tab-span" style="white-space: pre;">	</span>top: 100px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>left: -295px;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-webkit-transition-duration: 1s;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-moz-transition-duration: 1s;  <span class="Apple-tab-span" style="white-space: pre;">	</span>-o-transition-duration: 1s;  <span class="Apple-tab-span" style="white-space: pre;">	</span>transition-duration: 1s;  }  .MTM-gplusslide:hover {  <span class="Apple-tab-span" style="white-space: pre;">	</span>left:295px;  }  .MTM-gplusslide:hover .MTM-gpluscontainer {  <span class="Apple-tab-span" style="white-space: pre;">	</span>left: 0;  }  </style>  <div class="MTM-gplusslide">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOIrTTrCxQwxNJ1FyAGTOw2-1TEwA5PeOsnh7wV_Og7DY2mFcH3KHJhMUYyfo1VeTtCfuAl39VMRk-pdrHsHplU2yVf0vfu1acpVj593a8L9KM-aE8li9vHMp5NA2KvyKXjAYnHbbQGnk/s1600/GP-Slide.png" />    <div class="MTM-gpluscontainer">  <center><b><span style="background-color: red; color: white;">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;Add Me In Your Circle &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</span></b> <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><center><span style="font-size: x-small;"><a href="http://mrthangming.blogspot.com/2013/04/how-to-add-google-plus-slide-out-hover.html">Get This</a></span></center></div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
<span style="font-size: large;"><b>မွတ္ခ်က္။   ။</b></span>https://plus.google.com/<a href="https://plus.google.com/u/0/108100949889665305918/posts">108100949889665305918</a> ေနရာမွာ မိိမိ၏ Google Plus ID ကုိ ထည့္ေပးလုိက္ပါ။ Google Plus ID ကုိ မရွာတတ္တဲ့ မိတ္ေဆြေတြရွိခဲ့ရင္ ေအာက္ပုံ ကုိၾကည့္ပါ။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhovi573X20TO8BWHewdbhyphenhyphenw5kfAHF1XRJbbCLG8g4ED_4sNW14gbC0LbflZ1WvkIQv0JgDn5zvYSSlvmAMG0IGSwiy8dgoDh86kRDMuZqZNLbPOgK6V6Jjk7vcCBrm5wiIdRu_u05tvOI/s1600/plus.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhovi573X20TO8BWHewdbhyphenhyphenw5kfAHF1XRJbbCLG8g4ED_4sNW14gbC0LbflZ1WvkIQv0JgDn5zvYSSlvmAMG0IGSwiy8dgoDh86kRDMuZqZNLbPOgK6V6Jjk7vcCBrm5wiIdRu_u05tvOI/s1600/plus.jpg" /></a></div>
<br />
<br /></div>

How to Add Google Plus Slide Out Hover Widget to Blogger

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Google Plus Slide Out Hover ေလးထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတာ့မွာပါ။ မသိေသ...

Create Wordpress Subscription Form For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ Wordpress Subscription Widget ေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြမ်ားလည္း မ်ားေတာ့မွာပါ။ ဒါေပမယ့္ မသိေသးတဲ့ မိတ္ေဆြမ်ားအတြက္ေတာ့ အခက္အခဲ ရွိနုိင္ပါတယ္။ ဒါေၾကာင့္ ထပ္တင္ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ ရေအာင္ link နဲ႔ တကြ လုိအပ္တဲ့ Cond ကုိလည္း ေပးထားပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-PWGdSm_lwFc2ZXR-7ec653kxZbXim3twA0oo435SV9jLsKqPeLkvImw3sMzIFGhN3r5ztirzKBnv5m6yCofEfNEOkXHevvhPzxlvQPP6QLkRNgTwYvu-9_rLEoB1CEn24U5gAe5dzCk/s1600/FBLIKE%257E1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-PWGdSm_lwFc2ZXR-7ec653kxZbXim3twA0oo435SV9jLsKqPeLkvImw3sMzIFGhN3r5ztirzKBnv5m6yCofEfNEOkXHevvhPzxlvQPP6QLkRNgTwYvu-9_rLEoB1CEn24U5gAe5dzCk/s1600/FBLIKE%257E1.PNG" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/02/Cool-Subscribe-Gadget.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 type="text/css">

.abtbar{width:300px;float:left;background:#FFF top no-repeat;margin:0 0 10px;padding:10px;border:0px solid #DDD;}.abtbar .abt-credit{}.abtbar .abt-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.abtbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP39mf9Zc_493zY3HM69rIuH5eMikVRB79xH4c8lZu8NiQKuwiTu9SP4x8qFzYiUg9ANEg6VWZIBUZmfQISi0awVK_62LhyttNW1HTTIs9TMsquWn1Yia_rHc_80avi0f1ovYeBsrTOOg/s1600/%5Bwww.internetricks4u.blogspot.in%5DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.abtbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.abtbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.abtbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.abtbar .subicons a{text-decoration:none;color:#333333;}.abtbar .subicons a:hover{text-decoration:underline;color:#333333;}.abtbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.abtbar .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.abtbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:320px;float:left;}.abtbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.abtbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}

</style><div class="abtbar">

</h2>

<span class="bigcount"></span>Learn Free Pro Tricks daily </div>

&nbsp;<a href="http://feeds.feedburner.com/mrthangming" rel="nofollow" target="_blank">  RSS</a></div>

&nbsp;<a href="https://plus.google.com/108100949889665305918" rel="author" target="_blank"> G+</a></div>

&nbsp;<a href="http://www.facebook.com/tmblogtechnology" rel="nofollow" target="_blank">FB</a></div>

&nbsp;<a href="https://twitter.com/johnthangming" rel="nofollow" target="_blank">Tw</a></div>

</div>

Receive Our All Updates  In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.</div>

</div>

</div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save ကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
<b><span style="font-size: large;">မွတ္ခ်က္။    ။</span></b>(၁) http://feeds.feedburner.com/<a href="http://feeds.feedburner.com/mrthangming" target="_blank">mrthangming</a> (၂) https://plus.google.com/<a href="https://plus.google.com/108100949889665305918" target="_blank">108100949889665305918</a> (၃) http://www.facebook.com/<a href="http://www.facebook.com/tmblogtechnology" target="_blank">tmblogtechnology</a> (၄) https://twitter.com/<a href="https://twitter.com/johnthangming" target="_blank">johnthangming</a> (၅) http://feedburner.google.com/fb/a/mailverify?uri=blogspot/<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming" target="_blank">mrthangming</a> ဒီေနရာေတြမွာ မိမိသုံးတဲ့ အမည္နဲ႔ အစားထုိးေပးလုိက္ပါ။</div>

Create Wordpress Subscription Form For Blogger

ဒီေန႔ တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ Wordpress Subscription Widget ေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြမ်ားလည္း မ်ားေတာ့မွာပါ။ ဒါေပမယ့္ မသိေသးတဲ့ မိတ္ေဆ...

How To Add Awesome Custom Facebook Like Box To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီိေန႔တင္ေပးတဲ့ ပုိ႔ေလးကေတာ့ Blog မိတ္ေဆြမ်ားအတြက္ Facebook Like Box ေလးကုိ လွလွပပ နဲ႔ Size ေသးငယ္ေအာင္ ထည့္နည္း/လုပ္နည္းေလးပါ။ ဒီလုိပုံစံထည့္ခ်င္အားျဖင့္ ကုိယ့္ရဲ႕ Site ေတြမွာ Widget ေတြပုိလွေစပါတယ္။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္း မ်ားေတာ့မွာပါ။ မသိေသးတဲ့ မိတ္ေဆြေတြ အခက္အခဲမျဖစ္ေအာင္ လုိတာထက္ပုိ တင္ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နွင့္ တကြ လုိအပ္တဲ့ Cond ကုိလည္း ထားေပးပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFmKADT7NsGEWfsApyVzRGLYGVWKjZrik3EGY6p9-tySpD1DuXsBo2dvpd1-s1kg9ySeLybu-bAMIJ7D0wa-RVBGqDHo8ksW3yaAdztvQ3WTEbL3skKVIV5Rs_TutPt6uM0KpYX6K8Ek/s1600/FBLIKE~1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFmKADT7NsGEWfsApyVzRGLYGVWKjZrik3EGY6p9-tySpD1DuXsBo2dvpd1-s1kg9ySeLybu-bAMIJ7D0wa-RVBGqDHo8ksW3yaAdztvQ3WTEbL3skKVIV5Rs_TutPt6uM0KpYX6K8Ek/s1600/FBLIKE~1.PNG" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/01/views-mrthangming-blogger-technology.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"><center>

width: 320px;

height: 150px;

border-radius: 3px;

position: relative;

background-color:#f4f4f4;

padding:5px 10px 15px 0;

}

.mrthangmingfb, .mrthangmingfb:before, .mrthangmingfb:after {

background: #f4f4f4;

border: 1px solid #ccc;
}
.mrthangmingfb:before, .blogtrixfb:after {

content: "";

position: absolute;

bottom: -3px;

left: 2px;

right: 2px;

height: 1px;

border-top: none;

}

.mrthangmingfb:after {

left: 4px;

right: 4px;

bottom: -5px;

box-shadow: 0 0 2px #ccc;

}

</style>

<fb:like-box class=" fb_iframe_widget " data-border-color="#f4f4f4" data-header="false" data-height="250" data-show-faces="true" data-stream="false" data-width="300" href="https://www.facebook.com/tmblogtechnology"><iframe class="fb_ltr" id="f5741c08" name="fdd6ca2ec" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.tmblogtechnology.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=300&amp;href=https%3A%2F%2Fwww.facebook.com%2Ftmblogtechnology&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=320" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; height: 250px; overflow-x: hidden; overflow-y: hidden; width: 320px;"></iframe></fb:like-box>

</div>

</div>

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script></center>

</div>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Template ကုိနုိပ္ေပးလုိက္ပါ။<br />
<br />
<b><span style="font-size: large;">မွတ္ခ်က္။   ။</span></b> https://www.facebook.com/<a href="http://www.facebook.com/tmblogtechnology" target="_blank">tmblogtechnology</a> ေနရာမွာ မိမိ၏ FB အမည္နဲ႔ အစားထုိးေပးပါ။ ၿပီးရင္ height="250 /width="300" ေတြကုိလည္း မိမိႀကဳိက္သလုိ Size ျပင္နုိင္ပါတယ္။</div>

How To Add Awesome Custom Facebook Like Box To Blogger

ဒီိေန႔တင္ေပးတဲ့ ပုိ႔ေလးကေတာ့ Blog မိတ္ေဆြမ်ားအတြက္ Facebook Like Box ေလးကုိ လွလွပပ နဲ႔ Size ေသးငယ္ေအာင္ ထည့္နည္း/လုပ္နည္းေလးပါ။ ဒီလုိပုံစံ...

How To Add Floating Follow and Dashboard Button To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ ညာဘက္ေဒါင့္မွာ Follow နွင့္ Dashboard Button(ခလုဒ္) ေလးေတြ ထည္းနည္း/ထားနည္း ေလးပါ။ ဒီနည္းေလးကုိေတာ့ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္း မ်ားေတာ့မွာပါ။ ဒါေပမယ့္ မသိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္မွ်ေ၀ ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ link ႏွင့္ တကြ Cond လည္းထားေပးပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRCLzL0p0HK7AGmLZyD2OhjtsbEzho5XrGfKQ1m9LC78lje9KcAEQMc8CCO-6k3jidxQ-vBjwiCqcQfsYRLtt4yhS495Rwn5FtFHdsAOxoxy7zbrdEEP8lpVWrFolb8hdDt8PYfOSn70/s1600/Follow+widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRCLzL0p0HK7AGmLZyD2OhjtsbEzho5XrGfKQ1m9LC78lje9KcAEQMc8CCO-6k3jidxQ-vBjwiCqcQfsYRLtt4yhS495Rwn5FtFHdsAOxoxy7zbrdEEP8lpVWrFolb8hdDt8PYfOSn70/s1600/Follow+widget.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://mrthangmingblog.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"><div style="position: fixed; top: 5px; right: 95px;">
<a class="mrthangming" href="http://www.blogger.com/follow-blog.g?blogID=2916089543577427564" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a>
</div>
<div style="display:scroll; position:fixed; top:5px; right:5px;">
<a class="mrthangming" href="http://www.blogger.com/home" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a>
</div>
</pre>
<b><span style="font-size: large;"><br />
</span></b> <b><span style="font-size: large;">မွတ္ခ်က္။  ။</span></b> 2916089543577427564 ေနရာမွာ မိမိ၏ Blogger ID နဲ႔ လဲေပးလုိက္ဖုိ႔ မေမ့ၾကပါနဲ႔ေနာ္။<br />
<br />
ဒီ Blogger ID ေလးကုိ မယူတတ္တဲ့ မိတ္ေဆြေတြအတြက္ ေအာက္တြင္ ပုံနွင့္ တကြ အနည္းငယ္ျပေပးလုိက္ပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzNENNPjGBmCPCXkPqzU-mTP8JwXxH8ySqxEiKxeq6UzwEQ8u-WJktocK5HUTHNOaQcuQkttSz1B6g-GB4O6tIkRRjeAkRe18wDvmUkPGqNoHehZFu94BlRMrJTHG0RoRXGeYYe05akHA/s1600/post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzNENNPjGBmCPCXkPqzU-mTP8JwXxH8ySqxEiKxeq6UzwEQ8u-WJktocK5HUTHNOaQcuQkttSz1B6g-GB4O6tIkRRjeAkRe18wDvmUkPGqNoHehZFu94BlRMrJTHG0RoRXGeYYe05akHA/s1600/post.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3IRwS2tt_ezIe7zDhisfKZPAS0wM8z2HA67d6LDQ6JSdcp4uIwRhNUmbkbDOBsHTqCKhJRy0bjxF41Qy5YkoJMwldA2lZDCP0Tea3SQfzILtdr4B0ezUswAJSxlqPLnGH83sm0DVbOcU/s1600/cond.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3IRwS2tt_ezIe7zDhisfKZPAS0wM8z2HA67d6LDQ6JSdcp4uIwRhNUmbkbDOBsHTqCKhJRy0bjxF41Qy5YkoJMwldA2lZDCP0Tea3SQfzILtdr4B0ezUswAJSxlqPLnGH83sm0DVbOcU/s1600/cond.png" /></a></div>
</div>

How To Add Floating Follow and Dashboard Button To Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ ညာဘက္ေဒါင့္မွာ Follow နွင့္ Dashboard Button(ခလုဒ္) ေလးေတြ ထည္းနည္း/ထားနည္း ေလးပါ။ ဒီနည္းေလးကုိေတာ့ သိၿ...

Mr ThangMing

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

Javascript Floating Facebook LikeBox Widget For 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

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

Add Wordpress Style Subscribe Box To Blogger

How to Add Google Plus Slide Out Hover Widget to Blogger

Create Wordpress Subscription Form For Blogger

How To Add Awesome Custom Facebook Like Box To Blogger

How To Add Floating Follow and Dashboard Button To Blogger

Activity Find

Labels

Archives