Saturday, January 09, 2010
min that thant
အခုလက်ရှိလုပ်ထားတာလေးပါ။ Blog မှာ ပိုစ့် အနှစ်ချုပ်လေး နဲ့ Photo thumbnail လေးကို main page မှာ ပြအောင်လုပ်တာလေးပါ။ဘာကောင်းသလဲဆိုတော့ visitor အနေနဲ့ ပိုစ့်တွေရဲ့ အနှစ်ချုပ်ကို scroll bar နဲနဲရွှေ့ ရုံနဲ့ ချုံကြည့်လို့ရပါတယ်။ စိတ်ဝင်စားလို့ ထပ်ဖတ်ချင်တော့မှ Read more ကိုနှိပ်ရုံပါပဲ။
javascript နဲဲ့ လုပ်ထားတာလေးပါ။ ရိုးရှင်းပြီး လုပ်ရလွယ်ပါတယ်။ အခုမှ ဘလော့လုပ်သူတွေ အတွက်ကတော့ Read More ဆိုတာရှင်းပြပါမယ်။ Blog မှာ ရှည်လွန်းတဲ့ post တွေတင်တဲ့ အခါ အဲဒီ post တစ်ခုတည်းနဲ့တင် ဘလော့ကြီး ကအရှည်ကြီး ဖြစ်နေမှာ စိုးလို့ အပေါ်ပိုင်းလေးကိုပဲ ဖော်ပြပြီး ကျန်အပိုင်းတွေကို visitor က Read more ဆိုတာလေး ကို နှိပ်မှ ပေါ်အောင်လုပ်ထားတာပါ။
လုပ်နည်းကတော့..
၁။Layout ==> Edit HTML ==> မှာ Expand Widget Templates ကို အမှန်ခြစ်ပါ။
၂။အောက်ကကုတ်လေးကို ကူးပြီး < /head > ရဲ့ အောက်မှာ ထည့်ပါ။
< script type='text/javascript' >
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
< /script >
< script src='http://cebong.ipit.googlepages.com/read-moreotomatis.js' type='text/javascript'/ >
Note :
You can cutomize this size
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
ပြီးရင် < data:post.body/ > ကိုရှာပါ။ အဲဒီကုတ်နေရာမှာ အောက်ပါနဲ့ အစားထိုးလိုက်ပါ။ အပေါ်က လင့်နေရာမှာ ဒီ ဖိုင်လေးကို ဒေါင်ပြီး upload တင်ထားတဲ့ လင့်နေရာကို ထည့်ပါ။
< 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 >
သတိ။ ကုတ်တွေကူးရာမှာ < တွေနဲ့ ကုတ်တွေနဲ့ မှာ space မခြားပါဘူး။ အားလုံးကပ်ပြီးရေးရပါမယ်။
MORE INFO ===> http://www.ipietoon.com/2009/03/automatic-thumbnail-and-readmore.html
Posted in 
No Response to "Automatic Thumbnail and Readmore Function"
Post a Comment