We Love Chinland

စာပုိဒ္ေတြကုိ ဘယ္လုိ ေပၚေစခ်င္လဲ

ကြၽန္ေတာ္တုိ႕ Blog မွာ စာပုိဒ္ေတြ ေရးတဲ႕အခါမွာ ပထမ အပုိဒ္ကုိေတာ႕ Center မွာ ေပၚေစခ်င္တယ္။ ဒုတိယအပုိဒ္ကိုေတာ႕ ညာဘက္မွာ ေပၚေစခ်င္တယ္။ တတိယအပုိဒ္ ကုိေတာ႕ ဘယ္ဘက္မွာ ေပၚခ်င္တယ္ စတဲ႕စတဲ႕ အတုိင္းကုိယ္ေပၚေစခ်င္သလုိ ေပၚရေအာင္ ေအာက္ပါ HTML code ေလးေတြကုိအသုံးျပဳၾကည္႕လုိက္ပါ။

For align to center

<div align="center">
Your Codes For Widget
</div>

For align to left

<div align="left">
Your Codes For Widget
</div>

For align to center

<div align="right">
Your Codes For Widget
</div>

Blog Post Title မွာ Picture ထည္႕နည္း

ကြၽန္ေတာ္တုိ႕ Blog မွာ Post Title တုိင္းရဲ႕ ေရွ႕မွာ ကုိယ္ပုံေလးေတြထည္႕ခ်င္တဲ႕အခါ ထည္႕လုိ႕ရေအာင္ တင္ျပေပးလုိက္တာပါ။
အျမင္ေလးတစ္မ်ဳိးဆန္းတာေပါ႔။ ဘာရယ္ေတာ႕မဟုတ္ပါ။
1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Edit Html ကုိ click လုိက္ပါ။ Expand Widget Templates ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ေအာက္မွာေဖာ္ျပထားတဲ႕ code ေတြကုိရွာလုိက္ပါ။

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

မွက္ခ်က္။ ။ ကြၽန္ေတာ္ အေရာင္ေတြနဲ႕ ခြဲျပတာေတြရဲ႕ ၾကားေတြမွာ ထည္႕ၾကည္႕ပါ. ပုံစံေတြ ကြဲျပာစြာေပၚတာကုိေတြ႕ရမွာပါ။

3.အထပ္ပါ code ေတြၾကားမွာ ေအာက္က code ကုိ အစားသြင္းလုိက္ပါ။ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ မိမိတုိ႕ ထည္႕ခ်င္တဲ႕ ပုံရဲ႕ url နဲ႕ ေျပာင္းလုိက္ပါ။ ျပီရင္ေတာ႕ Save ေပါ႔။

<img src="http://www.thescifiworld.net/img/hotfeatures/avatars44.jpg" style="border-width: 0px;" /

Random Post Widget ျပုလုပ္နည္း

ကြၽန္ေတာ္တုိ႕ မိမိတုိ႕ေရးထားတဲ႕ Post အေရးအတြက္မ်ားလာရင္ ကုိယ္ေရးတဲ႕ Post တုိင္းကုိ စာဖတ္သူအားလုံးဖတ္ဖုိ႕ဆုိတာ မလြယ္ကူပါဘူး။ ဒါေၾကာင္႕ မိမိေရးထားတဲ႕ Post ေတြကို တစ္ၾကိမ္ကုိ (၁၀)Post ႏုန္းနဲ႕ ကြၽန္ေတာ္တုိ႔ တစ္လည္စီ Post အားလုံးကုိ အခုလုိ Random ေခါက္ေပးလုိ႕ရပါတယ္။ မိမိမွာ Post အေရးအတြက္ ၂၀၀ ရွိရင္ ၂၀၀ လုံးျပည္႔ေအာင္ ေဖာ္ျပေပးေနမွာျဖစ္ပါတယ္။ႏွစ္နည္း တင္ျပေပးပါမည္။ သင္႕ေတာ္တဲ႕ နည္းကုိအသုံးျပဳပါ။

