ဘေလာ့ဂ္Tips & Tricks

ဘေလာ့ဂါ မ်ားအတြက္ Facebook comments box

2010-06-29T04:50:00.014+02:00

ရွည္ရွည္ ေဝးေဝးေတြေတာ့ သိပ္ညႊန္းမေနခ်င္ေတာ့ဘူးဗ်ာ Facebook comments box ကို ဘေလာ့ဂ္ ကြန္မန္႕ ေနရာမွာ အစားထိုး ထည့္ခ်င္ သူေတြ ထည့္ရေအာင္ ဒီပိုစ့္ေလး ကို တင္လိုက္တာပါ..။

အဆင့္ (၁) အေနနဲ႕ blogger default comments ကို disable လုပ္ေပးရပါမယ္

ဘာလို႕လဲ ဆိုေတာ့ ကြန္မန္႕ နွစ္ခုမွ မလိုအပ္တာ ကြန္မန္႕ေပးသူမ်ားကလဲ နွစ္ခါေတာ့ ထပ္ေရးမယ္ မထင္ပါ :P
settings >> comments ထဲကို သြားလိုက္ပါ ၿပီးရင္ comments ကို Show လို႕ လုပ္ထားတာကို Hide လုပ္ေပးလိုက္ပါ အဲလိုလုပ္လို႕ သင့္ရဲ့ ကြန္မန္႕အေဟာင္း ေတြ မေပ်ာက္ပ်က္သြားပါဘူး အခ်ိန္မေရြး Show ျပန္လုပ္ျပီး ျပန္ေဖာ္လို႕ ရပါတယ္ ျပီးရင္ေတာ့ ေအာက္ဆံုးကို ဆင္းၿပီး Save Setting ေပါ့ဗ်ာ..။

အဆင့္ (၂) အေနနဲ႕ သင့္ရဲ့ Facebook App ID ကို Generate လုပ္ရပါမယ္

ေဟာဒီ လင့္ေလးကို သြားလိုက္ပါ facebook developers
အဲဒီမွာ ေအာက္က ေဖာ္ျပပါ ပံုေလးထဲက အတိုင္း ေတြ႕ရမွာပါ လိုအပ္သလို ျဖည့္လိုက္ပါ မိမိ ဘေလာ့ဂ္ လိပ္စာကို မွန္ကန္ေအာင္ ထည့္ပါ. အဓိက App ID ရဖို႕ ပါ

အဲဒါၿပီးသြားရင္ Setting ကို ေရာက္သြားပါမယ္ အဲဒီမွာ ဒီလိုမ်ိဳးေလး ေရးထားတာ ေတြ႕ပါမယ္

လင္းထက္ is now registered with Facebook. You can edit your application settings at any time in your Developer Dashboard.

အဲဒီမွာ Developer Dashboard. ဆိုတဲ့ လင့္ေလးကို နွိပ္ျပီး ဆက္သြားလိုက္ရင္ ေအာက္က ပံုေလး အတိုင္း ေတြ႕ရပါမယ္..

ဒါဆိုရင္ အနီနဲ႕ ဝိုင္းျပထားတာက ကၽြန္ေတာ္တို႕ လိုအပ္တဲ့ facebook App ID ပါအဲဒါ ရျပီဆိုရင္ေတာ့ ေနာက္တစ္ဆင့္ ဆက္သြားၾကရေအာင္..။

အဆင့္ (၃) တန္းပလိတ္တြင္ လိုအပ္ေသာ ကုဒ္မ်ား ထည့္ျခင္း ..

Dashboard ထဲကေန Design ထဲက Edit HTML ကို သြားလိုက္ပါ ၿပီးရင္ Expand Widget Templates ကို အမွန္ျခစ္ေလး ျခစ္ထားေပးပါ ၿပီးရင္ ဒီကုဒ္ေလးကို ရွာပါ

<html

မ်ားသာအားျဖင့္ တန္းပလိတ္ ထိပ္ဆံုးနားမွာ နွစ္ေၾကာင္း သံုးေၾကာင္းေျမာက္ ေလာက္မွာ ရွိတတ္ပါတယ္

ေတြ႕ျပီ ဆိုရင္ အဲဒီေနာက္မွာ ဒီေအာက္က ကုဒ္ေလးကို ထည့္ေပးပါ..

xmlns:fb='http://www.facebook.com/2008/fbml'

ဒါဆိုရင္ ဒီလိုမ်ိဳးေလး ျဖစ္သြားပါမယ္

<html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog.......
.......2005/gml/expr'  >

ေနာက္တဆင့္ အေနနဲ႕ ေဟာဒီကုဒ္ေလးကို ထပ္ရွာပါ

<body>

ေတြ႕ျပီဆိုတာနဲ႕ သူ႕ရဲ့ေအာက္မွာ ဒီေအာက္က ကုဒ္ေတြကို ကူးထည့္လိုက္ပါ..

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR   APP ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

အနီေရာင္နဲ႕ ျပထားတဲ့ YOUR APP ID ဆိုတဲ့ ေနရာမွာ ကိုယ္ရထားတဲ့ facebook App ID ကို ထည့္ေပးပါ..

အဆင့္ (၄)

