Saturday, December 26, 2009

How to post PDF File as i-Paper

ဘေလာ့ဂ္တြင္ PDF File အား i-Paper အျဖစ္ စမ္းသပ္ေဖာ္ျပထားျခင္းျဖစ္ပါသည္။
html___mm__

Sunday, November 1, 2009

bels: Blog ဆုိင္ရာ, နည္းလမ္းမ်ား Blog တြင္ Numbered Page Navigation Bar ထည့္သြင္းျခင္း

အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ ကၽြန္ေတာ္အခု ေဖာ္ျပမွာကေတာ့ စာမ်က္ႏွာနံပါတ္ပါတဲ့ Navigation Bar ထည့္သြင္းနည္းေလးပဲျဖစ္ပါတယ္။ မသိၾကေသးသူမ်ားအတြက္ ရည္ရြယ္ေရးသားျခင္းျဖစ္တဲ့အတြက္ သိၿပီးသူမ်ားက သီးခံေပးၾကပါအုံး။ မိမိတုိ႔ ဘေလာ့ရဲ႕ ေအာက္ေျခမွာ ေအာက္က ပုံေလးေတြလုိ ေပၚေနမွာျဖစ္ပါတယ္။ နမူနာကို ဤစာမ်က္ႏွာ ေအာက္ေျခတြင္ၾကည့္ပါ။



 


အဆင့္(၁)
၁။        Dashboard >> Layout >> Edit html ကုိသြားပါ။ (ထုံးစံအတုိင္း template ကုိ backup (Download Full Template ) လုပ္ခဲ့ဖုိ႔မေမ့ပါနဲ႔)။

၂။       ]]></b:skin> ဆုိတဲ့ ကုတ္ကုိ ရွာပါ ( Expand Widget Templates ကုိ check မလုပ္ပါနဲ႔)။ ေတြ႕ရင္ အဲဒီအေပၚမွာ ကပ္ၿပီး ေအာက္မွာ ေပးထားတဲ့ ကုတ္ေတြကုိ ထည့္လုိက္ပါ။
.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}


.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;


}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;



}


.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}


.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


အဆင့္(၂)
၁။      အခုတစ္ခါ ေအာက္က ကုတ္ေတြကုိ ရွာလုိက္ပါအုံး။
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
၂။     ေတြ႕ရင္  </b:section> ရဲ႕ေအာက္ကေနကပ္ၿပီး ေအာက္မွာေပးထားတဲ့ကုတ္ေတြကုိ ထည့္ေပးလုိက္ပါ။ ၿပီးရင္ Template ကုိ Save လုပ္လုိက္ပါ။
<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=10;

  var displayPageNum=6;

  var upPageWord ='Previous';

  var downPageWord ='Next';


function showpageCount(json) {

  var thisUrl = home_page_url;

  var htmlMap = new Array();

  var thisNum = 1;

  var postNum=1;

  var itemCount = 0;

  var fFlag = 0;

  var eFlag = 0;

  var html= '';

  var upPageHtml ='';

  var downPageHtml ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {


 var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);

  timestamp = encodeURIComponent(timestamp1);


  var title = post.title.$t;


 if(title!=''){

  if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

  if(thisUrl.indexOf(timestamp)!=-1 ){

  thisNum = postNum;

  }


  if(title!='') postNum++;

  htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&amp;max-results='+pageCount;

  }

  }

  itemCount++;


  }


  for(var p =0;p&lt; htmlMap.length;p++){

  if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

  if(fFlag ==0 &amp;&amp; p == thisNum-2){

  if(thisNum==2){

  upPageHtml = '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';

  }else{

  upPageHtml = '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';

  }


  fFlag++;

  }


  if(p==(thisNum-1)){

  html += '&lt;span class=&quot;showpagePoint&quot;&gt;'+thisNum+'&lt;/span&gt;';

  }else{

  if(p==0){

  html += '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;';


 }else{

  html += '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ (p+1) +'&lt;/a&gt;&lt;/span&gt;';

  }

  }


  if(eFlag ==0 &amp;&amp; p == thisNum){

  downPageHtml = '&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';

  eFlag++;

  }

  }

  }


  if(thisNum&gt;1){

  html = ''+upPageHtml+' '+html +' ';

  }


  html = '&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages ('+(postNum-1)+')&lt;/span&gt;'+html;


  if(thisNum&lt;(postNum-1)){

  html += downPageHtml;

  }


  if(postNum==1) postNum++;

  html += '&lt;/div&gt;';


var pageArea = document.getElementsByName(&quot;pageArea&quot;);

  var blogPager = document.getElementById(&quot;blog-pager&quot;);


