အိုင္တီ ရဲကို: ဘေလာ့ပညာ

Mostrando entradas con la etiqueta ဘေလာ့ပညာ. Mostrar todas las entradas

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

7:04

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

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

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

<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: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

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

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

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin&

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

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

Continue reading →

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

7:02

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

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

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

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 မွာ ေျပာခဲ့ၾကပါေနာ္..

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

Continue reading →

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

7:01

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

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

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

   ►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/AVvXsEghDwf127aiywAMoQAwZMHvKTUjG_C2lrAbDIH8c7K8zyXPx7BYoGjXZkWW-xkVkgdOibAHFMh7Uj8FIep-LWaD4WBHnxRqU0c8MpkEGvIkH6mnZc7LgolMUreXJe0qsPo9puDZMUow1FDM/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/AVvXsEgs-rIfcIeUg6IskOFUygX6l7eTXR384QUgx-ljBUZkFzm8mMCQCtmSHf9s-abjIPKkbXlLPTmNl7k6ZElbURH1op1VLhBUfOTETMpqof4q7N1h1tontK9VamdD-yQvz_zLR3ZaBzPQCtU-/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/AVvXsEgTP3Fa0eKIEL_nhPF1WreWLTMVOdrmEdA1s0VICzzG70xuRcFYYjM8vnpyFkhvBA3duBQvTC4tzQeJkj7MegZxEiqwi89d44AG59kPPYF-divHYoN9Ixgst2HZush38Vr6Y8W1B3yw02ty/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/AVvXsEiS9CpIDe4or4cJAuSFPfsQfEBmh2orr_nqu8U63nLq78KLI9LgpHwNIW1ZK8-XVoiXaoxF2NDX8FKaiFNCHL5S-zL8Hfi8GtjmtI56dBQdRGMWwrbVLxBsh1bObbvo3hyQxpbyqtdg1Nil/s1600/BloggingeHow.com-subscribe-icon.png"/>

   </div>

  </div>

 </div>
</div>

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

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

Continue reading →

ဘေလာ့ကာအတြက္ Popup Subscribe Box ေလးေတြ

6:58

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

ပုံေလးေတြကိုၾကည့္ျပီးး ဆက္ုလပ္လို္ကပါေနာ္... အဆင္ေျပပါေစ..

Copy paste the code into the HTML/JavaScript into it and save it.

မွတ္ခ်က္ : အနီေရာင္ကာလာ ျပထားတဲ့ ေနရာေတြကို မိမိတို႕ရဲ႕ Facebook,Twitter,Google Plus ေတြကိုအစားထိုးရမွာ ျဖစ္ပါတယ္....

မူရင္းဆိုဒ္ ..... သည္မွာ ေလ့လာနိဳင္ပါတယ္..

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

Continue reading →

post author, date, labels and comments ေတြကို ပုံေလးေတြနဲ႕ အလွဆင္မယ္

8:15

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

(1)- ဘေလာ့ကာ၀င္ပါ Dashboard > Template> Edit HTML အစဥ္လုိက္သြားလိုက္ပါ။
(3)- Ctrl + F အကူညီျဖင့္ ေအာက္ကကုဒ္ကို ရွာလိုက္ပါ။

<div class='post-header-line-1'>

အကယ္လို႕ အေပၚကကုဒ္ရွာ မေတြ႕ခဲ့ပါက ေအာက္က ကုဒ္ကိုရွာၾကည့္ပါ

<div class='post-header'>

