ဘေလာ့မွာ လွပတဲ့ Social Widget ေလးေတြကို CSS3 နဲ႕ အလွဆင္ထားၾကမယ္

မဂၤလာပါ သည္ေန႕ ေရးျဖစ္တာေလးကေတာ့ ဘေလာ့မွာ Social Widget ေလးေတြ ကိုပုံေလးနဲ႕

လွပေသသပ္စြာ ထားနိဳင္မဲ့ နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္... မိမိတို႕ရဲ႕ Facebook ေတြ Twitter ေတြ

Google Plusin ေတြကို ပုံေလးေတြ နဲ႕ ဆိုဒ္ဘားမွာ ေသသပ္စြာ ထားရွိ ျခင္းနည္းလမ္းေလးပါ..

ေအာက္မွာ ေသျခာ ရွင္းျပ ျပီး လိုအပ္တဲ့ ကုဒ္ေတြပါ ေပးလိုက္ပါတယ္ေနာ္ လုပ္ၾကည့္လိုက္ပါေနာ....

 ►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

  ]]></b:skin>  ကုဒ္ကိုရွာပါ.... သည္ကုဒ္မွာ ျပႆနာ ခဏခဏျဖစ္ပါတယ္ ရွာမရတဲ့ျပႆနာေပါ့

ဒါကို ေသျခာရွင္းျပပါ့မယ္  သူက တက္ပလက္ အသစ္ေျပာင္းလိုက္တဲ့ခါမွာ အရင္ကလို ကုဒ္ဒင္းေတြ ရွာေဖြ ရမလြယ္ေတာ့ပါဘူး  အေၾကာင္းကေတာ့ တက္လက္မွာ အတြင္းပိုင္းကုဒ္ေတြကို ေခါက္ထားလို႕ပါဘဲ အဲေတာ့ ကိုယ္လိုျခင္တာ ေရးရွာတာနဲ႕ ထြက္မလာတတ္ပါ

တတ္ပါဘူး ဒါကိုက်ေနာ္တို႕ နည္းလမ္ သုံးၾကည့္ရပါတယ္    ]]></b:skin>  သည္ကုဒ္အတိုင္းရွာမရပါဘူး  သည္ေတာ့ b:skin  ဆိုတာေလးကိုဘဲ ေရးထည့္ရွာၾကည့္ပါ...

ေတြ႕မွာ ေသျခာပါတယ္ ေတြ႕တဲ့ခါ  ေဘးမွာ မွ်ားအနက္ေလးနဲ႕ ေတြ႕မယ္ အဲမွ်ားကိုကလစ္လုိက္ျခင္းျဖင့္

သူေခါက္ထားတဲ့ ကုဒ္ေတြကို ျဖန္႕လုိက္တာျဖစ္ပါျပီ ဒါဆို ကိုယ္လိုျခင္တဲ့ ကုဒ္တိုင္း ေရးရွာနိဳင္ပါျပီေနာ္..

ေတြ႕ျပီဆိုတာနဲ႕  သူ႕အေပၚကပ္လွ်က္  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြ ကို copy ယူျပီးထည့္ေပးလိုက္ပါ။

             /* Start CSS X-Gen Sosial Media Button */ #xgen-socmed{ margin:5px auto;width:220px;} .xgen-fb{float:left;background:#254dfd;padding:20px 5px;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;margin:7px;width:40px;max-height:20px;text-align:center;border-top:5px solid #0121b1;border-right:5px solid #0121b1;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;} .xgen-fb:hover{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .xgen-fb a:link{font-weight:700;font-size:50px;color:#fff;text-decoration:none} .xgen-fb a:visited{font-weight:700;font-size:50px;color:#fff;text-decoration:none} .xgen-tweet{float:left;background:#00cae8;padding:20px 5px;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;margin:7px;width:40px;max-height:20px;text-align:center;border-top:5px solid #006f7f;border-right:5px solid #006f7f;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;} .xgen-tweet:hover{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .xgen-tweet a:link{font-weight:700;font-size:50px;color:#fff;text-decoration:none} .xgen-tweet a:visited{font-weight:700;font-size:50px;color:#fff;text-decoration:none} .xgen-gplus{float:left;background:#313232;padding:12px 5px 28px 5px;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;margin:7px;width:40px;max-height:20px;text-align:center;border-top:5px solid #000;border-right:5px solid #000;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;} .xgen-gplus:hover{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .xgen-gplus a:link{font-weight:700;font-size:50px;color:#fff;text-decoration:none} .xgen-gplus a:visited{font-weight:700;font-size:50px;color:#fff;text-decoration:none} /* end */

ဒါဆို မိမိတို႕ တက္ပလက္ကို ရဲရဲ ၀ံ႕၀ံ႕ ေဆ့လိုက္ပါေနာ္..မွားေတာ့ျပန္ဖ်က္တာေပါ့...ေိေိေိ...စတာ

