Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...

မိမိဘေလာ့မွာ music player ထည့္နည္း

အားလုံးမဂၤလာပါခင္ဗ်ာ..။ ကၽြန္ေတာ္အခု ေဖာ္ျပေပးမွာကေတာ့ မိမိတို႔ရဲ႕ ဘေလာ့မွာ MP3 Player ေလး ထည့္ထားခ်င္သူမ်ားအတြက္ လုပ္နည္းေလးကုိ မိမိနားလည္သလုိ ေဖာ္ျပေပးလုိုက္ပါတယ္။ New Blogger မ်ားအတြက္ ရည္ရြယ္ေရးသားျခင္းျဖစ္တဲ့အတြက္ သိၿပီးသူမ်ားအေနနဲ႔ လုိအပ္ခ်က္မ်ားကုိ ျဖည့္စြက္ေပးၾကဖုိ႔ ေမတၱာရပ္ခံပါတယ္။ စိတ္၀င္စားသူမ်ား ေအာက္ကအဆင့္ေတြအတုိင္း လုိက္လုပ္ၾကည့္ၾကပါခင္ဗ်ာ...။

အခု ကၽြန္ေတာ္ေဖာ္ျပေပးတဲ့ နည္းေလးအတုိင္း လုပ္မယ္ဆုိရင္ အရင္ဆုံး Account ႏွစ္ခု ဖြင့္ဖုိ႔လုိပါတယ္။ တစ္ခုက mp3 ဖုိင္ေတြကုိ upload တင္ၿပီး Direct Link (streaming) ထုတ္ယူဖုိ႔အတြက္ျဖစ္ၿပီး ေနာက္တစ္ခုကေတာ့ mp3 Player အတြက္ပဲျဖစ္ပါတယ္။

အဆင့္(၁)

mp3 ဖုိင္ေတြကုိ upload တင္ဖုိ႔အတြက္က direct link ရတဲ့ မိမိႏွစ္သက္ရာ site ေတြကုိအသုံးျပဳလုိ႔ရပါတယ္။ အခု ကၽြန္ေတာ့အေနနဲ႔ေတာ့ Open Drive မွာ Upload တင္တဲ့ပုံစံေလးနဲ႔ ေဖာ္ျပေပးသြားပါ့မယ္။ အရင္ဆုံး ဒီေနရာကုိ သြားၿပီး Account သစ္တစ္ခု ဖန္တီးလုိက္ပါ။ ၿပီးရင္ မိမိႏွစ္သက္တဲ့ mp3 ဖုိင္ေတြကုိ upload တင္ပါ။ 



upload တင္ၿပီးသြားရင္ အေပၚကပုံမွာလုိ ေတြ႕ရပါလိမ့္မယ္။ Direct Link ထုတ္ယူဖုိ႔အတြက္ ပုံမွာပါတဲ့အတုိင္း mp3 ဖုိင္ရဲ႕ အေပၚညာဘက္ေထာင့္က မွ်ားေလးကုိကလစ္လုပ္ပါ။ Links ဆုိတာကုိ ထပ္ၿပီးကလစ္လုပ္ပါ။



အေပၚကပုံမွာျပထားတဲ့အတုိင္း Direct Link: (streaming) ကုိ ေကာ္ပီလုပ္ၿပီး NotePad မွာျဖစ္ျဖစ္ မွတ္ထားလုိက္ပါ။ သီခ်င္း ၅ ပုဒ္ဆုိရင္လည္း ဒီနည္းအတုိင္း direct link ေတြကုိထုတ္ယူလုိက္ရင္ link (url) ၅ ခုရွိလာမွာျဖစ္ပါတယ္။ အခုအေပၚမွာ ေဖၚျပခဲ့တာကေတာ့ mp3 ဖို္င္ေတြကုိ upload တင္ျခင္းႏွင့္ Direct Link ထုတ္ယူျခင္းပဲျဖစ္ပါတယ္။ 

အဆင့္(၂)