(4. ) ေတြ႕ျပီဆိုတာနဲ႕ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို အေပၚကေန ထည့္ေပးလိုက္ပါ..

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFL8qsYsQFTu-DXiOWVthD3xW9xiwzEy14c3DswJBK9MAskAJQ-Ckr9STEV2xuVQoSYfIajsHgWj4bPV50WpUpA0rP0GBLhFY34avcSrY_JXrdBPsZEkrDqLWvej7qdoS8sez4Id8pjJON/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwCOwVCB-7IoA2wv1wjwxLQcrddvnzBnmxU6XF8gtPSt8f4eYkV-r6SoNBekGCVNzjYz1jdcy8pby4lDHZVM9_d4f4kXJEUPLlIEVywiSXNTUffFK9kLZ1DjfTV4ST5zDnYtPQh05M2je6/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljyO4zuxUosiAyMeFrkJEl0hZWlNFQXudMQ5HoYV3q8d3oid3OhHFZMWD4HIccA39SWbk_r9jow1r4YbzeYQ2onlF9EjeEFjbwhJx_AQ2Zn4XMnWvfVMwXrZGr3AuXo7s_tDI8EVKNRty/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUPDkC8svdJjs_OyRLNnYntdNlcLFJCj1yub-xFEgRFHZpMY_VNWkdRxAlWUlyVR1piqDnAKrzAfCpqWm9XEeZDnqP-TA8qn5VMb91EQQ5zGui9v1qPm8FuAKVpncV0XpbQH8rPaGFThy/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

ကာလာနဲ႕ျပထားတာေလးေတြကေတာ့......

Red (Author)

Green (Date)

Blue (Labels)

Pink (Comment bubble)

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

(5.) Save template..လုပ္လို႕ ရပါျပီေနာ္....

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

Continue reading →

Email Subscrtiption Form ဆိုတာေလးထည့္နည္း

8:14

ဒီေန႕တင္တာေလးကေတာ့အခုဘေလာ့ဂါေလာကမွာေခတ္စားေနတဲ့ Email Subscrtiption Form
ေလးပါ၊သိျပီးၾကတဲ့မိတ္ေဆြေတြလည္းမ်ားပါတယ္။တခ်ိဳ႕ဘေလာ့မွာလည္းျမင္ဖူးပါတယ္၊ဒါေပမယ့္
ဘေလာ့ေတာ္ေတာ္မ်ားမ်ားမွာေတာ့မေတြ႕လိုက္မိဘူး၊မၾကိဳက္ၾကလို႕လားေတာ့မသိပါဘူး၊သူမ်ား
ေတြထားသလိုထားျခင္ခဲ့သူေတြရိွခဲ့ရင္ပါ၊ဘေလာ့မိတ္ေဆြအားလံုးကိုလည္းေလးစားလၽွက္ပါ။
ေအာက္မွာအဆင့္ဆင့္ပံုနဲ႕တကြျပထားပါတယ္။

အီးေမးလ္ Subscription Form ကိုဘေလာ့မွာဘယ္လိုထည့္မွာလဲဆိုရင္ေအာက္ပံု

မိမိမွာ FeedBurner Account ရွိျပီးသားဆိုရင္၊တျခားသူေတြက subscribe လုပ္လိုုက္ရင္,
မိမိက Post အသစ္တင္လိုက္တိုင္းမွာသူတိုရဲ႕အီးေမးလ္ထဲကို Auto ေရာက္ေအာင္ပို႕ေပး
ပါတယ္။မိမိရဲ႕ဘေလာ့ကိုအျမဲလာဖတ္ၾကတဲ႕သူငယ္ခ်င္းေတြအတြက္ပါအဆင္ေျပတာေပါ့
ေနာ္၊၊၊

အဆင့္ ၁။ FeedBurner accountထဲကို Sign in ဝင္လိုက္မယ္ေနာ္၊ သင့္မွာ FeedBurner Account မရိွေသးဘူးဆိုရင္အရင္ဆံုးregisterလုပ္ဖို႕ရန္ ဒီမွာ အရင္သြားပါ။

အဆင့္ ၂။ My Feeds ကို Click ႏိုပ္လိုက္ပါေအာက္ပံု။ေအာက္မွာေပၚလာလိမ့္မည္မိမိရဲ႕ဘေလာ့နာမည္ ေလးကိုႏိုပ္လိုက္ပါ။

အဆင့္ ၃။မိမိရဲ႕ဘေလာ့နာမည္ေလးကိုႏိုပ္ျပီးရင္ Menu Tab က Publicize tab ကိုႏိုပ္လိုက္ပါ၊ ေအာက္ပံု