ပထမနည္း
1.မိမိ Blog မွ layout ကုိ click လုိက္ပါ။
2.Page elements မွ Add a Gadget ကုိ click လုိက္ပါ။
3.HTML/ JavaScript ကုိ click ျပီ ေအာက္က code ကုိ ထည္႕လုိက္ပါ. ျပီရင္ Save လုိက္ေပါ႔။

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=5;</script>
<script style="text/javascript" src="http://www.hotlinkfiles.com/files/2791619_bbkmm/12345.js]12345.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

မွက္ခ်က္။ ။ ကြၽန္ေတာ္ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ ကုိယ္ပုိင္း Hosting တင္ျပီ အသုံးျပဳခ်င္ရင္ JavaScript ကုိ upload တင္ေပးလုိက္ပါတယ္။
ဒီမွာ Down ပါ

ဒုတိယနည္း

ဒီနည္းကေတာ႕ ဘာမွ Hosting ျပန္တင္စရာမလုိပါဘူး ဒီအတုိင္း အသုံးျပဳရုံးပါဘဲ။ ပထမနည္းအတုိင္း လုပ္ေဆာင္လုိက္ပါ။

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Scroll Bar Widget ျပဳလုပ္နည္း

ကြၽန္ေတာ္ ဘေလာ႕လ္မွာ Scroll Bar Widget လုပ္နည္းေလးကုိ တင္ျပေပးပါမည္။ ကြၽန္ေတာ္တုိ႕ Dtree ကုိ အသုံးမျပဳခ်င္တဲ႕ သူငယ္ခ်င္းမ်ားအတြက္ျဖစ္ပါတယ္။ လုပ္ရတာလဲ ေပါ႔ပါးပါတယ္။ ဒါေၾကာင္႕ တင္ျပေပးလုိက္တာပါ။
1. မိမိတုိ႕ Blog မွ Layout ကုိ click လုိက္ပါ.
2. Page elements ကုိ click လုိက္ပါ။ Add a Gadget ကုိ click ျပီ HTML/JavaScript ကုိ click ျပီ ေအာက္မွာ တင္ျပထားတဲ႕ code ေတြေနရာမွာမိမိ ရဲ႕ Link ေတြနဲ႕အစားထုိးလုိက္ပါ။ Your Text ေနရာမွာ မိမိရဲ႕ အေၾကာင္းအရာ ေခါင္းစဥ္ေတြကုိ ေရးပါ။ Hight နဲ႕ width ကုိ မိမိစိတ္ၾကိဳက္ ျပန္လည္ ျပဳျပင္ႏုိင္ပါတယ္။မႈရင္းဆုိဒ္က ပုံစံကုိကူယူတင္ျပလုိက္ပါတယ္။ ၾကိဳက္ရင္ေတာ႕ အသုံးခ်ၾကည္႕လုိက္ေပါ႔။

Widget လွလွေလးေတြ

ကြၽန္ေတာ္ Blogger ေတြအတြက္ Widget လွလွေလးေတြ ကြၽန္ေတာ္ တင္ျပေပးလုိက္ပါတယ္။ ကြၽန္ေတာ္ ဆုိဒ္မွာေတာ႕ နာရီေတာင္ မထည္႕ပါဘူး။ဒါေပးမဲ႕ ကြၽန္ေတာ္ရဲ႕စာဖတ္သူငယ္ခ်င္းမ်ားအတြက္ Blog မ်ားလုပ္ခဲ႕ရင္ အဆင္ေျပေစခ်င္လုိ႕ျဖစ္ပါတယ္။ ေအာက္က Widget ေတြကုိ အသုံးျပဳႏုိင္ဖုိ႕တင္ျပေပးလုိက္ပါတယ္။ဒီဆုိင္မွာ ရရွိႏုိင္ပါတယ္။

http://abowman.com/google-modules/

ဒါေလးေတြကေတာ႕ နမႈနာေလးေတြ ျပထားတာျဖစ္ပါတယ္။