ဒီတစ္ခါ mp3 player ဖန္တီးတဲ့အဆင့္ကုိ ေဖာ္ျပေပးပါ့မယ္။ MixPod.com မွာ သြားၿပီး Account သစ္တစ္ခု sign up လုပ္လုိက္ပါ။ ၿပီးရင္ ေအာက္က ပံုမွာ ျပထားတဲ့အတုိင္း Playlist တစ္ခု ဖန္တီးပါ့မယ္။


အေပၚကပုံအတုိင္း မိမိ upload တင္ထားတဲ့ mp3 ဖုိင္ေတြကုိသာ playlist ဖန္တီးခ်င္တဲ့အတြက္ Add URL ဆုိတာကုိ ကလစ္လုပ္ပါ့မယ္။ ၿပီးရင္ URL ဆုိတဲ့အကြက္မွာ ေစာေစာက NotePad မွာ မွတ္ထားတဲ့ mp3 ဖုိင္တစ္ခုရဲ႕ Direct Link (URL) တစ္ခုကုိ ေကာ္ပီယူၿပီး ထည့္ပါမယ္။ သီဆုိသူနဲ႔ သီခ်င္းအမည္ကေတာ့ မိမိဆႏၵအတုိင္း ထည့္ခ်င္လည္း ထည့္လုိက္ပါ။ ၿပီးရင္ Add Track ကုိကလစ္ပါ။ အဲဒီနည္းအတုိင္း သီခ်င္း ၅ ပုဒ္ ထည့္မယ္ဆုိရင္ ၅ ႀကိမ္လုပ္ရမွာျဖစ္ပါတယ္။ 

ဒီတစ္ခါ မိမိအသုံးျပဳလုိတဲ့ player ပုံေလးေတြ၊ အေရာင္ နဲ႔ Settings ကုိ ေရြးခ်ယ္ဖုိ႔အတြက္ Customize ကုိ ကလစ္လုပ္ပါ။


Settings မွာေတာ့ မိမိဘေလာ့ကုိဖြင့္လုိက္တာနဲ႔ သီခ်င္းသံေလးကုိၾကားေစခ်င္ရင္ေတာ့ autoplay မွာ yes၊ ဒါမွမဟုတ္ရင္ေတာ့ No ကုိေရြးခ်ယ္ေပးလုိက္ရုံပါပဲ။  အားလုံးစိတ္ႀကိဳက္ျဖစ္ၿပီဆုိရင္ေတာ့ Save Playlist ကုိ ကလစ္လုပ္ပါ။ Playlist Title မွာ ႏွစ္သက္ရာ တစ္ခုခုေပးၿပီး SAVE (get code) ကုိ ကလစ္လုပ္ပါ။ ေအာက္ကပုံအတုိင္း ေတြ႕ရပါလိမ့္မယ္။



ကၽြန္ေတာ္တို႔က blogger မွာ သုံးမွာျဖစ္တဲ့အတြက္ အေပၚကပုံမွာျပထားတဲ့အတုိင္း Blogger ကုိ ကလစ္လုပ္ပါ။ ၿပီး code ေတြကုိ ေကာ္ပီကူးလုိက္ပါ ေအာက္ပါအတုိင္း ရရွိလာပါလိမ့္မယ္။
<embed src="http://assets.mixpod.com/swf/mp3/fetish-mp3player.swf?myid=74706533&path=2011/01/01" quality="high" wmode="window" bgcolor="222222" flashvars="mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" width="410" height="270" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:270px;" /><br><a href="http://www.mixpod.com/playlist/74706533"><img src="http://assets.mixpod.com/images/btn2-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/btn2-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.mixpod.com/user/1900998"><img src="http://assets.mixpod.com/images/btn2-profile.gif" alt="View Profile" title="View all my playlists!" border="0"></a><br />Create a <a href="http://mixpod.com">playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