အဆင့္ ၄။ဆိုက္ဘားမွာျမင္ရပါလိမ့္မည္ Email Subscriptions ကိုႏိုပ္လိုက္ပါ၊ေအာက္ပံု

အဆင့္ ၅။ေအာက္ပံုအတိုင္းျမင္ရပါလိမ့္မည္။

အဆင့္ ၆။ေအာက္မွာ Code ေပၚလာလိမ့္မည္။ေအာက္ပံု

အဆင့္ ၇။ ေအာက္က Code ကို Copy လုပ္ျပီး၊မိမိရဲ႕ဘေလာ့ထဲကိုျပန္ဝင္မယ္

dashboard>>layout>>add a page element>>html/javascript

မိမိၾကိဳက္တဲ့ေနရာမွာထားလိုက္ေပါ့ေနာ္ ျပီးပါျပီ၊၊၊၊

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊

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

Continue reading →

Button Hover Style လွလွေလးဖန္တီးၾကစို႕

6:23

လယ္တီေျမသား

ေဆာ့၀ဲလ္ျမိဳ႕ေတာ္

ကဲသည္လို Button Hover ေလးေတြနဲ႕ ေရးၾကမယ္ဆိုရင္ နည္းလမ္းေလးကို မွ်ေ၀လုိက္ရပါတယ္...လုပ္နည္းေလးကလဲ လြယ္ကူပါတယ္... ပထမဆုံးေအနနဲ႕..

►1- Blogger Singin ၀င္လိုက္ပါ။
►2- DASHBOARD ကိုသြားလိုက္ပါ။
►3- LAYOUT ကိုကလစ္ပါ..။
►4- EDIT HTML ကို၀င္ပါ..
►6- Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
]]></b:skin> ကုဒ္ေလးကိုရွာလိုက္ပါေနာ္...ေတြ႕ျပီဆိုတာနဲ႕
သူ႕အေပၚမွာ ကပ္လွ်က္ ေအာက္ကဇယားထဲကကုဒ္ေတြကို ထည့္ေပးလုိက္ပါ။

.hb-buttons{
background-color:#4b3f39;
font-family: 'Verdana', sans-serif;
font-size:12px;
text-decoration:none;
color:#fff;
position:relative;
padding:10px 20px;
padding-right:50px;
background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
border-radius: 5px;
box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
}

.hb-buttons:active {
top:3px;
background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}

.hb-buttons:before {
background-color:#322620;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwAX4ZOokELWxhds-sv6q66bxFh1ogWvpJYJX9kEfMqzYMzHEvt0rvpJbZkb-5GkHK1o-WMK84jFeEwe7-SCMA3gVVUUUV6Es5wx-yPwWfG4IWldq0mDSfefWgPRzYFE7IGNIe7SsIkc/h80/helper-blogger-right-arrow.png);
background-repeat:no-repeat;
background-position:center center;
content:"";
width:20px;
height:20px;
position:absolute;
right:15px;
top:50%;
margin-top:-9px;
border-radius: 50%;
box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}

.hb-buttons:active::before {
top:50%;
margin-top:-12px;
box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

အိုေကျပီးးတာနဲ႕ save template လု္ပလိုက္ပါေတာ့... ကဲစမယ္ေနာ္..
Button လွလွေလးေတြနဲ႕ လင့္ညႊန္ဖို႕...ေအာက္ကကုဒ္ေလးကိုဘဲ သုံးလုိက္ပါ..

<a href="လင့္ကိုသည္မွာထည့္ပါ" class="hb-buttons">အမည္ထည့္ပါ</a>

အသုံးျပဳနည္း ။ ။

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

အဆင္ေျပပါတယ္..
အဆင္ေျပမယ္လို႕႔ ေမွ်ာ္လင့္ပါတယ္ေနာ္...
အခက္ခဲရွိပါက c-box မွာေအာ္ခဲ့ၾကပါ..
ေအာင္ေအာင္ိ(မကစ)

Continue reading →