ဘေလာ့ရဲ႕ resent post လွလွေလးထည့္ၾကမယ္

မိမိတို႕ဘေလာ့မွာ resent post ပုံေလးေတြနဲ႕ လွလွေလးထားလိုပါက နည္းလမ္းေလးကို မွ်ေ၀တင္ျပလိုက္ပါျပီေနာ္..

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

<style>img.recent_thumb
 {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px
 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 
70px;margin: 5px 0px 5px 0px;padding: 
0;font-size:12px;}ul.recent_posts_with_thumbs li 
{padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs
 a {text-decoration:none;}.recent_posts_with_thumbs strong 
{font-size:10px;}</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script style='text/javascript' src="http://stylifyyourblog1.googlecode.com/svn/trunk/recentpostticker.js" ></script>

<script style='text/javascript' src='http://tavristasos.googlecode.com/svn-history/r100/trunk/recentpostswiththumbnailsv3.js'></script>

<script style='text/javascript'>

var numposts = 7;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

$(document).ready(function () {$('#sai').vTicker({

speed: 500,

pause: 3000,

showItems: 3,

animation: 'fade',

mousePause: false,

height: 0,

direction: 'up'

});});

</script>

<div id="sai">

<script src='http://www.YourBlogURL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

 မွတ္ခ်က္....http://www.YourBlogURL.blogspot.com/.ေနရာမွာ မိမိတို႕ ေဘလာ့ url ထည့္ေပးရမွာျဖစ္ပါတယ္..

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

www.aungsanmks.blogspot.com 

www.ledimyethar.com တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Read More

အလြယ္ကူဆုံး Button Tab Menu ထည့္နည္းလာျပီေနာ္

ကဲဗ်ာ ဘေလာ့ကာ မိတ္ေဆံအေပါင္းတို႕အတြက္ သတင္းေကာင္း နည္းလမ္းေကာင္းေလးတစိခု

မွ်ေ၀ လုိက္ပါရေစ... ဘေလာ့မွာ ေခါင္းစဥ္လို႕ေခၚတဲ့ Tab Menu အတြက္ရင္ေလးေနေစတဲ့သူမ်ားအတြက္ပါ.. ကြ်န္ေတာ္ အရင္ပို႕စ္ေတြမွာလဲ Menu အေၾကာင္းအေတာ္မ်ားမ်ား တင္ျပခဲ့ဘူးပါျပီ... ဒါေလးကေတာ့ သူတို႕နဲ႕မတူ တမူထူးျခားဆိုသလိုေပါ့... အရမ္းကို လြယ္ကူျပီး ရိုးးရွင္းလြန္းလွပါတယ္... အမွန္တကယ္လဲ

လိုအပ္တဲ့ နည္းလမ္းေလးဆို မမွားပါဘူးး  ဘာေၾကာင့္ဆိုေတာ့  တက္ပလက္ ေတြဟာ  Tab Menu

ေအာ္တိုမပါတတ္သလို ပါလာတာက်ေတာ့လဲ မႏွစ္သက္တတ္ၾကတဲ့ ျပႆနာေလးေတြ ကြ်န္ေတာ္ကိုယ္တိုင္ပင္ ၾကံဳဘူးပါရဲ႕... အဲအတြက္ ေထာက္ထားစာနာလို႕ မွ်ေ၀တင္ျပလိုက္ရပါတယ္... ဒါကေတာ့ ကြ်န္ေတာ့အေနနဲ႕ေတာ့..  ေတြ႕သမွ်...သိသမွ်

အရိုးရွင္းးဆုံးး  အလြယ္ကူးဆုံးးလို႕ဘဲ   ယူဆမိပါတယ္...သူက Button ပုံစံေလးနဲ႕မို႕

လွလည္းလွတယ္ဗ်ာ.. Dropdown မဟုတ္ေပမယ့့္   အရမ္းလွပါတယ္... အေပၚပုံေလးအတိုင္းပါဘဲ

လုပ္နည္းနဲ႕ ကုဒ္ေတြကို ေအာက္မွာ ေလ့လာပါ...

ထည့္နည္းးးးးးးးးးး

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

<a href="#"><button>မူလစာမ်က္ႏွာ</button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">ဘေလာ့ပညာမ်ား</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">ေဆာ့၀ဲလ္မ်ား</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">Gmail-Gtalk</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">Facebook</span></button></a>

<a href="#"><button><span style="color: rgb(51, 51, 255);">နည္းလမ္းေထြေထြ</span></button></a>

ေနာက္ထပ္ တိုးပြါးလိုအပ္ပါက ေအာက္ကေန လိုသေလာက္ပြါးးမာ်းနိဳင္ပါတယ္.. ေအာက္ကကုဒ္ကို ယူပြါးလိုက္ၾကပါေနာ္...

<a href="မိမိေခါင္းစဥ္ရဲ႕ URL လင့္"target="new"><button><span style="color: rgb(51, 51, 255);">ေခါင္းစဥ္အမည္</span></button></a>

မွတ္ခ်က္    ။            ။  #  သည္ေနရာမွာ မိမိတို႕ လင့္ေတြကိုအစားထိုးပါ။
                                   ေခါင္းစဥ္အမည္ေတြေတာ့ ၾကိဳက္ရာေရးနိဳင္ပါတယ္...

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

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More