if(postNum &lt;= 2){

  html ='';

  }


for(var p =0;p&lt; pageArea.length;p++){

  pageArea[p].innerHTML = html;

  }


if(pageArea&amp;&amp;pageArea.length&gt;0){

  html ='';

  }


if(blogPager){

  blogPager.innerHTML = html;

  }


}


function showpageCount2(json) {


var thisUrl = home_page_url;

  var htmlMap = new Array();

  var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;

  var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;

  thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;

  var thisNum = 1;

  var postNum=1;

  var itemCount = 0;

  var fFlag = 0;

  var eFlag = 0;

  var html= '';

  var upPageHtml ='';

  var downPageHtml ='';


 var labelHtml = '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/'+thisLable+'?&amp;max-results='+pageCount+'&quot;&gt;';

  var thisUrl = home_page_url;

for(var i=0, post; post = json.feed.entry[i]; i++) {


 var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);

  timestamp = encodeURIComponent(timestamp1);

 var title = post.title.$t;


 if(title!=''){

  if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

  if(thisUrl.indexOf(timestamp)!=-1 ){

  thisNum = postNum;

  }


  if(title!='') postNum++;

  htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&amp;max-results='+pageCount;


  }

  }

  itemCount++;

  }


  for(var p =0;p&lt; htmlMap.length;p++){

  if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

  if(fFlag ==0 &amp;&amp; p == thisNum-2){

  if(thisNum==2){

  upPageHtml = labelHtml + upPageWord +'&lt;/a&gt;&lt;/span&gt;';

  }else{

  upPageHtml = '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';

  }


  fFlag++;

  }


  if(p==(thisNum-1)){

  html += '&lt;span class=&quot;showpagePoint&quot;&gt;'+thisNum+'&lt;/span&gt;';

  }else{

  if(p==0){

  html = labelHtml+'1&lt;/a&gt;&lt;/span&gt;';

  }else{

  html += '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ (p+1) +'&lt;/a&gt;&lt;/span&gt;';

  }

  }


  if(eFlag ==0 &amp;&amp; p == thisNum){

  downPageHtml = '&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';

  eFlag++;

  }

  }

  }


  if(thisNum&gt;1){

  if(!isLablePage){

  html = ''+upPageHtml+' '+html +' ';

  }else{

  html = ''+upPageHtml+' '+html +' ';

  }

  }


  html = '&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages ('+(postNum-1)+')&lt;/span&gt;'+html;


  if(thisNum&lt;(postNum-1)){

  html += downPageHtml;

  }


  if(postNum==1) postNum++;

  html += '&lt;/div&gt;';


  var pageArea = document.getElementsByName(&quot;pageArea&quot;);

  var blogPager = document.getElementById(&quot;blog-pager&quot;);


if(postNum &lt;= 2){

  html ='';

  }


for(var p =0;p&lt; pageArea.length;p++){

  pageArea[p].innerHTML = html;

  }


if(pageArea&amp;&amp;pageArea.length&gt;0){

  html ='';

  }


if(blogPager){

  blogPager.innerHTML = html;

  }


}

</script>


<script type='text/javascript'>


 var thisUrl = home_page_url;

  if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){

  if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){

  var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));

  }else{

  var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));

  }

  }


 var home_page = &quot;/&quot;;

  if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){

  if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){

  document.write('&lt;script src=&quot;'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')

  }else{document.write('&lt;script src=&quot;'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')

  }

  }

  </script>








မိိမိလုိခ်င္တဲ့ Navigation Bar ပုံစံရေအာင္ အထက္ပါကုတ္ေတြကုိ ျပင္ေပးႏုိင္ပါတယ္။
var pageCount=10;
အဲဒီကုတ္ထဲက 10 ကေတာ့ စာမ်က္ႏွာတစ္ခုစီမွာ ေဖာ္ျပေပးမယ့္ ပုိ႔စ္အေရအတြက္ပဲျဖစ္ပါတယ္။  ဒါေပမယ့္ Setting=>> Formatting မွာ မိမိေပးထားတဲ့ Main Page မွာေပၚမယ့္ စာမ်က္ႏွာအေရအတြက္နဲ႔ ကိုက္ညီေအာင္ ထားသင့္ပါတယ္။
var displayPageNum=6;
အဲဒါကေတာ့ Navigation Bar မွာ ကုိယ္ေပၚေစခ်င္တဲ့ စာမ်က္ႏွာအေရအတြက္ပါပဲ (ဥပမာ. ၁ မွ ၆ အထိ)။
var upPageWord ='Previous';
var downPageWord ='Next';
အဲဒီကုတ္ထဲက  Previous နဲ႔ Next တုိ႔ကုိ မိမိအလုိရွိသလုိေျပာင္းေပးႏုိင္ပါတယ္။ ဥပမာ ေရွ႕သုိ႔ ၊ ေနာက္သုိ႔။

အဆင့္(၃)
၁။       ဘေလာ့ဂ္မွာ Label Gadget မရွိေသးရင္ ထည့္ေပးဖုိ႔လုိပါတယ္။ Layout >> page elements >> Add Gadget >> Select Labels ။

 ၂။       Dashboard >> Layout >> Edit html ကုိျပန္သြားပါ။ Expand Widget Templates ကုိ Check Mark လုပ္ခဲ့ပါ။ ေအာက္မွာ ေပးထားတဲ့ကုတ္ကုိရွာပါ။
 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
 ၃။       အထက္ပါကုတ္ရဲ႕ေနရာမွာ ေအာက္က ကုတ္ေတြကုိ အစားသြင္းလုိက္ပါ။

<script type='text/javascript'>

  var lblname = &quot;<data:label.name/>&quot;;


  lblname2 = encodeURIComponent(lblname);

  var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=10&#39;;

  document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);