ေနာက္တဆင့္ကေတာ့ အရမ္းလြယ္ပါျပီ.....ေနာ္  ေအာက္ကတိုင္းသြားလိုက္ပါ

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<!-- Start HTML X-Gen CSS Button -->
<div id="xgen-socmed">
<div class="xgen-fb">
<a href="Link Facebook">f</a>
</div>
<div class="xgen-tweet">
<a href="Link Twitter">t</a>
</div>
<div class="xgen-gplus">
<a href="Link Google Plus">g</a>
</div>
</div>
<!-- End -->

သည္လိုထည့္တဲ့ခါ ကုဒ္ထဲမွာ ပါတဲ့အစိမ္းေရာင္ကာလာေတြျဖစ္တဲ့ 
"Link Facebook" ေနရာမွာ မိမိတို႕ fb link ထည့္ေပးလိုက္ပါ။
"Link Twitter" ေနရာမွာ လည္းထို႕နည္းတူပါဘဲ လင့္အစားထိုးေပးပါ။
"Link Google Plus" ေနရာကိုလည္းအထက္ကနည္းတိုင္း ပါဘဲေနာ္..
ဒါဆို လွပေသသပ္တဲ့  ပုံေလးေတြနဲ႕အတူ ေတြ႕ျမင္ရမွာ ျဖစ္ပါတယ္ေနာ္....

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ   

Read More

ဘေလာ့ေတြမွာ Share ေလးေတြ လွပစြာ ထားမယ္ဆို လုပ္နည္းေလးပါ

သည္နည္းပညာေလးကေတာ့... မိမိတို႕ဘေလာ့အတြက္ အရမ္းလိုအပ္တဲ့နည္းပညာေလးျဖစ္မယ္လို႕ ေမွ်ာ္လင့္ပါတယ္.. ဘေလာ့အတြက္ fb like ေလး share ေလး  Printer ေလးေတြကို အကုန္ပါ၀င္ေစတဲ့ ရွယ္ေလးတစ္ခုပါ...ေသျခာရွင္းျပအပါ့မယ္...

လုပ္မယ္ဆို  ပထမဆုံး   သည္ေနရာ   ေလးကိုသြားလိုက္ပါ။

အဲမွာဘဲ Create Account ဆိုတာကလစ္လုိက္ပါ.....

အေကာင့္၀င္ျပီးးတာနဲ႕..လုပ္စရာေလးေတြ ဆက္လုပ္ၾကမယ္..ေနာ္ ၾကည့္လုိက္ပါ

အဲလိုေလးေတြ႕ရမယ္.. အဲမွာ Blogger ဆိုတာကို ကလစ္ျပီး

  မိမိတို႕ စိတ္ၾကိဳက္ဒီဇိုင္းေလးကို ေရြးခ်ယ္ေပးလိုက္ပါ။  ျပီးတာနဲ႕  ညာဘက္က

Install Blogger Widget  ကိုကလစ္ေပးလိုက္ပါ... ေနာက္စာမ်က္ႏွာမွာဘဲ Continue ဆိုေပၚလာျပီး မိမိတို႕ဘေလာ့ေပၚေရာ္ကမဲ့ ေနရာကိုေတြ႕ ရပါ့မယ္...

Select a blog ဆိုတဲ့ေနရာမွာ  မိမိတို႕ ထည့္လိုတဲ့ေဘလာ့ကို ေရြးေပးလုိ္ကပါ.. ဘေလာ့တစ္ခုထဲ ရွိသူေတြအတြက္ေတာ့  ေရြးခ်ယ္ဖို႕မလိုပါဘူးး မိမိတို႕ဘေလာ့ အမည္ေလးသာေပၚေနပါမယ္..

ေနာက္ဆုံးေအနနဲ႕  Add Widget ဆိုတာကိုကလစ္ေပးလိုက္ပါ... အဲတာဆို မိမိတို႕

blog layout ကိုေရာက္ေနပါျပီ ၾကည့္လိုက္ပါ.. လိုတဲ့ ေနရာကို ေနရာခ်ေပးလို္ကပါ.. ေဆ့လိုက္ ရပါျပီေနာ္.. ဘေလာ့ကိုၾကည့္လုိက္ပါ.. ေတြ႕ျမင္ေနပါျပီ.............ရွယ္ယာတန္း လွလွေလးေပါ့....

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

သြားေရာက္ရန္လင့္...     https://www.addthis.com/get/sharing#.UI67AFKLERs

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါလယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါစာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Read More

ိမိမိတို႕ ဘေလာ့မွာ Floating Bar ေလးကို လွပစြာ ထားလိုပါက

