Mr ThangMing: Subscribe Box

Spraying animated subscription buttons widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ တင္ေပးလုိက္တဲ႔ ဘေလာ့ နည္ပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ အရမ္းကုိလန္းၿပီး လွပေနတဲ့ Spraying Animated Subscription Buttons Widget ေလးကုိ ဘေလာ့မွာ ထည့္သုံးခ်င္တဲ့ ဘေလာ့ မိတ္ေဆြမ်ားအတြက္ မွ်ေ၀ေပးလုိက္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိပလည္း ေမွ်ာ္လင့္ထားပါတယ္။ က်ေနာ္ တင္ေပလ်က္ရွိေသာ နည္းပညာမ်ားတြင္ အသုံးျပဳမိ၍ Errors(မွားယြင္းခ်က္မ်ား) ရွိေနပါက Comments Box မွာ အသိေပးသြားပါလုိ ခ်စ္တဲ့ဘေလာ့မိတ္ေဆြမ်ားကုိ ေမတၱာရပ္ခံ ပါရေစ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mlyznKK4J-RUuZo4qU9qC59Wdo-k9zsStDXJn0Ku761o9wpB3giMx51MGeVRNlUbsTZD5-SzpSOob5Xr495XAncvJ2batTXeuH2UVdsMowtG8gfVaxEi_3zIhbpFDD7dyHiIp4tewH0/s1600/Untitled_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mlyznKK4J-RUuZo4qU9qC59Wdo-k9zsStDXJn0Ku761o9wpB3giMx51MGeVRNlUbsTZD5-SzpSOob5Xr495XAncvJ2batTXeuH2UVdsMowtG8gfVaxEi_3zIhbpFDD7dyHiIp4tewH0/s1600/Untitled_1.gif" /></a></div>
<br />
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ ေအာက္က Generator Setting ထဲက Social Link မ်ားကုိ မိမိအသုံးျပဳတဲ့ Social Link မ်ားနဲ႔ ေျပာင္းေပး ဖုိ႔မေမ့ၾကပါနဲ႔။<br />
<br />
၃။ အလုံးအဆင္ေပၿပီးဆုိရင္ <span style="background-color: lime;">Generate Button</span> ကုိနွိပ္ၿပီး <span style="background-color: #0b5394;">Preview</span> ၾကည့္ႏုိင္သလုိ <span style="background-color: yellow;">Add To Blogger Button</span> ကုိ နွိပ္၍ မိမိဘေလာ့ ထဲသုိ႕ ထည့္သြင္းနုိင္ပါတယ္။<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="880px" marginheight="0px" marginwidth="0px" name="5 in 1 Slide Out Social Subscription Widget" scrolling="no" src="https://dl.dropboxusercontent.com/s/15slvn3yec8u5cj/Spraying%20animated%20subscription%20buttons%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>

Spraying animated subscription buttons widget For Blogger

ဒီေန႔ တင္ေပးလုိက္တဲ႔ ဘေလာ့ နည္ပညာ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ အရမ္းကုိလန္းၿပီး လွပေနတဲ့ Spraying Animated Subscription Buttons Widget ေလးကုိ...

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 ေလးကုိထည့္...

Mr ThangMing

Spraying animated subscription buttons widget For 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

Activity Find

Labels

Archives