</script>

 ၄။    Template ကုိ Save လုပ္လုိက္ပါ။ အဆင္ေျပၾကပါေစခင္ဗ်ာ။
အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ ကၽြန္ေတာ္အခု ေဖာ္ျပမွာကေတာ့ စာမ်က္ႏွာနံပါတ္ပါတဲ့ Navigation Bar ထည့္သြင္းနည္းေလးပဲျဖစ္ပါတယ္။ မသိၾကေသးသူမ်ားအတြက္ ရည္ရြယ္ေရးသားျခင္းျဖစ္တဲ့အတြက္ သိၿပီးသူမ်ားက သီးခံေပးၾကပါအုံး။ မိမိတုိ႔ ဘေလာ့ရဲ႕ ေအာက္ေျခမွာ ေအာက္က ပုံေလးေတြလုိ ေပၚေနမွာျဖစ္ပါတယ္။ နမူနာကို ဤစာမ်က္ႏွာ ေအာက္ေျခတြင္ၾကည့္ပါ။



 


အဆင့္(၁)
၁။        Dashboard >> Layout >> Edit html ကုိသြားပါ။ (ထုံးစံအတုိင္း template ကုိ backup (Download Full Template ) လုပ္ခဲ့ဖုိ႔မေမ့ပါနဲ႔)။

၂။       ]]></b:skin> ဆုိတဲ့ ကုတ္ကုိ ရွာပါ ( Expand Widget Templates ကုိ check မလုပ္ပါနဲ႔)။ ေတြ႕ရင္ အဲဒီအေပၚမွာ ကပ္ၿပီး ေအာက္မွာ ေပးထားတဲ့ ကုတ္ေတြကုိ ထည့္လုိက္ပါ။
.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}


.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;


}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;



}


.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}


.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


အဆင့္(၂)
၁။      အခုတစ္ခါ ေအာက္က ကုတ္ေတြကုိ ရွာလုိက္ပါအုံး။
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
၂။     ေတြ႕ရင္  </b:section> ရဲ႕ေအာက္ကေနကပ္ၿပီး ေအာက္မွာေပးထားတဲ့ကုတ္ေတြကုိ ထည့္ေပးလုိက္ပါ။ ၿပီးရင္ Template ကုိ Save လုပ္လုိက္ပါ။







မိိမိလုိခ်င္တဲ့ Navigation Bar ပုံစံရေအာင္ အထက္ပါကုတ္ေတြကုိ ျပင္ေပးႏုိင္ပါတယ္။
var pageCount=10;
အဲဒီကုတ္ထဲက 10 ကေတာ့ စာမ်က္ႏွာတစ္ခုစီမွာ ေဖာ္ျပေပးမယ့္ ပုိ႔စ္အေရအတြက္ပဲျဖစ္ပါတယ္။  ဒါေပမယ့္ Setting=>> Formatting မွာ မိမိေပးထားတဲ့ Main Page မွာေပၚမယ့္ စာမ်က္ႏွာအေရအတြက္နဲ႔ ကိုက္ညီေအာင္ ထားသင့္ပါတယ္။
var displayPageNum=6;
အဲဒါကေတာ့ Navigation Bar မွာ ကုိယ္ေပၚေစခ်င္တဲ့ စာမ်က္ႏွာအေရအတြက္ပါပဲ (ဥပမာ. ၁ မွ ၆ အထိ)။
var upPageWord ='Previous';
var downPageWord ='Next';
အဲဒီကုတ္ထဲက  Previous နဲ႔ Next တုိ႔ကုိ မိမိအလုိရွိသလုိေျပာင္းေပးႏုိင္ပါတယ္။ ဥပမာ ေရွ႕သုိ႔ ၊ ေနာက္သုိ႔။