ဒါေလးကေတာ့ မိမိတို႕ ဘေလာ့ရဲ႕ ေဘးကေန fb like တို႕ share တို႕ပါတဲ့ စတိုင္ေလးထည့္နည္းတမ်ိဳးေလးပါ..သူကလဲ လွတာပါဘဲေနာ္.။..

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ..
►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

<b:includable id='post' var='post'>  ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္ကေနကပ္လွ်က္

ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ။

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN30wjpbBlkypTyJ9AMEHatpVZ4Nm2T7Q-8Ax2b95v-B8eBo_GRz68kY05_KJGWQsotG8fyPdwtgH96spLpKgzOlf15sdbs7rf7RSNq8Krc1LjDonLv6pcCIXm17y9O1CaN1-riW5Z-gvj/s400/gc_social_sprite.gif&#39;) no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
    background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN30wjpbBlkypTyJ9AMEHatpVZ4Nm2T7Q-8Ax2b95v-B8eBo_GRz68kY05_KJGWQsotG8fyPdwtgH96spLpKgzOlf15sdbs7rf7RSNq8Krc1LjDonLv6pcCIXm17y9O1CaN1-riW5Z-gvj/s400/gc_social_sprite.gif&#39;) !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating  .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}

.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}

.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}
</style>

<div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false});</script>
    <span class='st_fblike_vcount' displaytext=''/>
    <span class='st_twitter_vcount' displaytext='' st_via='fobbleup'/>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/>
</div>

   
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: &quot;Fobble Up!&quot;,
ui_header_color: &quot;#ffffff&quot;,
     ui_header_background: &quot;#0080FF&quot;
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://fobbleup.blogspot.com/2012/10/create-floating-bar-for-pinterest-other-buttons.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>

မူရင္းလင့္.   .... ေလ့လာလိုပါက   သည္မွာ   သြားလိုက္ပါ။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါလယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါစာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Read More

Join this site ဆိုတဲ့ မန္ဘာ၀င္ရန္ ထည့္နည္း ( c-box ေတာင္းဆိုမွဳ )

 မဂၤလာပါ က်ေနာ္လည္း ဘေလာ့ပညာမေရးျဖစ္တာ ၾကာေနျပီဗ်ာ  ေနမေကာင္းးတာနဲ႕  မေရးျဖစ္ဘူး သည္ေန႕ေတာ့ ခ်က္ေဘာက္ကေန ေမးထားတာေလး ထေရးျဖစ္တယ္... ဘာမွေတာ့ မခက္ခဲတဲ့ အရာေလးတစ္ခုပါ ဒါေပမယ့္  သိတဲ့သူေတြ အတြက္ ေက်ာ္ျဖတ္သြားေပးပါေနာ္...က်ေတာ္ ခုနည္းကိုေရးလိုက္တာ ေတာင္းဆိုသူအတြက္ပါ....

မေဟာ္ေသြး: အစ္ကိုေရ....member ၀င္တဲ့ join this site ကို က်ြန္ေတာ့္ဘေလာ့မွာေပၚေအာင္ဘယ္လိုလုပ္ရမလဲဗ်ာ..ေျပာျပေပးေနာ္  

ကဲ မေဟာ္ေသြး  ေရေအာက္မွာ ေလ့လာလုိက္ေနာ္

ပထမဆုံး ဘောလ့ကာ ကို၀င္လုိက္ပါ ေနာက္ layout ကိုသြားလုိက္ပါေနာ္...

ေရာက္တာနဲ႕ add a gadget ဆိုတာေလးကို ကလစ္ေပးလိုက္ပါေနာ္

အေပၚကလို ဇယားေလးတခုက်လာမွာ ျဖစ္ပါတယ္... ပထမက်တဲ့ ဇယားမွာ ရွိတာေတြထဲမွာ မပါဘူးေနာ္

သည္ေတာ့ အေပၚမွာ အနီ ကြက္ျပထားတဲ့ More Gadgets ဆိုတာကိုကလစ္လုိက္ပါ

ျပီးတာနဲ႕ အဲထဲမွာ ေအာက္ဆုံးနားမွာ ဆြဲခ်ၾကည့္လိုက္ပါေနာ္  ေတြ႕ပါ့မယ္..ေအာက္ကပုံေလးလိုေပါ့

Followers ဆိုတာေလးေတြ႕တာနဲ႕ ကလစ္ ေဆ့လုိက္ပါ  မိမိဘေလာ့မွာ join this site ဆိုတဲ့ မန္ဘာ၀င္ရန္ ဆိုတာေလး ရရွိလာျပီျဖစ္ပါတယ္... အဆင္ေျပပါေစ.

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာ့မွာ Feedburner ေတြကို Social Site ေတြတဲ႕အတူ ထားနည္း

 

 မဂၤလာပါ  မိတ္ေဆြတို႕  ဒါေလးကေတာ့ မိမိတို႕ရဲ႕ feedburner  ကို social site ေတြနဲ႕ အတူတစ္ကြ