Automatic Read More ျပဳလုပ္နည္း

ကြၽန္ေတာ္ Read More ျပဳလုပ္နည္းနဲ႕ ပတ္သက္ျပီ ေရွ႕မွာ တင္ျပခဲ႔ျပီျဖစ္ပါတယ္။ ဒါေပးမဲ႕ ထပ္တင္ျပခ်င္ပါေသးတယ္။ ဒါကေတာ႕ ကြၽန္ေတာ္တုိ႕ Automatic Read More ျပဳလုပ္နည္းျဖစ္ပါတယ္။ ဘယ္လုိ Blog မွာ ပုိအသုံးတည္႕သလဲဆုိရင္ ကဗ်ာ ေတြ စာေပးေတြ ေရးတဲ႕ Blog မ်ားအတြက္ အသုံးတည္႕ပါတယ္။ သူက အလုိအေလာက္ ခ်ဳံေပးပါတယ္။ စာပုိဒ္ကုိ ကုိက တင္လုိက္ရုံးပါ။ အေနေတာ္ ခ်ဳံေပးပါတယ္။ ပုံေတြကုိ မိမိတုိ႕စိတ္ၾကိဳက္ေပၚေစခ်င္လဲ အဆင္ေျပပါတယ္။ သုံးၾကည္႕လုိက္ပါ။

Step#1

ေအာက္က ဖုိင္ကုိ Download အရင္ ခ်လုိက္ပါ။

Mediafire

Step#2

ေအာက္က ဆုိဒ္မွာ Upload တင္လုိက္ပါ။
1. http://www.hotlinkfiles.com (ဒီမွာ တင္လဲရပါတယ္။ အေကာင္႕ေဖာက္ဖုိ႕ေတာ႕လုိတယ္ေနာ္)
2. http://www.ripway.com (ဒီမွာ တင္လဲရပါတယ္။ အေကာင္႕ေဖာက္ဖုိ႕ေတာ႕လုိတယ္ေနာ္)

Step#3

1. ေအာက္က code ေတြမွာ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ မိမိတုိ႕ upload တင္ထားတဲ႕ Javascript Link ကုိ အစားသြင္းလုိက္ပါ။ Summary_noimg , Summary_img, img_thumb_Height, img_thumb_width စသည္တုိ႕ မိမိတုိ႕စိတ္ၾကိဳက္ ျပန္ျပင္ႏုိင္ပါတယ္။ အဲဒါေတြကုိ စိတ္ၾကိဳက္ ျပဳျပင္ျပီရင္ မိမိ Blog မွ Layout မွ Edit Html ကုိ click လုိက္ပါ။ </head> ကုိရွာလုိက္ပါ။ </head> ရဲ႕အေပၚမွာ ေအာက္က code ေတြကုိ copy လုပ္ျပီထည္႕လုိက္ပါ။

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://boxstr.com/files/asd*****___*****/read-more_auto.js' type='text/javascript'/>

Step#4

1. ျပီရင္ Layout မွ Edit Html ကုိ click လုိက္ပါ။ Expand widget templates ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ ေအာက္က code ကုိ ရွာလုိက္ပါ။

<data:post.body/>

2. အထပ္ပါ code ကုိ Delete ေပးျပီ ေအာက္က code ကုိ ထည္႕လုိက္ပါ။

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more “<data:post.title/>”</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

3. ျပီရင္ Saves Templates ကုိ click လုိက္ပါ။ ျပီပါျပီ။

Posted by မုိးထက္ျမင္႕

Friday, April 27, 2012

စာပုိဒ္ေတြကုိ ဘယ္လုိ ေပၚေစခ်င္လဲ

Blog Post Title မွာ Picture ထည္႕နည္း

Scroll Bar Widget ျပဳလုပ္နည္း

Widget လွလွေလးေတြ

Automatic Read More ျပဳလုပ္နည္း

No comments:

Post a Comment

;

.