အဆင့္(၃)
၁။       ဘေလာ့ဂ္မွာ Label Gadget မရွိေသးရင္ ထည့္ေပးဖုိ႔လုိပါတယ္။ Layout >> page elements >> Add Gadget >> Select Labels ။

 ၂။       Dashboard >> Layout >> Edit html ကုိျပန္သြားပါ။ Expand Widget Templates ကုိ Check Mark လုပ္ခဲ့ပါ။ ေအာက္မွာ ေပးထားတဲ့ကုတ္ကုိရွာပါ။
 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
 ၃။       အထက္ပါကုတ္ရဲ႕ေနရာမွာ ေအာက္က ကုတ္ေတြကုိ အစားသြင္းလုိက္ပါ။



 ၄။    Template ကုိ Save လုပ္လုိက္ပါ။ အဆင္ေျပၾကပါေစခင္ဗ်ာ။

Tuesday, October 27, 2009

အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ အခု ကၽြန္ေတာ္ေဖာ္ျပေပးမယ့္အေၾကာင္းအရာကေတာ့ မိမိတုိ႔ရဲ႕ ဘေလာ့ဂ္မွာ  CSS codes ေတြနဲ႔ Scripts ေတြကုိ သီးျခား Style တစ္မ်ိဳးနဲ႔ ေဖာ္ျပေပးတဲ့နည္းေလးပဲျဖစ္ပါတယ္။ နမူနာကုိေတာ့ အခု ပုိ႔စ္မွာပဲၾကည့္လုိက္ပါ။ ဒီလုိေဖာ္ျပေပးျခင္းအားျဖင့္ စာဖတ္သူအေနနဲ႔လည္း Code ေတြကုိ ရွင္းလင္းစြာ ေတြ႕ျမင္ရမွာျဖစ္ပါတယ္။ စိတ္၀င္စားသူမ်ား ေအာက္ကနည္းေလးအတုိင္း လုိက္လုပ္ၾကည့္ႏုိင္ပါတယ္။။


၁။    Dashboard--->>Layout---->>Edit html ကုိသြားပါ။ Template ကုိ Backup လုပ္ခဲ့ပါ(Download Full Template)။

၂။    ]]></b:skin> ဆုိတဲ့ Code ကုိေတြ႕ေအာင္ရွာပါ။ ေတြ႕ရင္ အဲဒီအေပၚကေန ေအာက္မွာေပးထားတဲ့ Code ေတြကုိ ထည့္လုိက္ပါ။



border-right : 2px solid #cccccc.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}


၃။    Template ကုိ Save လုပ္ပါ။ CSS code ေတြနဲ႕ Script ေတြ ေအာက္မွာေပးထားတဲ့ div section ႏွစ္ခုၾကားမွာ ေရးပါ။ အဆင္ေျပၾကပါေစဗ်ာ..


<div class="codeview">

Insert the Special code here

</div>

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}


.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;


}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;



}


.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}


.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}






အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ အခု ကၽြန္ေတာ္ေဖာ္ျပေပးမယ့္အေၾကာင္းအရာကေတာ့ မိမိတုိ႔ရဲ႕ ဘေလာ့ဂ္မွာ CSS codes ေတြနဲ႔ Scripts ေတြကုိ သီးျခား Style တစ္မ်ိဳးနဲ႔ ေဖာ္ျပေပးတဲ့နည္းေလးပဲျဖစ္ပါတယ္။ နမူနာကုိေတာ့ အခု ပုိ႔စ္မွာပဲၾကည့္လုိက္ပါ။ ဒီလုိေဖာ္ျပေပးျခင္းအားျဖင့္ စာဖတ္သူအေနနဲ႔လည္း Code ေတြကုိ ရွင္းလင္းစြာ ေတြ႕ျမင္ရမွာျဖစ္ပါတယ္။ စိတ္၀င္စားသူမ်ား ေအာက္ကနည္းေလးအတုိင္း လုိက္လုပ္ၾကည့္ႏုိင္ပါတယ္။။


၁။ Dashboard--->>Layout---->>Edit html ကုိသြားပါ။ Template ကုိ Backup လုပ္ခဲ့ပါ(Download Full Template)။