တြဲစပ္  ထားရွိျခင္းလို႕  ဆိုလို႕ရပါတယ္..သည္နည္းေလးက  ပုံေလးေရာ ေသေသသပ္သပ္ နဲ႕ လွပေနတာမို႕  လူဆိုင္းးစိတ္၀င္စားမယ္ ထင္ပါတယ္... ႏွစ္သက္ပါက  ေအာက္မွာ  နည္းလမ္းနဲ႕ ကုဒ္ ယူလိုက္ပါေနာ္...

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

              <style>.UT-Social-Icons { height:45px; width:45px; } .UT-Social-Icons:hover { opacity: .7; filter:alpha(opacity=70); height:45px; width:45px; cursor:pointer; } #UT-wrap { height:250px; width:250px; background:#EBEBEB; border:1px solid transparent; box-shadow:0px 0px 1px 2px #009; } #UT-header { height:30px; background-color:#0F4794; color:#FFF; text-align:center; padding-top:5px; font-weight:bold; } #UT-wrap a { text-decoration:none; } #UT-SI-wrap { margin-top:15px; text-align:center; } .UT-margin { margin-left:10px; } .UT-label { color:#0F4794; font-weight:800; text-align:center; margin-top:10px; } .UT-left { float:left; margin-left:5px; } .UT-inputs { height:2.5em; border-radius:2px 2px 2px 2px; } #UT-subs { margin-left:30px; background-color:#0F4794; color:#FFF; } </style><div id="UT-wrap"> <div id="UT-header"> Follow us on Social Media ! </div> <div id="UT-SI-wrap"> <a href="<b>ဒီေနရာမွာကိုယ့္ facebookလိပ္စာထည့္</b>" rel="nofollow" title="Like us"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23wBVbHCzLusresKcaWGtlMJPz0sgShA3qbuEbfVCeOOwX0NLX44FgKsseDm7M4HNcFr5pRdPQRfX9nI7_7xc1aP6qGmrJ3uyIP1VX7pUYgMgG0aHxV8Ky5Ms8NbI_VXJR7ZNDKTJVtcr/s1600/facebook-bs.png" class="UT-Social-Icons"/> </a> <a href="<b>ဒီေနရာမွာကိုယ့္ twitter လိပ္စာထည့္</b>" rel="nofollow" title="Follow Us"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOqdoxFlTL386zKRIDoEjK7e-WCcxRd-EqBvZOpvH6A7yq9N3G3e4F2q4Z2QgnDnMahHefK5HbCN60nunbv2JdLiyZdsRtEwDRPKQzNkv0hGwzCrmJdlAuygMOmun3fesy-nMdWXgH9cLB/s1600/twitter-bs.png" class="UT-Social-Icons UT-margin"/> </a> <a href="<b>ဒီေနရာမွာကိုယ့္ google plus လိပ္စာထည့္</b>" rel="nofollow" rel="Follow us"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRTIztVWiYefkfe3mlXYPVPxxWoPvkdtlO1Pf5Qqqf7wfun2I_2MXrU_C9YpW2Z13nmOveNWX0htcyqQJkZ3_asyAlgx_eLRYYg1btOf4SZdCxRThcQbIMv9nHQNZvCULUuYVee2zX8M7/s1600/Googleplus-bs.png" class="UT-Social-Icons UT-margin"/> </a> <a href="<b>ဒီေနရာမွာကိုယ့္ feed burner လိပ္စာထည့္</b>"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O12L71NVNecFH4_s0Az-YKyAG4hsCwOlq8tj44V6og6_V81aVgFXTqhoSHOLEx7qFr11aN5zgJyQvj1FvSiOhK5C__s-JtY2ZcDUSsDyusiFUM693yQyz97D-GCeIOGat4Ldde3aIPLw/s1600/RSS-bs.png" class="UT-Social-Icons UT-margin"/> </a> </div> <div class="UT-label"> Subscribe to our RSS Feeds </div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<b> ဒီေနရာမွာfeedburnerရဲ့နာမည္ထည့္</b>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <div> <div class="UT-left" style="margin-top:30px;"> <div> <input type="text" name="email" placeholder="Get Updates Via Email" class="UT-inputs" style="width:150px;"> <input type="hidden" value="<b>ဒီေနရာမွာကိုယ့္ဆိုဒ္နာမည္ထည့္</b>" name="uri"/> <input type="hidden" name="loc" value="en_US"/> </div> </div> <div class="UT-left"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqpkFmgY5HTVA-p31b8d7sTlDyiPjc7eneKm8mQQ1tLR9ow1e20ulnyeuRk5yI0ecXVL-9r45WCBzXVPs4tMy-7fzLbpDPBfuQ_jxG8Olgykj0KSggDA-gp_eG08QAdHOMZT1Z3fqUJ_8r/s1600/sub-rss.png" height="80" width="80" style="margin-top:8px;"/> </div> <div clear:both;> </div> </div> <div style="margin-top:-10px;"> <input type="submit" value="Subscribe" class="UT-inputs" id="UT-subs"/> </div> </form> </div>

 ဇယားေလးကို ေမာက္နဲ႕ လိုသလို ခ်ဲ႕ယူ လိုက္ပါ ျပီးူမွ  ကူးေပါ့