ေအာက္က ကုဒ္ေတြကို ကူးပါ Notepad သို႕မဟုတ္ Wordpad မွာ paste လုပ္ျပီး လိုအပ္တာေလးေတြ ျဖည့္ၾကရေအာင္ပါ.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'  
property='og:image'/>
<meta content='YOUR-APP-ID'   property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

အဲဒီမွာ အစိမ္းေရာင္ ေနရာကေတာ့ သင့္ဘေလာ့ဂ္နာမယ္ေပါ့
အျပာေရာင္နဲ႕ကေတာ့ သင့္မွာ ကိုယ္ပိုင္ Logo ရွိရင္ အဲဒီ လိုဂိုပံုရဲ့ လင့္ကို ထည့္ဖို႕ပါ
အနီေရာင္နဲ႕ကေတာ့ ထံုးစံအတိုင္း သင္ရထားတဲ့ အိုင္ပီကို ထည့္ဖို႕ပါ
လိေမၼာ္ေရာင္နဲ႕ကေတာ့ သင့္ရဲ့ Facebook profile Id ထည့္ဖို႕ပါ ဥပမာ အေနနဲ႕ ဒီလို မ်ိဳး ရွိပါမယ္

http://www.facebook.com/profile.php?id=xxxxxxxxxx

URL တစ္ခုလံုး ထည့္ေပးစရာ မလိုပါ ၾကက္ေျခခတ္ျပထားေသာ အိုင္ဒီ နံပါတ္သာ ထည့္ေပးရန္ ျဖစ္ပါတယ္..။

အဲဒါေတြ လိုအပ္သလို ျဖည့္ျပီးျပီ ဆိုရင္ေတာ့ ကူးယူျပီး ေဟာဒီေအာက္က ကုဒ္ရဲ့ အေပၚမွာ ထည့္ေပးပါ

</head>

အဆင့္ (၅) Facebook comments box ကုဒ္ထည့္ျခင္း

ေအာက္က ကုဒ္ကို ရွာပါ

<data:post.body/>

ေတြ႕ျပီ ဆိုရင္ အဲဒီ ကုဒ္ရဲ့ ေအာက္မွာ ေဟာဒီကုဒ္ေလးေတြ ကို ထည့္ေပးလိုက္ပါ.

<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='450'/></div>

အနီေရာင္နဲ႕ ျပထားတဲ့ ဂဏန္းေနရာမွာ ကိုယ့္တန္းပလိတ္နဲ႕ ကိုက္မယ့္ အခ်ိဳးအစားအတိုင္း ေျပာင္းလဲ နိုင္ပါတယ္..

ျပီးရင္ေတာ့ Save Template လုပ္ျပီး ကိုယ့္ဘေလာ့ေလးကို ၾကည့္ၾကည့္ေပါ့ဗ်ာ အားလံုးပဲ အဆင္ေျပၾကပါေစ..။

နမူနာအေနနဲ႕ကေတာ့ ေအာက္မွာသာ စမ္းၾကည့္ၾကေပေတာ့ဗ်ိဳ႕

PS: ဤ ဘေလာ့တြင္ ေဖာ္ျပထားေသာ ေဆာ့ဖ္ဝဲလ္ မ်ား ဘေလာ့ဂ္နွင့္သက္ဆိုင္ေသာ နည္းပညာမ်ား ကို အျခားအျခားေသာ ဘေလာ့ဂ္မ်ား တြင္လဲ ေဖာ္ျပျပီး ျဖစ္ေကာင္း ျဖစ္နိုင္ပါသည္ ကၽြန္ေတာ့္ဘေလာ့ဂ္တြင္ တင္ထားသမွ်သည္ ကၽြန္ေတာ္ လိုခ်င္ေသာအခါ အလြယ္တကူ ရရွိရန္ နွင့္ မရွိေသးသူမ်ား အတြက္ ရည္ရြယ္ပါသည္...။

ဘေလာ့ဂါ မ်ားအတြက္ WordPress MP3 Player

2010-05-03T02:02:00.002+02:00

wordpress MP3 Player For Blogger

ေဝါ့ဒ္ပရက္စ္ မွာ သံုးၾကတဲ့ MP3 ပေလယာ ေလးပါ...

ဘေလာ့ဂ္က ပိုစ့္မွာပဲ ျဖစ္ျဖစ္ ဆိုဒ္ဘားမွာပဲ ျဖစ္ျဖစ္ ထည့္လို႕ ရေအာင္ တင္ေပးလိုက္ပါတယ္..၊

သူ႕ရဲ့ နမူနာပံုစံေလး ကေတာ့ ေအာက္မွာ ျမင္ေတြ႕ တဲ့ အတိုင္းပါပဲ

ကဲ ပံုစံေလးကို ၾကိဳက္ပလား လန္းတယ္ေနာ္ ကိုယ့္ဘေလာ့ဂ္ ပိုစ့္မွာပဲ ျဖစ္ျဖစ္ ဆိုဒ္ဘားမွာပဲ ျဖစ္ျဖစ္ တင္ခ်င္တယ္ ဆိုရင္ေတာ့ ေအာက္က နည္းလမ္း အတိုင္း လိုက္လုပ္ျပီး တင္နိုင္ပါတယ္ဗ်ာ...၊