၂။ ]]> ဆုိတဲ့ Code ကုိေတြ႕ေအာင္ရွာပါ။ ေတြ႕ရင္ အဲဒီအေပၚကေန ေအာက္မွာေပးထားတဲ့ Code ေတြကုိ ထည့္လုိက္ပါ။



border-right : 2px solid #cccccc.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}


၃။ Template ကုိ Save လုပ္ပါ။ CSS code ေတြနဲ႕ Script ေတြ ေအာက္မွာေပးထားတဲ့ div section ႏွစ္ခုၾကားမွာ ေရးပါ။ အဆင္ေျပၾကပါေစဗ်ာ..


Insert the Special code here

Sunday, October 25, 2009


.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}


.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;


}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;



}


.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}


.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}






Friday, October 23, 2009

Yellow Armband Journalism for Climate Change

Well you see, I didn’t see the film the “the Inconvenient Truth”, I was fortunate enough to have seen other equally powerful documentaries ex. Al GORE. So I didn’t know the song in the film until my search.  When I heard it, I thought if there would a CD with the best of CLIMATECHANGE compilation, surely this one would be in it for historic reasons. But as inconveniently, the Universal Studios makes it impossible to embed the video- this for a call-to-arms song! Surely that is not inspirational - telling people to pay for a song that should fire them up to give up a lot of conveniences.

* Lite Entertainment with Climate Change

Second if December does not workout, well why not try again in February after the New Year; certainly it is worth trying again. We even give a doomed relationship a second chance, shouldn’t the future of mankind deserve at least that much?  Who knows, after the ‘giving season’ and many bold New Year resolutions, the mood might swing for dealing with the deal….

Lite Entertainment with Climate Change

To end the first part of this blogging series with a light note, I went around the world in search of the most funniest, prettiest, music, joke, comics, drawings - anything to put a smile on the serious and worried expression people are putting these days when they discuss climate change, let alone COP15, as that is turning out to be a nightmare.

Seven Continents Plan Events For World’s…

350.org's Climate Action Day promises to send a human message to world leaders attending the UN Climate Change Summit. As December approaches, worldwide events like this one are vital. The good news is: there are 4,000 ways to get

Global Climate Action Day, a Defining Moment…

Devn McIntire's latest post discusses the effects of staged protests and demonstrations on international issues, from the Iraq war to the Copenhagen summit. McIntire asks how we can get the best result out of Global Climate Action

Alhamdulillah

Bingung mau diapain, hanya bisa ucapkan Alhamdulillah, Semoga digunakan untuk Kebaikan dijalan Allah. Amiin

Doa dan Hujan

Bismillah Sekarang sedang hujan sangat lebat sampai ga bisa pulang ke rumah jadinya nyari-nyari doa tentang hujan nemunya ini  di hisnul muslim : DOA APABILA HUJAN TURUN اَللَّهُمَّ صَيِّبًا نَافِعًا. “Ya Allah! Turunkanlah ...

Bantuan untuk Gempa di Indonesia

Powerful earthquake hits Indonesia. The brunt of Wednesday’s 7.6-magnitude earthquake, which originated in the sea off Sumatra island, appeared to have been borne by Padang town where 376 people were killed. Four other districts accounted for the remaining deaths. (Yahoo News)

Search Engine for Wordpress User

Custom Google Search Engine for search any wordpress tools, hack, stuff, theme and plugin. This custom search engine include wprecipes.com, wphacks.com, diggingintowordpress.com, weblogtoolscollection.com, wptavern.com and many other will be increase if I found useful site for wordpress user.

Informasi Terlengkap tentang Wordpress 2.8

Wordpress semakin cepat perkembangannya, kita juga harus cepat mengetahui apa saja fungsi-fungsi terbaru dari wordpress versi terkini. Untuk itulah 1stwebdesigner menyajikan New And Comprehensive Wordpress 2.8 Tutorial and Hack Toolbox dimana didalam link tersebut menyajikan Feature2 terbaru dari WP 2.8 serta tutorial dan Hack untuk wordpress versi tersebut.

Cara Posting Flash Mp3 Player di free Wordpress.com

Sebelumnya ana posting Flash Mp3 player untuk blogger atau website lain yang menggunakan javascript hal ini tidak bisa digunakan untuk Free Wordpress.com, menggunakan javascript hanya bisa digunakan untuk hosting sendiri wordpress.

Modified by Blogger Tutorial

testing ©Template Nice Blue. Modified by Indian Monsters. Original created by http://ourblogtemplates.com

TOP