ကုဒ္ထဲမွာ... မိမိတို႕သက္ဆိုင္ရာ လင့္ေတြကို အစားထိုးေပးရမယ္ေနာ္...

အဆင္မေျပရွိတာမ်ား   ခ်က္ေဘာက္မွာ ေျပာခဲ့နိဳင္ပါတယ္ေနာ္..

ၾကိဳးစားမွ်ေ၀ဆဲ

Read More

Social Media Widget With Rss Subscribe Box

 အားလုံးဘေလာ့ခရီးသည္ မိတ္ေဆြမ်ား ေပ်ာ္ရႊင္ခ်မ္းေျမ့ၾကပါေစဆိုတာ ႏွဳတ္ခြန္းဆက္သပါရေစ
ခုတင္တဲ့နည္းပညာေလးကေတာ့ မိမိတို႕ဘေလာ့ရဲ႕  လွပေသသပ္ျပီး ဘေလာ့ကိုလွေစတဲ့

Social Media Widget With Rss Subscribe Box ေလးထည့္နည္းပါ

 ထည့္နည္းေလးနဲ႕ လိုအပ္မဲ့ ကုဒ္ေတြကို ေအာက္မွာ ယူထည့္လိုက္ပါေနာ္..
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<style>
#socialnbtrix{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCUWViXaB-WpbiKKfcp3v9U_O_vGKwBZpEa8yPKPNj1CZzU5lW4GALrzkqPmr4JqWx8bmZQYK3iGPH5DCeDIcBsToRU9EZpmzoY3d5uUF0pXOhIUyH3UJK-bagQQhOv_WB2pxW2SopWP0/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialnbtrixp img {
    -moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;}
p#socialnbtrixp img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);}
bloggertrixform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.bloggertrixtxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:240px;
height:30px;
}
.bloggertrixbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<br />
<div id="socialnbtrix">
<center><p id="socialnbtrixp">
<a href="YOUR RSS FEED URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgss1aCR-fykyujUv0-i4zMDrOdJINUIqV7MaXZn970WwpXF1ZDYx9CIMsLlXeXkpiXk5vDs9Oqru5N7HioC3Jn2calJ7J8_46htAB_XwKkzPBy0z11d7DizWI9IdYbawLkj8PPCKsbxFpO/s1600/RSS-48x48.png " /></a>
<a href="YOUR GOOGLE PLUS URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6K6Bz1jfNjJBoCav9axwuOJwSs2UJPi_2R1GpAOAJ63wFqHo8iU5dyHIHJLXXHLhyphenhyphenKhqVru1SqzUt0v5RBER960Ej7cyaYCV0p_dNUr-Y5UFubesP7YNUOv6sJs4xGB-NvldHvMrRBY/s1600/TNT.png " /></a>
<a href="YOUR TWITTER URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WjVjXIZEAwuaZLaQ6suA7TE73zKWJ_NJGMUpf1l_bH21sqGwA8M8H9XxS4UjG4pV3iRGNEvlVxn5Yzo91kyR-7gw2ksl_cdAjnwcORhhtVbZFfugMkF5pslXYh5EJOF7HyR3B5fr03I/s1600/TNT.png " /></a>
<a href="YOUR FACEBOOK URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlgmI6tjMwoI9LLxF2FcK6B3DMIjWKRnZfrKheKENQbAYFHi6FNqoEmC28A_H28vQq-ScnUsAiCn3hHPfD6pU3Tvbnm7v4y_Sehaji5aPFzPKgi8r90WgmzaIEw5Yz-S7WVbPPDwXQjA/s1600/TNT.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID HERE&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=550&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR FEEDBURNER URL HERE'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='bloggertrixtxt' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email&quot;;}' onfocus='if (this.value == &quot;Enter your Email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your Email'/>
<input alt='' class='bloggertrixbtn' title='' type='submit' value='Submit'/>
</form><center>
</div>

မွတ္ခ်က္  ။     ။  အနီေရာင္  ေနရောတြမွာ မိမိတို႕ရဲ႕  သက္ဆုိင္ရာ လင့္ေတြကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္ေနာ္...အဆင္ေျပၾကပါေစ....

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္.. 

<<< မန္ဘာ၀င္ျပီး... Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္ >>> 

 ဘေလာ့ခရီးသည္

Read More