အဲဒီအေပၚက code ေတြထဲမွာ ကၽြန္ေတာ္ highlight လုပ္ထားတာေတြကုိ ဖ်က္ပစ္လုိက္ပါ။ မဖ်က္ရင္လည္းရပါတယ္။ ဒါေပမယ့္ မိမိရဲ႕ Player ေအာက္မွာ မလုိအပ္ပဲ ရႈပ္ေနမွာစုိးလုိ႔ပါ။ အျပာေရာင္နဲ႔ ျပထားတဲ့အတုိင္းအတာေတြကုိေတာ့ မိမိဘေလာ့ရဲ႕ ဆုိဒ္ဘား width န႔ဲကုိက္ညီေအာင္ ျပင္ေပးလုိက္ပါ။ မိမိဘေလာ့ရဲ႕ Sidebar က 200px ရွိမယ္ဆုိရင္ 190px ေလာက္ထားေပးလုိက္ပါ။ အားလုံးျပင္ဆင္ၿပီးၿပီ ဆုိရင္ေတာ့ အဲဒီ code ကုိ ေကာ္ပီယူ၊ မိမိရဲ႕ Blog မွာ Sing in လုပ္၊ Design-->>Page Elements-->> Add a Gadget-->>HTML/JavaScript မွာ paste လုပ္ၿပီး Save လုပ္လုိက္ပါ။ အားလုံးအဆင္ေျပၾကပါေစခင္ဗ်ာ..။

တင္ျပီးသား post ေလးေတြကို animation ေလးေတြနဲ႔ေဖၚျပခ်င္တယ္ဆိုရင္

1) Blogger ကို Sign In ၀င္ပါ။
2) Design ထဲက page elements ကိုသြား
3) ျပီး ရင္ Add A Gadget ကို ေရြးျပီး HTML/JavaScript ထဲမွာ ေအာက္က ေပးထား တဲ့ Code ကို ကူးလိုက္ပါ။
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUKx9-rjAAO8XJVKNgt5gv3JsOqh6PLeW9uY3k-9fr95t-tZjQmv4_47JXUWSdxMNniKT5juh1c4B9gD2dBk1dba8kbEAccZMwYjc0aaEyuovYQ2z9rua5FtHBbDC_JtKGPyaHshJd8ap/s1600/bdlab-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = " http://soewinnainglay.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

 http://soewinnainglay.blogspot.com ဆိုတဲ႔ ေနရာမွာ မိမိဘေလာ႔ ၏ URL ကို အစားသြင္းေပးလိုက္ပါ ။ ျပီးရင္ save လိုက္ပါ..

မိမိ BLOG တြင္ jump bottom to up arrow ထည့္နည္းေလးပါ

ကၽြန္ေတာ္သိတာေလးကုိ ေ၀မွ်လုိက္ပါတယ္ ..(၁) Layout >> Page elements >> Add A Gadget > HTML/Javascript ကို သြားလုိက္ပါ ..
(၂) ေအာက္မွာေရးထားတဲ့ code ကုိ သြားထည့္လုိက္ပါ . အဆင္ေျပသြားပါလိမ့္မယ္ ..

ေအာက္မွာလဲ မွ်ားပုံေတြပါတဲ့လင့္တစ္ခု တင္ေပးလုိက္ပါတယ္ . အခုမွ်ားပုံကုိ မႀကိဳက္ၾကရင္လဲ တစ္ျခားမွ်ားေတြကုိ ေျပာင္းသုံးလုိ႔ရေအာင္လုိ႔ တင္ေပးလုိက္တာပါ .. ကုိႀကိဳက္တဲ့မွ်ားကုိ ေရြးၿပီး www.picoodle.com မွာ အေကာင့္လုပ္ၿပီးေတာ့ တင္လုိက္ပါ . လင့္ေတြက်လာပါလိမ့္မယ္ . အဲ့ဒီ့အထဲကေန Direct link ရဲ႕လိပ္စာကုိယူၿပီး ေအာက္မွာ အနီျပထားတဲ့ေနရာမွာ ေျပာင္းလုိက္ရမွာပါ ..

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="အေပၚသို ့"><img src="http://img30.imagefra.me/img/img30/2/8/3/nyinaymin/f_a8o03y0w85im_e996312.png"/></a>