Layout > Edit HTML > ကိုသြားလိုက္ပါ..၊

ပံုအၾကီးၾကည့္ရန္ပံုကိုနွိပ္ပါ

သင့္ရဲ့ တန္းပလိတ္ကို ေအာက္က ေဖာ္ျပပါ ပံုအတိုင္း Backup လုပ္ထားပါ..၊

ျပီးရင္ Ctrl + F ကို နွိပ္ျပီး </head> ဆိုတာကို သင့္ရဲ့ search box ကို နွိပ္ျပီး ရွာလိုက္ပါ..၊

အဲဒီ </head> ဆိုတာကို ေတြ႕ရင္ အဲဒီ အေပၚမွာ ေအာက္က ကုဒ္ေတြကို ေကာ္ပီ ေပ့စ္ လုပ္ျပီး ထည့္ေပးပါ..၊

<script type='text/javascript'>
//<![CDATA[
var AudioPlayer=function(){var F=[];var C;var E="";var A={};var D=-1;function B(G){return document.all?window[G]:document[G]}return{setup:function(H,G){E=H;A=G},getPlayer:function(G){return B(G)},embed:function(K,O){var I={};var M;var G;var P;var H;var N={};var J={};var L={};for(M in A){I[M]=A[M]}for(M in O){I[M]=O[M]}if(I.transparentpagebg=="yes"){N.bgcolor="#FFFFFF";N.wmode="transparent"}else{if(I.pagebg){N.bgcolor="#"+I.pagebg}N.wmode="opaque"}N.menu="false";for(M in I){if(M=="pagebg"||M=="width"||M=="transparentpagebg"){continue}J[M]=I[M]}L.name=K;L.style="outline: none";J.playerID=K;audioplayer_swfobject.embedSWF(E,K,I.width.toString(),"24","9",false,J,N,L);F.push(K)},syncVolumes:function(G,I){D=I;for(var H=0;H<F.length;H++){if(F[H]!=G){B(F[H]).setVolume(D)}}},activate:function(G){if(C&&C!=G){B(C).close()}C=G},load:function(I,G,J,H){B(I).load(G,J,H)},close:function(G){B(G).close();if(G==C){C=null}},open:function(G){B(G).open()},getVolume:function(G){return D}}}()/* SWFObject v2.1 <http://code.google.com/p/swfobject/>
Copyright (c) 2007-2008 Geoff Stearns, Michael Williams, and Bobby van der Sluis
This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
var audioplayer_swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("<script id=__ie_ondomload defer=true src=//:><\/script>");J=C("__ie_ondomload");if(J){I(J,"onreadystatechange",S)}}catch(q){}}if(h.webkit&&typeof K.readyState!=b){Z=setInterval(function(){if(/loaded|complete/.test(K.readyState)){E()}},10)}if(typeof K.addEventListener!=b){K.addEventListener("DOMContentLoaded",E,null)}R(E)}();function S(){if(J.readyState=="complete"){J.parentNode.removeChild(J);E()}}function E(){if(e){return }if(h.ie&&h.win){var v=a("span");try{var u=K.getElementsByTagName("body")[0].appendChild(v);u.parentNode.removeChild(u)}catch(w){return }}e=true;if(Z){clearInterval(Z);Z=null}var q=o.length;for(var r=0;r<q;r++){o[r]()}}function f(q){if(e){q()}else{o[o.length]=q}}function R(r){if(typeof j.addEventListener!=b){j.addEventListener("load",r,false)}else{if(typeof K.addEventListener!=b){K.addEventListener("load",r,false)}else{if(typeof j.attachEvent!=b){I(j,"onload",r)}else{if(typeof j.onload=="function"){var q=j.onload;j.onload=function(){q();r()}}else{j.onload=r}}}}}function H(){var t=N.length;for(var q=0;q<t;q++){var u=N[q].id;if(h.pv[0]>0){var r=C(u);if(r){N[q].width=r.getAttribute("width")?r.getAttribute("width"):"0";N[q].height=r.getAttribute("height")?r.getAttribute("height"):"0";if(c(N[q].swfVersion)){if(h.webkit&&h.webkit<312){Y(r)}W(u,true)}else{if(N[q].expressInstall&&!A&&c("6.0.65")&&(h.win||h.mac)){k(N[q])}else{O(r)}}}}else{W(u,true)}}}function Y(t){var q=t.getElementsByTagName(Q)[0];if(q){var w=a("embed"),y=q.attributes;if(y){var v=y.length;for(var u=0;u<v;u++){if(y[u].nodeName=="DATA"){w.setAttribute("src",y[u].nodeValue)}else{w.setAttribute(y[u].nodeName,y[u].nodeValue)}}}var x=q.childNodes;if(x){var z=x.length;for(var r=0;r<z;r++){if(x[r].nodeType==1&&x[r].nodeName=="PARAM"){w.setAttribute(x[r].getAttribute("name"),x[r].getAttribute("value"))}}}t.parentNode.replaceChild(w,t)}}function k(w){A=true;var u=C(w.id);if(u){if(w.altContentId){var y=C(w.altContentId);if(y){M=y;l=w.altContentId}}else{M=G(u)}if(!(/%$/.test(w.width))&&parseInt(w.width,10)<310){w.width="310"}if(!(/%$/.test(w.height))&&parseInt(w.height,10)<137){w.height="137"}K.title=K.title.slice(0,47)+" - Flash Player Installation";var z=h.ie&&h.win?"ActiveX":"PlugIn",q=K.title,r="MMredirectURL="+j.location+"&MMplayerType="+z+"&MMdoctitle="+q,x=w.id;if(h.ie&&h.win&&u.readyState!=4){var t=a("div");x+="SWFObjectNew";t.setAttribute("id",x);u.parentNode.insertBefore(t,u);u.style.display="none";var v=function(){u.parentNode.removeChild(u)};I(j,"onload",v)}U({data:w.expressInstall,id:m,width:w.width,height:w.height},{flashvars:r},x)}}function O(t){if(h.ie&&h.win&&t.readyState!=4){var r=a("div");t.parentNode.insertBefore(r,t);r.parentNode.replaceChild(G(t),r);t.style.display="none";var q=function(){t.parentNode.removeChild(t)};I(j,"onload",q)}else{t.parentNode.replaceChild(G(t),t)}}function G(v){var u=a("div");if(h.win&&h.ie){u.innerHTML=v.innerHTML}else{var r=v.getElementsByTagName(Q)[0];if(r){var w=r.childNodes;if(w){var q=w.length;for(var t=0;t<q;t++){if(!(w[t].nodeType==1&&w[t].nodeName=="PARAM")&&!(w[t].nodeType==8)){u.appendChild(w[t].cloneNode(true))}}}}}return u}function U(AG,AE,t){var q,v=C(t);if(v){if(typeof AG.id==b){AG.id=t}if(h.ie&&h.win){var AF="";for(var AB in AG){if(AG[AB]!=Object.prototype[AB]){if(AB.toLowerCase()=="data"){AE.movie=AG[AB]}else{if(AB.toLowerCase()=="styleclass"){AF+=' class="'+AG[AB]+'"'}else{if(AB.toLowerCase()!="classid"){AF+=" "+AB+'="'+AG[AB]+'"'}}}}}var AD="";for(var AA in AE){if(AE[AA]!=Object.prototype[AA]){AD+='<param name="'+AA+'" value="'+AE[AA]+'" />'}}v.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+AF+">"+AD+"</object>";i[i.length]=AG.id;q=C(AG.id)}else{if(h.webkit&&h.webkit<312){var AC=a("embed");AC.setAttribute("type",P);for(var z in AG){if(AG[z]!=Object.prototype[z]){if(z.toLowerCase()=="data"){AC.setAttribute("src",AG[z])}else{if(z.toLowerCase()=="styleclass"){AC.setAttribute("class",AG[z])}else{if(z.toLowerCase()!="classid"){AC.setAttribute(z,AG[z])}}}}}for(var y in AE){if(AE[y]!=Object.prototype[y]){if(y.toLowerCase()!="movie"){AC.setAttribute(y,AE[y])}}}v.parentNode.replaceChild(AC,v);q=AC}else{var u=a(Q);u.setAttribute("type",P);for(var x in AG){if(AG[x]!=Object.prototype[x]){if(x.toLowerCase()=="styleclass"){u.setAttribute("class",AG[x])}else{if(x.toLowerCase()!="classid"){u.setAttribute(x,AG[x])}}}}for(var w in AE){if(AE[w]!=Object.prototype[w]&&w.toLowerCase()!="movie"){F(u,w,AE[w])}}v.parentNode.replaceChild(u,v);q=u}}}return q}function F(t,q,r){var u=a("param");u.setAttribute("name",q);u.setAttribute("value",r);t.appendChild(u)}function X(r){var q=C(r);if(q&&(q.nodeName=="OBJECT"||q.nodeName=="EMBED")){if(h.ie&&h.win){if(q.readyState==4){B(r)}else{j.attachEvent("onload",function(){B(r)})}}else{q.parentNode.removeChild(q)}}}function B(t){var r=C(t);if(r){for(var q in r){if(typeof r[q]=="function"){r[q]=null}}r.parentNode.removeChild(r)}}function C(t){var q=null;try{q=K.getElementById(t)}catch(r){}return q}function a(q){return K.createElement(q)}function I(t,q,r){t.attachEvent(q,r);d[d.length]=[t,q,r]}function c(t){var r=h.pv,q=t.split(".");q[0]=parseInt(q[0],10);q[1]=parseInt(q[1],10)||0;q[2]=parseInt(q[2],10)||0;return(r[0]>q[0]||(r[0]==q[0]&&r[1]>q[1])||(r[0]==q[0]&&r[1]==q[1]&&r[2]>=q[2]))?true:false}function V(v,r){if(h.ie&&h.mac){return }var u=K.getElementsByTagName("head")[0],t=a("style");t.setAttribute("type","text/css");t.setAttribute("media","screen");if(!(h.ie&&h.win)&&typeof K.createTextNode!=b){t.appendChild(K.createTextNode(v+" {"+r+"}"))}u.appendChild(t);if(h.ie&&h.win&&typeof K.styleSheets!=b&&K.styleSheets.length>0){var q=K.styleSheets[K.styleSheets.length-1];if(typeof q.addRule==Q){q.addRule(v,r)}}}function W(t,q){var r=q?"visible":"hidden";if(e&&C(t)){C(t).style.visibility=r}else{V("#"+t,"visibility:"+r)}}function g(s){var r=/[\\\"<>\.;]/;var q=r.exec(s)!=null;return q?encodeURIComponent(s):s}var D=function(){if(h.ie&&h.win){window.attachEvent("onunload",function(){var w=d.length;for(var v=0;v<w;v++){d[v][0].detachEvent(d[v][1],d[v][2])}var t=i.length;for(var u=0;u<t;u++){X(i[u])}for(var r in h){h[r]=null}h=null;for(var q in audioplayer_swfobject){audioplayer_swfobject[q]=null}audioplayer_swfobject=null})}}();return{registerObject:function(u,q,t){if(!h.w3cdom||!u||!q){return }var r={};r.id=u;r.swfVersion=q;r.expressInstall=t?t:false;N[N.length]=r;W(u,false)},getObjectById:function(v){var q=null;if(h.w3cdom){var t=C(v);if(t){var u=t.getElementsByTagName(Q)[0];if(!u||(u&&typeof t.SetVariable!=b)){q=t}else{if(typeof u.SetVariable!=b){q=u}}}}return q},embedSWF:function(x,AE,AB,AD,q,w,r,z,AC){if(!h.w3cdom||!x||!AE||!AB||!AD||!q){return }AB+="";AD+="";if(c(q)){W(AE,false);var AA={};if(AC&&typeof AC===Q){for(var v in AC){if(AC[v]!=Object.prototype[v]){AA[v]=AC[v]}}}AA.data=x;AA.width=AB;AA.height=AD;var y={};if(z&&typeof z===Q){for(var u in z){if(z[u]!=Object.prototype[u]){y[u]=z[u]}}}if(r&&typeof r===Q){for(var t in r){if(r[t]!=Object.prototype[t]){if(typeof y.flashvars!=b){y.flashvars+="&"+t+"="+r[t]}else{y.flashvars=t+"="+r[t]}}}}f(function(){U(AA,y,AE);if(AA.id==AE){W(AE,true)}})}else{if(w&&!A&&c("6.0.65")&&(h.win||h.mac)){A=true;W(AE,false);f(function(){var AF={};AF.id=AF.altContentId=AE;AF.width=AB;AF.height=AD;AF.expressInstall=w;k(AF)})}}},getFlashPlayerVersion:function(){return{major:h.pv[0],minor:h.pv[1],release:h.pv[2]}},hasFlashPlayerVersion:c,createSWF:function(t,r,q){if(h.w3cdom){return U(t,r,q)}else{return undefined}},removeSWF:function(q){if(h.w3cdom){X(q)}},createCSS:function(r,q){if(h.w3cdom){V(r,q)}},addDomLoadEvent:f,addLoadEvent:R,getQueryParamValue:function(v){var u=K.location.search||K.location.hash;if(v==null){return g(u)}if(u){var t=u.substring(1).split("&");for(var r=0;r<t.length;r++){if(t[r].substring(0,t[r].indexOf("="))==v){return g(t[r].substring((t[r].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(A&&M){var q=C(m);if(q){q.parentNode.replaceChild(M,q);if(l){W(l,true);if(h.ie&&h.win){M.style.display="block"}}M=null;l=null;A=false}}}}}();
//]]>
</script>

ၿပီးရင္ေတာ့ save template လုပ္လိုက္ေပါ့ဗ်ာ..၊

ကဲ အဲဒီကုဒ္ ထည့္ျပီးျပီ ဆိုရင္ေတာ့ သင့္ရဲ့ ပိုစ့္မွာဆိုရင္ Edit HTML ဆိုဒ္ဘားမွာ ဆိုရင္ HTML/JavaScript widget ဆိုတဲ့ ေနရာေတြမွာ ေဟာဒီကုဒ္ ေလးေတြ ထည့္လိုက္ပါ...၊

<object data="http://sites.google.com/site/diaryinthelife/swf-file/player.swf" height="24" id="audioplayer1" type="application/x-shockwave-flash" width="270"> <param name="movie" value="http://sites.google.com/site/diaryinthelife/swf-file/player.swf" />
<param name="FlashVars" value="playerID=1&bg=0xffffff&lefticon=0xffffff&rightbg=0x0080ff&rightbghover=0x289728&righticon=0xffffff&leftbg=0x289728&righticonhover=0xffffff&text=0x0080ff&slider=0xffffff&track=0xffffff&border=0x289728&loader=0x0080ff&loop=no&autostart=no&soundFile=URL of your MP3" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
</object>

ဒါက တစ္ခုထဲ အတြက္ေပါ့ဗ်ာ ေနာက္ထပ္ ေနာက္ထပ္ သီခ်င္းေတြ ထည့္ခ်င္တယ္ ဆိုရင္ေတာ့ ေအာက္က ကုဒ္ေတြအတိုင္း ပေလယာ နံပါတ္ေလးေတြ လိုက္ေျပာင္းထည့္ ေပးရံုပါပဲ..၊

<object data="http://sites.google.com/site/diaryinthelife/swf-file/player.swf" height="24" id="audioplayer2" type="application/x-shockwave-flash" width="270"> <param name="movie" value="http://sites.google.com/site/diaryinthelife/swf-file/player.swf" />
<param name="FlashVars" value="playerID=2&bg=0xffffff&lefticon=0xffffff&rightbg=0x0080ff&rightbghover=0x289728&righticon=0xffffff&leftbg=0x289728&righticonhover=0xffffff&text=0x0080ff&slider=0xffffff&track=0xffffff&border=0x289728&loader=0x0080ff&loop=no&autostart=no&soundFile=URL of your MP3" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
</object>

အနီေရာင္ ျပထားတဲ့ နံပါတ္ေလးက သင့္ ပေလယာ အစဥ္အတိုင္း နံပါတ္ ထည့္ေပးဖို႕ ျဖစ္ျပီး အစိမ္းေရာင္ နဲ႕ ျပထားတာ ေတြကေတာ့ သင့္ MP3 ဖိုင္ရွိတဲ့ Url လင့္ကို ထည့္ဖို႕ ျဖစ္ပါတယ္..။

ဒီ ကုဒ္ေတြထဲက http://sites.google.com/site/diaryinthelife/swf-file/player.swf ဆိုတာကို ေဒါင္းလုဒ္ လုပ္ျပီး ကိုယ့္ရဲ့ http://sites.google.com/ မွာ ျပန္တင္ျပီးမွ အဲဒီက လင့္ကို ယူျပီး ျပန္ထည့္ဖို႕ အေလးအနက္ တိုက္တြန္းပါရေစ ဂူဂယ္ ဆိုဒ္မွာ ဖိုင္ေတြ ဘယ္လို အပ္လုဒ္လုပ္မယ္ လင့္ေတြ ဘယ္လို ျပန္ယူမယ္ ဆိုတာကို ဒီပိုစ့္ ေလးကို မီွျငမ္း နိုင္ပါတယ္.. အဲဒီပိုစ့္မွာ Js file ေတြ ကို ဘယ္လို တင္မလဲ ဆိုတာ ေရးထားတာ ျဖစ္ေပမယ့္ ရိုးရိုး swf file ေတြ MP 3 ဖိုင္ေတြ ကို ဒါရုိက္ မိမိကြန္ျပဴတာက ေနတဆင့္ တင္နိုင္သလို အဲဒီဖိုင္ေတြ ရွိတဲ့ လင့္ကေန တစ္ဆင့္လဲ Upload တင္နိုင္ပါတယ္ဗ်ာ..၊

အားလံုး ျပီးျပီ ဆိုရင္ေတာ့ ပေလယာေလးရဲ့ ဒီဇိုင္းကို ကိုယ့္စိတ္ႀကိဳက္ အေရာင္ေတြ ထည့္ၾကည့္ၾက ရေအာင္ဗ်ာ..၊

အေပၚက ပိုစ့္ မွာျဖစ္ျဖစ္ ဆိုဒ္ဘားမွာ ျဖစ္ျဖစ္ ထည့္ရမယ့္ ကုဒ္ေတြ ထဲမွာ ဒီကုဒ္ေတြ ကို ျမင္ေတြ႕ ၾကရမွာပါ..၊

<param name="FlashVars" value="playerID=audioplayer1&
bg=0xf8f8f8&
leftbg=0xeeeeee&
lefticon=0x666666&
rightbg=0xcccccc&
rightbghover=0x999999&
righticon=0x666666&
righticonhover=0xffffff&
text=0x666666&
slider=0x666666&
track=0xFFFFFF&
border=0x666666&
loader=0x9FFFB8&
loop=no&
autostart=no&
soundFile=URL of your MP3">

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

ပံုအၾကီးၾကည့္ရန္ပံုကိုနွိပ္ပါ

ရင္ဂို~အ႐ူးအမူး

2010-04-20T05:29:00.002+02:00

ဆု
အရူးအမူး
လြမ္းလို႕
ေရႊေတာင္ၾကား
ဆရာမ
မိုးေျပး
ကပၸလီပင္လယ္
ျမစ္အထက္ကည
မာနမင္းသား
ျပန္လာပါ
ၾကင္နာသူတယ္လီဖုန္း
ခ်စ္သူ႕ကိုယ္ပြား

ကုဒ္ေတြမလိုတဲ့ Recent Posts with Thumbnails

2010-04-14T23:39:00.002+02:00

ကၽြန္ေတာ္တို႕ ဘေလာ့ဂ္စေရးခါစက ဆိုရင္ ကိုယ့္ရဲ့ ေနာက္ဆံုးတင္ထားတဲ့ ပိုစ့္ေလးေတြကို ဆိုဒ္ဘားမွာ ထည့္ခ်င္လြန္းလို႕ Edit HTML ထဲဝင္ျပီး ကုဒ္ေတြ ထည့္ရ Add Gadget ထဲသြားျပီး ကုဒ္ေတြ ထပ္ထည့္ရနဲ႕ ေခါင္းေတြ အေတာ္ေလး စားခဲ့ရပါတယ္ ဒါေတာင္မွ ရခဲ့ရင္လဲ ရိုးရိုးပါ ပိုစ့္ေခါင္းစဥ္ေလးနဲ႕ စာေလး နွစ္ေၾကာင္းသံုးေၾကာင္းေလာက္ပဲ ေပၚတာပါ..။

ေဟာ အခုလာပါျပီဗ်ာ ကၽြန္ေတာ္တို႕ www.blogger.com ၾကီးက အသစ္ေတြ တစ္ခုျပီး တစ္ခု လုပ္ေပးေနလိုက္တာ တျဖည္းျဖည္း ေဝါ့ပရက္စ္ လိုလုပ္ေဆာင္နိုင္စြမ္းေတြ ရွိလာပါျပီ အဲဒါေတြကို ကၽြန္ေတာ္ တစ္ခုျပီး တစ္ခု တင္ျပသြားပါ့မယ္..။

ဒီကေန႕ေတာ့ အေပၚက ေခါင္းစဥ္ထဲက အတိုင္း HTML ကုဒ္ေတြ မလိုပဲ ခလုတ္ေလး နွိပ္ေပးရံုနဲ႕ ကိုယ့္ရဲ့ေနာက္ဆံုး တင္ထားတဲ့ ပိုစ့္ေတြကို ဆိုဒ္ဘားမွာ Thumbnails နဲ႕တကြ ပိုစ့္ရဲ့စာသားေတြ (မိမိ အလိုရွိသေလာက္ ေပၚခ်င္သေလာက္ကို Add Gadget ထဲမွာ ျပင္ေပးနိုင္ပါတယ္ Thumbnails မွာပံုေပၚဖို႕ကေတာ့ ကိုယ့္ရဲ့ပိုစ့္ေတြမွာ ပံုေတြ ရွိဖို႕ေတာ့ လိုပါတယ္..) ဒါတင္လား ဆိုေတာ့ ဒါတင္မက ပါဘူး ပိုစ့္တင္တဲ့ ေန႕နဲ႕ ကြန္မန္႕ဘယ္နွစ္ခု ေပးခဲ့တယ္ အျပည့္အစံု ဖတ္မယ္ More ဆိုတာေတြပါ ပါပါတယ္ဗ်ာ..။

နမူနာပံုစံေလး ၾကည့္ခ်င္တယ္ ဆိုရင္ေတာ့ ဒီမွာ သြားၾကည့္လိုက္ပါဗ်ာ..။

ကဲ ေျပာေနၾကာတယ္ နမူနာ ပံုစံကို ၾကည့္ျပီး သေဘာက်ျပီလား..

ေအာက္က ခလုတ္ေလးကိုသာနွိပ္လိုက္ပါ...၊

ဒါဆိုရင္ ေအာက္က ပံုမွာ ေဖာ္ျပထား တဲ့ေနရာကို ေရာက္သြားပါမယ္..။

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

ဒါဆို ဒီပံုေလးမွာ ျမင္ရတဲ့ ေနရာကို ေရာက္သြားပါမယ္..။

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

ျပီးရင္ေတာ့ SAVE လုပ္လိုက္ပါ..၊

ဒါဆို ကိုယ့္ရဲ့ Blogger Dashboard ကိုေရာက္သြားမွာ ျဖစ္ျပီး ကိုယ္ထည့္လိုက္တဲ့ ဘေလာ့ဂ္ ရဲ့ Layout>>Page Elements ေနရာမွာ Recent Posts ဆိုျပီး Gadege အသစ္တစ္ခု တိုးေနတာကို ေတြ႕ရမွာပါ အဲဒါကို ကိုယ္လိုခ်င္တဲ့ ေနရာကို ေရြ႕ျပီး SAVE လုပ္လိုက္ျပီးရင္ ကိုယ့္ဘေလာ့ဂ္ ေလးကို ျပန္ၾကည့္လိုက္ပါ ကိုယ့္ရဲ့ ေနာက္ဆံုးပိုစ့္ေလး ေတြကို ပံုေလးေတြနဲ႕ တကြ ျမင္ရမွာပါ..။

ကိုယ္ပိုင္ဘေလာ့ဂ္တန္းပလိတ္လုပ္ၾကရေအာင္

2010-04-13T12:54:00.001+02:00

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

(၁)ဘေလာ့မူလစာမ်က္နွာ.... ဒီေကာင္ကေတာ့ တန္းပလိတ္တစ္ခု အေျခခံစတင္ဖန္တီးရာမွ အေရးအၾကီးဆံုးပါပဲ၊သင္ လိုခ်င္တဲ့ ပံုစံ ကို သူေပးထားတဲ့ တန္းပလိတ္ ၈ မ်ိဳးထဲကေန ေရြးခ်ယ္နိုင္ပါတယ္...သူေပးထားတာေတြကေတာ့ ဆိုဒ္ဘားမပါ၊ဆိုဒ္ဘား ဘယ္ သို႕မဟုတ္ ညာ၊ဆိုဒ္ဘားနွစ္ခု၊ဆိုဒ္ဘားအၾကီး၊ဆိုဒ္ဘားအၾကီးေအာက္မွာမွ ေနာက္ထပ္ အေသးနွစ္ခု ထပ္ခြဲ အစရွိသည္တို႕ ပါဝင္ ပါတယ္(ေအာက္ကပံုကို ၾကည့္နိုင္ပါတယ္)

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

(၂)ဘေလာ့ေအာက္ေျခ....ေအာက္ေျခ ေကာ္လံကိုလဲ တစ္ခုထားမလား နွစ္ခုထားမလား သံုးခုထားမလား အစရွိသျဖင့္လဲ စိတ္ၾကိဳက္ေရြး ခ်ယ္နိုင္ပါတယ္..။

(၃)ေနာက္ခံဘက္ဂေရာင္း...သင့္အေနနဲ႕ ပံုၾကီးတစ္ပံုကိုပဲ ျဖစ္ျဖစ္ ပံုအေသးေလးေတြကိုပဲ ထပ္ခါတလဲလဲ လုပ္ျပီးပဲ ျဖစ္ျဖစ္ သင့္ဘေလာ့ေနာက္ခံ ဘက္ဂေရာင္း ကိုစိတ္ၾကိဳက္ဖန္တီးနိုင္မွာပါ ဒါ့အျပင္ ပံုမဟုတ္လဲ စိတ္ၾကိဳက္အေရာင္ေတြကို ေနာက္ခံထားလို႕ရပါတယ္..။

(၄)ေနာက္ဆံုး ဘေလာ့ဟက္ဒါ ေတြ ေအာက္ေျခေတြက ေဖာင့္ေတြရဲ့ စတိုင္ေတြ အၾကီးအေသးေတြ အေရာင္ေတြ အစံုအစံုဗ်ာ မိမိစိတ္ၾကိဳက္ စိတ္ကူးဥာဏ္ကြန္႕ျမဴးသလို HTML ကုဒ္ေတြ နားလည္စရာမလိုပဲ တစ္ကယ့္ ပရီမီယံတန္းပလိတ္ တစ္ခုကို မိမိစိတ္ၾကိဳက္ ဖန္တီးလို႕ ရပါျပီ...။

ကဲ စလုပ္ၾကည့္လိုက္ ၾကရေအာင္ဗ်ာ..

အဆင့္(၁)ဒီလင့္ Blogger In Draftကေန ကိုယ့္ဘေလာ့ဂ္ အေကာင့္ကို ဝင္လိုက္ပါ အခုမွ စလုပ္မယ္ဆိုသူမ်ားအတြက္ ေလာေလာဆယ္ သူေပးထားတဲ့ တန္းပလိတ္ထဲက တစ္ခုခုကို ေရြးလိုက္ပါဗ်ာ..

အဆင့္(၂)ျပီးရင္ Layout -> Template Designer ဆိုတဲ့ ဆီမွာ ဟက္ဒါပါ/မပါ ဘက္ဂေရာင္း ပံုပါ/မပါ ေရြးပါ ...

အဆင့္(၃)မိန္းဖရိမ္၊ဘေလာ့ေအာက္ေျခ ဘေလာ့ေအာက္ေျခမွာ ဖရိမ္ ဘယ္နွစ္ခု ထည့္မလဲ ဆိုတာကိုေရြးပါ..၊

အဆင့္(၄)ျပီးရင္ Background tab ကေန ေနာက္ခံပံုထားမွာလား ဒါမွ မဟုတ္ အေရာင္ေလးပဲ ထားမွာလား ဆိုတာ ေရြးခ်ယ္ေပးပါ..၊

ဒီေနရာမွာ သူေပးထားတဲ့ ေနာက္ခံပံုေတြ မလိုခ်င္ဘူး ကိုယ့္ကိုယ္ပိုင္ ပံုကို ထည့္ခ်င္တယ္ ဆိုရင္ေတာ့ ေဟာဒီ ေအာက္က ကုဒ္ေတြ ကို ရွာလိုက္ပါ..

<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="#111111 url(http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center" value="#111111 url(http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center"/>

အနီေရာင္ျပထားတဲ့ Url ေနရာမွာ ကိုယ္လိုခ်င္တဲ့ ပံုရဲ့ လိပ္စာေလး ထည့္ေပးလိုက္ရံုပါပဲ..။

အဆင့္(၅)ေနာက္ဆံုး အေနနဲ႕ ကိုယ့္ဘေလာ့က ပိုစ့္ေနရာ ဆိုဒ္ဘား ေနရာ ေတြက စာလံုးေတြ ေနာက္ခံ အေရာင္ေတြ စာလံုး အရြယ္ အစားေတြ ကို ေရြးခ်ယ္ေပးပါ..၊

အားလံုး စိတ္ၾကိဳက္ျဖစ္ျပီဆိုရင္ Apply To Blog ဆိုတာေလးကို နိပ္လိုက္ျပီး ရင္ေတာ့ တစ္ကယ့္ ဒီဇိုင္နာ တစ္ေယာက္ ေရးဆြဲေပးထားသလို သင့္စိတ္ၾကိဳက္ ဘေလာ့တန္းပလိတ္ တစ္ခုကို သင္ပိုင္ဆိုင္နိုင္ပါျပီ..။

ဒီမွာ ကၽြန္ေတာ္ အစမ္းလုပ္ထားတာေလး သြားၾကည့္နိုင္ပါတယ္..။

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

အိမ္