အသဲပံုစံ ႏွင့္ အသဲပံုစံ social widgets ေလးပါ

ေအာင္ျမင္ရင္ေတာ့ Comment လက္ေဆာင္ထားခဲ့ေပါ့ေနာ္

►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
►2.  Template  ကိုသြားပါ

►3. Edit HTML နွိပ္ျပီး ဖြင့္လိုက္ပါ.... ►4. CTRL+F   ကိုနွိတ္ ပါ ေအာက္က ဘားေလးတတ္လာမယ္
►5. </head>ထည့္ျပီးအန္းတားေခါက္ပါ</head> ေတြ႕ရင္ အေပၚ ကေန ထည့္လိုက္ ပါ

<!-- Start Heart Bookmarking Gadget Code From http://www.blogtariff.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.blogtariff.com/ -->

►6. CTRL+F  ေခၚထားတဲ့ ထဲမွာ </body>  ထက္ရွာေတြ႕ရင္

</body> အေပၚကေန ထည့္ျပီး SAVE ပါ   ok သြား ပါျပီး

<!-- Start Heart Share Code From http://www.blogtariff.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://aunglaybc.blogspot.com/2013/01/social-widgets.html">ထိုဟာေလးလိုခ်င္ရင္လာခဲ့ပါ</a>
<!-- End Heart Share Code From http://www.blogtariff.com/ -->

ဘေလာ့ခရီးသည္

Read More

ၾကက္ဥပံုစံ ႏွင့္ အသဲပံုစံ social widgets ေလးပါ

 

ေအာင္ျမင္ရင္ေတာ့ Comment လက္ေဆာင္ထားခဲ့ေပါ့ေနာ္

►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
►2.  Template  ကိုသြားပါ

►3. Edit HTML နွိပ္ျပီး ဖြင့္လိုက္ပါ.... ►4. CTRL+F   ကိုနွိတ္ ပါ ေအာက္က ဘားေလးတတ္လာမယ္
►5. </head>ထည့္ျပီးအန္းတားေခါက္ပါ</head> ေတြ႕ရင္ အေပၚ ကေန ထည့္လိုက္ ပါ

<!-- Start Heart Bookmarking Gadget Code From  http://www.bloggiks.com --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.bloggiks.com -->

►6. CTRL+F  ေခၚထားတဲ့ ထဲမွာ </body>  ထက္ရွာေတြ႕ရင္

</body> အေပၚကေန ထည့္ျပီး SAVE ပါ   ok သြား ပါျပီး

<!-- Start Heart Share Code From http://www.bloggiks.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&

#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://aunglaybc.blogspot.com/2013/01/social-widgets.html">ထိုဟာေလးဆိုက္မွာထည့္ခ်င္လာခဲ့ပါ</a><!-- End Heart Share Code From http://www.bloggiks.com -->

ဘေလာ့ခရီးသည္

Read More

Social Slideout Widget ေလးထည့္နည္း

ဒီေကာင္ေလးကေတာ့မိုက္တယ္ေနာ္က်ြန္ေတာ္

လုပ္ထားတာကိုေတြ႕ၾကမွာပါေနာ္

 

ေအာင္ျမင္ပါေစေနာ္

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5. ေပးထားေသာကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

   ►6.ကုဒ္ ထဲက အေရာင္ခ်ယ္ေပးထားတာကိုျပင္ေပးလိုက္ပါ

   ►7.Save လိုက္ရင္ရပါျပီ

   ►8.ကြတ္မန္းေလးနဲ႕အားေပးသြားပါေနာ္.... အဆင္ေျပၾကပါေစ

ေအာက္မွာCod ယူပါ အေရာင္ခ်ယ္ေပးထားတဲ့ေနရာမွာ ျပင္ေပး ပါေနာ္

<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: 152px;

    height: 97px;

    overflow: hidden;

    margin-left: 50px;

    margin-top: 10px;
}



#knfeedburner_div {



    width: 300px;

    height: 97px;

    overflow: hidden;

    margin-top: 5px;

    margin-left: -4px;
}



#kakinetwork_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: hidden;

    width: 152px;

    height: 97px;

    position: fixed;

    right: -154px;
}



#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;
}



#kakinetwork_right {



    z-index: 10003;

    border: 2px solid #303030;

    background-color: #fff;

    width: 300px;

    height: 97px;

    position: fixed;
}



#kakinetwork_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: hidden;

    width: 152px;

    height: 97px;

    position: fixed;

    left: -154px;
}



#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;
}



#kakinetwork_left {



    z-index: 10003;

    border: 2px solid #303030;

    background-color: #fff;

    width: 300px;

    height: 97px;

    position: fixed;
}



#kakinetwork_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: #F2F2F2;

    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;
}

</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></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: -154}, 
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); });    });</script>



<div id="on">



 <div id="facebook_right" style="top: 18%;">

  <div id="facebook_div">

   <img 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwX_Ckh_NiDkFsviOGky0mHSMXT4za1OqiSObzgMJS2A2DDC09XKvTf2rIlh_I38zggmxFRJMbk1wbXZd5b6HnSEf3MraP5N7Z2V2YqQRBqzPpMYNHpBbN7LC58K31HAgf_u_4GuhdCId5/s1600/BloggingeHow.com-facebook-icon.png"
 alt=""/>

   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFacebook Fan Page Name&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"




 scrolling="no" frameborder="0" style="border:none; overflow:hidden; 
width:200px; height:346px;" allowtransparency="true">

   </iframe>

  </div>

 </div>
</div>

<div id="on">


 <div id="twitter_right" style="top: 35%;">

  <div id="twitter_div">

   <img id="twitter_right_img" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZsSvVgihUuBQcEgHV8iRsXqgU0Ay092Us4Y0XC5pP0G_bbFEfgpmqbqAmBNbS0fdpd4h-uM9_sDtKLg4JJW21au-dtQ5Re6AeRc3Izt8pR1ItNznNZZ78_1stTlgHdfztgWZmD2f006o4/s1600/BloggingeHow.com-twitter-icon.png"/>

   <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('BloggingeHow').start();</script>

  </div>

 </div>
</div>

<div id="on">


 <div id="google_plus_right" style="top: 52%;">

  <div id="google_plus_div">

   <img id="google_plus_right_img" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzO2YT7MMDjLJADko1SVlYUxFjnGpAAcCxkjKVUzFi5PGGEy-BHhM7-SZYRz3MwnwBu1t1da1CviyHW2UDiCIaQnwPgmJZ7WDj3AHJl9b3-iPBS6Ic7QAh0NtDIGJEwi8TiKK0zxomVZc/s1600/BloggingeHow.com-google-plus-icon.png"/>

   <div style="float:left;margin:10px 10px 10px 0;">

    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>

   </div>

  </div>

 </div>

 <div id="on">

  <div id="feedburner_right" style=" top: 69%;">

   <div id="knfeedburner_div">

    <center>

    <h4 style="color:#F66303;">You can also receive Free Email Updates:</h4>

    <form 
action="http://feedburner.google.com/fb/a/mailverify" method="post" 
target="popupwindow" 
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your Feed Burner ID', '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="Your Feed Burner ID" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/>

    </form>

    </center><img 
id="feedburner_right_img" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR31eEl8jOzL1mHQx1HOrreMvVomD-hR5DYV1J_vYKdaLvJPpXlqmVahzl4FGYqhH0gG5Z9eJ7rukMkAq0YJAUhB4u6-ie-l6xduj6WGSAA3qbctBdVAPFyld_WhFuwM0Cw0_71M73gXgH/s1600/BloggingeHow.com-subscribe-icon.png"/>

   </div>

  </div>

 </div>
</div>

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. လိ္ုျခင္တာကို ၾကိဳက္ႏွစ္သက္သလို ယူေဆာင္သုံးစြဲနိဳင္ပါတယ္.... အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>

ဘေလာ့ခရီးသည္

Read More

ရိုးရိုးရွင္းရွင္း Sharing Blogger Widget

ယေန႕ Tech in Blogging မွႀကိဳဆိုပါတယ္။ ခု sharing widget ေလးတစ္ခု share ပါဦးမယ္။ ဆက္ဖတ္ၾကည့္ပါဦး။

အထက္ပါပံုလိုမ်ိဳးျဖစ္ခ်င္တယ္ဆိုရင္ လြယ္လြယ္ေလးပါ။ ခု Add to Blogger ကို အရင္ ကလစ္ပါ။ Add Page Element ဆုိၿပီး page ေပၚလာပါလိမ့္မယ္။ Add Widget ကို ကလစ္ပါ။

ခုဆိုရင္ အဆင္ေျပၿပီလုိ႕ထင္ပါတယ္။ ေအာက္ကပံုေလးအတိုင္းရပါလိမ့္မယ္။ စမ္းၾကည့္ပါ။

အျခား Blogger widgets ေတြလည္း share ပါဦးမယ္။ ဒီမွာ ရယူပါ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>

ဘေလာ့ခရီးသည္

Read More

ၾကက္ဥပံုစံ ႏွင့္ အသဲပံုစံ social widgets ေလးပါ(ဘေလာ့ကာအတြက္)

 

ၾကက္ဥစတိုင္

 ေျပာျပမွာက အဟင္းအဟင္း ဆရာၾကီးေတာ့ မဟုတ္ ပါဘူးေနာ္ ၾကက္ဥေလးဗ်ာေတာ္ေတာ္သေဘာၾကပါတယ္အေပၚမွာေတြ႕တဲ့အတိုင္းပဲဗ်ာ

 ေမာက္နဲ့ ေထာက္လိုက္ရင္ပြင့္လာမယ္

အသံုးတည္႕မယ္ ထင္ပါတယ္

 

ေအာင္ျမင္ရင္ေတာ့ Comment လက္ေဆာင္ထားခဲ့ေပါ့ေနာ္

►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
►2.  Template  ကိုသြားပါ

►3.  ဖြင့္လိုက္ပါ.... ►4. CTRL+F   ကိုနွိတ္ ပါ ေအာက္က ဘားေလးတတ္လာမယ္
►5. </head>ထည့္ျပီးအန္းတားေခါက္ပါ</head> ေတြ႕ရင္ အေပၚ ကေန ထည့္လိုက္ ပါ

<!-- Start Heart Bookmarking Gadget Code From  http://www.bloggiks.com --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.bloggiks.com -->

►6. CTRL+F  ေခၚထားတဲ့ ထဲမွာ </body>  ထက္ရွာေတြ႕ရင္

</body> အေပၚကေန ထည့္ျပီး SAVE ပါ   ok သြား ပါျပီး

<!-- Start Heart Share Code From http://www.bloggiks.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://aungsanmks.blogspot.com/2013/01/social-widgets.html">ထိုဟာေလးဆိုက္မွာထည့္ခ်င္လာခဲ့ပါ</a><!-- End Heart Share Code From http://www.bloggiks.com -->

အသဲစတိုင္

ေအာင္ျမင္ရင္ေတာ့ Comment လက္ေဆာင္ထားခဲ့ေပါ့ေနာ္

►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
►2.  Template  ကိုသြားပါ

►3.  ဖြင့္လိုက္ပါ.... ►4. CTRL+F   ကိုနွိတ္ ပါ ေအာက္က ဘားေလးတတ္လာမယ္
►5. </head>ထည့္ျပီးအန္းတားေခါက္ပါ</head> ေတြ႕ရင္ အေပၚ ကေန ထည့္လိုက္ ပါ

<!-- Start Heart Bookmarking Gadget Code From http://www.blogtariff.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.blogtariff.com/ -->

►6. CTRL+F  ေခၚထားတဲ့ ထဲမွာ </body>  ထက္ရွာေတြ႕ရင္

</body> အေပၚကေန ထည့္ျပီး SAVE ပါ   ok သြား ပါျပီး

<!-- Start Heart Share Code From http://www.blogtariff.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://aungsanmks.blogspot.com/2013/01/social-widgets.html">ထိုဟာေလးလိုခ်င္ရင္လာခဲ့ပါ</a>
<!-- End Heart Share Code From http://www.blogtariff.com/ -->

============================================================

အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>

ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

လယ္တီေျမသား www.ledimye.com

ဘေလာ့ခရီးသည္ http://aungsanmks.com/

ဓမၼႏွင့္စာေပနန္းေတာ္ www.ninilayy.com/

Read More

ဘေလာ့မွာ Social Bookmarking အလြယ္ထည့္မယ္

ဒီေန႔တင္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ Social Bookmarking-Tooltips ကုိ ဘေလာ့ ပုိ႔(စ္) ေအာက္မွာ ထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားသလုိ မသိေသးတဲ့ မိတ္ေဆြေတြလည္းရွိ နုိင္ပါတယ္။ဒါေၾကာင့္မသိေသးတဲ့မိတ္ေဆြေတြရွာရအခက္အခဲ ျဖစ္ေနသူေတြအတြက္
 ေ၀မွ်ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔ လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာလုပ္ေဆာင္ခ်က္ နည္းလမ္းေတြကို ေသျခာရွင္းျပထားပါတယ္..

Widget Title:

                                       သည္ေနရာကိုကလစ္လိုက္ပါ


ကလ္စတာနဲ႕ ေအာက္ကပုံအတိုင္းက်လာမယ္....

Select a blog ဆိုတဲ့ေနရာမွ မိမိက ဘေလာ့ေတြ မ်ားေနရင္ ကိုယ္ထည့္ ျခင္ေသာ ဘေလာ့အမည္ကို ရွာေဖြ ကလစ္ေပးရပါမယ္...

Edit Contact ေနရာ ကိုကလစ္တာနဲ႕  မိမိတို႕ ထည့္ျခင္တဲ့ ကုဒ္ေတြက်လာမွာ ျဖစ္ပါတယ္..

ေကာ္ပီယူလိုက္ပါ... အကယ္လို႕  ကုဒ္မယူလိုပါက ေအာက္က Add Widget ဆိုတာကလစ္ေပးေပါ့။

ေအာက္ကအတိုင္း ထည့္ေပးလိုက္ပါ....

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေကာ္ပီယူ လာတဲ့ ကုဒ္ေတြကို ထည့္လိုက္ပါ

<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

>>>                                          ဘေလာ့ခရီးသည္

Read More