Sunday, June 30, 2013

Android ဖုန္း/Tablet မ်ားကုိ Pattern Lock ျဖဳတ္နည္း (Manually)



ပုိ႕စ္ေရးသားသူ- ကုိေဇာ္သူရိန္ထြန္း
Pattern Lock ေမ့ေနလုိ႕ Android ဖုန္းပုိင္ရွင္ေတြအတြက္ Pattern Lock ျဖဳတ္နည္းေလးကုိတင္ဆက္ေပးလုိက္ပါတယ္။
ေျဖရွင္းနည္းမေရးခင္ သေဘာတရားကို အရင္ရွင္းျပပါရေစ။ Android ဖုန္းေတြမွာ ကၽြန္ေတာ္တို႔ သတ္မွတ္ထားတဲ့ Setting ေတြအားလံုးဟာ Database ထဲမွာ သိမ္းထားတာ ျဖစ္ပါတယ္။ Ringtone ကအစ ဘယ္ဖိုင္ကို Ringtone အေနနဲ႔သတ္မွတ္ထားတယ္၊ Volume ကို ဘယ္ေလာက္အထိ တင္ထားတယ္အဆံုး အားလံုးဟာ Database ထဲမွာ ရွိေနပါတယ္။
အခု Pattern Lock ျပႆနာဟာ ဖုန္းရဲ႕ Lock Screen ကို Pattern နဲ႔ဖြင့္လို႔ရေအာင္ လုပ္မိၿပီးကာမွ Pattern ကို ေမ့သြားၿပီးမွ အခါခါႀကိဳးစားရင္းနဲ႔ မရတဲ့ေနာက္ဆံုးမွာ ဖုန္းက အလိုလို Lock ခ်ပစ္လိုက္ျခင္းပဲ ျဖစ္ပါတယ္။ ေနာက္ကြယ္မွာ တကယ္တမ္းေတာ့ ဖုန္းရဲ႕ Database ထဲမွာ ရွိတဲ့ lockscreen.lockoutpermanently ရဲ႕ တန္ဖိုးဟာ အရင္ 0 ကေန 1 ကို ေျပာင္းလဲသြားျခင္းပဲ ျဖစ္ပါတယ္။ ကၽြန္ေတာ္တို႔က အဲဒီ 1 ကို 0 ျပန္ေျပာင္းႏိုင္ရင္ ေျပလည္သြားမွာ ျဖစ္ပါတယ္။
ဒါေပမယ့္ Android ဖုန္းေတြမွာ အဲဒီလို Database အတြင္းပိုင္းကို ျပဳျပင္ခြင့္ေပးမထားပါဘူး။ Root လုပ္ထားတဲ့ ဖုန္းေတြမွာသာ ျပဳျပင္ခြင့္ ရပါတယ္။ ဒါေၾကာင့္ ေအာက္ပါနည္းလမ္းဟာ Root လုပ္ထားတဲ့ဖုန္းေတြမွာသာ အက်ံဳး၀င္ပါတယ္။ ေနာက္ၿပီး ADB နဲ႔ Command ေတြသံုးၿပီး ျပဳျပင္မွာမို႔ ကိုယ့္ဖုန္းဟာ အဲဒီလို ကြန္ပ်ဴတာက Command ေတြနဲ႔တစ္ဆင့္ ခိုင္းေစခြင့္ကို ခြင့္ျပဳထားဖို႔လိုပါတယ္။ တစ္နည္းအားျဖင့္ USB Debugging ကို အမွန္ျခစ္ ထားဖို႔ လိုပါတယ္။ Lock က်သြားၿပီမွ USB Debugging ကို ဖြင့္ေပးဖို႔ဆိုတာေတာ့ မျဖစ္ႏိုင္ေတာ့ဘူး။ အစကတည္းက USB Debugging ကုိ ဖြင့္ထားတဲ့
ဖုန္းေတြမွာသာ ရပါလိမ့္မယ္။ ကံေကာင္းတာက အေတာ္မ်ားမ်ားဟာ USB Debugging ကို ဖြင့္ထားတတ္ၾကပါတယ္။
အေပၚကအဆင့္ေတြနဲ႔ ကိုက္ညီၿပီဆိုရင္ အဆင္ေျပပါၿပီ။ အရင္ဆံုး သူ႔ရဲ႕ settings.db လို႔ေခၚတဲ့ setting database ႀကီးကို ကြန္ပ်ဴတာထဲမွာ ေကာ္ပီကူးယူမယ္။ lockoutpermanently တန္ဖိုးကို 1 ကေန 0 ေျပာင္းမယ္။ ၿပီးရင္ ျပဳျပင္ထားတဲ့ settings.db ကို ဖုန္းထဲကို ျပန္ထည့္မယ္။ ဒါေလးပါပဲ။ ဘယ္ေဆာ့ဖ္၀ဲလ္ေတြလိုလဲ
Android Debug Bridge(ADB) လို႔ေခၚတဲ့ Android ဖုန္းေတြကို Command နဲ႔ အမိန္႔ေပးခိုင္းေစ ျပဳျပင္ႏိုင္တဲ့ Tool တစ္ခုလိုပါတယ္ (အဲဒါက Google က
ထုတ္ေပးထားပါတယ္)။ ေနာက္ၿပီး Database ထဲက အခ်က္အလက္ေတြကို ဝင္ၿပီးျပင္မွာမို႔ Database Management Tool တစ္ခုလည္း လိုပါ့မယ္။ Android
က SQLite Database ကို သံုးထားတာမို႔ sqlite ဆိုတဲ့ Database Management Tool တစ္ခု လိုပါတယ္။ ေနာက္ၿပီး ဖုန္းနဲ႔ကြန္ပ်ဴတာ ဆက္သြယ္ႏိုင္ဖို႔အတြက္ ဖုန္းရဲ႕ Driver ကို ကြန္ပ်ဴတာထဲမွာ ထည့္သြင္းထားဖို႔ လိုပါမယ္။
ဘယ္လိုအရည္အခ်င္းေတြလုိလဲ
Command Prompt သံုးစြဲနည္းကို သိထားဖို႔လိုသလို ADB သံုးစြဲနည္းကို အနည္းငယ္သိထားဖို႔လိုပါတယ္။ Database အေၾကာင္းကိုလည္း တီးမိေခါက္မိ ရွိဖို႔လိုပါတယ္။
ေအာက္က link မွာေပးထားတာကုိ download အရင္ဆြဲထားပါ။
Zip ဖိုင္ က zip
Download လုပ္ဆြဲျပီးျပီဆုိရင္ ဇစ္ဖုိင္ကုိ Extract လုပ္ပါ။ အဲဒီထဲမွာ adb ရယ္၊ sqlite ရယ္ ပါဝင္ပါတယ္။
ေျဖရွင္းနည္း
၁။ ဖုန္းနဲ႔ကြန္ပ်ဴတာ ဆက္သြယ္ပါ။ (Driver မရွိရင္ေတာ့ Driver ကို ႀကိဳတင္ၿပီး Install လုပ္ထားပါ)
၂။ Command Prompt ကိုဖြင့္ပါ။ adb ရွိတဲ့လမ္းေၾကာင္းဆီသြားပါ။ (ဥပမာ C:\adb) ကိုယ့္ဖုန္းကို adb က သိမသိ စမ္းဖို႔လိုပါမယ္။ အဲဒီအတြက္ adb devices ဆိုၿပီး ရိုက္ထည့္လိုက္ပါ။ devices attached ေအာက္မွာ ID တစ္ခု ေပၚလာရင္ ဖုန္းကို adb က သိေနၿပီ ျဖစ္ပါတယ္။
၃။ adb shell ဆိုၿပီး ရိုက္ထည့္ပါ။
၄။ shell@android:/$ ဆိုၿပီး ေပၚလာပါလိမ့္မယ္။ အတြင္းပိုင္းေတြကို ၀င္ျပင္မွာျဖစ္တာမို႔ root access ေျပာင္းဖို႔လိုပါမယ္။ su ဆိုၿပီး ရိုက္ထည့္လိုက္ပါ။
၅။ shell@anroid:/# ဆိုၿပီး ေျပာင္းသြားပါလိမ့္မယ္။ အဲဒီလိုမေျပာင္းရင္ေတာ့ root မလုပ္ရေသးလို႔ ျဖစ္ႏိုင္ပါတယ္။
၆။ ဖုန္းထဲမွာရွိတဲ့ Database ေတြသိမ္းထားတဲ့ Folder ဟာ ပံုမွန္အားျဖင့္ ဖတ္လို႔မရေအာင္ ကာကြယ္ထားပါတယ္။ ဒါေၾကာင့္မို႔ chmod command ကို
သံုးၿပီး Permission ကို ေျပာင္းလဲဖို႔ လိုပါတယ္။ ေအာက္က Command သံုးၿပီး လုပ္လိုက္ပါ။
chmod 0777 /data/data/com.android.providers.settings/databases
ဒါဆို data/data/com.android.providers.settings ထဲက databasese ဆိုတဲ့ folder က Permission ေတြ ျပဳတ္သြားၿပီျဖစ္ပါတယ္။ ဖ်က္ပစ္တာ၊ ေကာ္ပီကူးယူတာေတြ လုပ္ခြင့္ရွိသြားပါၿပီ။ shell ကေန Control+C ႏွိပ္ၿပီး ထြက္လိုက္ပါ။
၇။ အဲဒီ databases ထဲက settings.db လို႔ေခၚတဲ့ settings database ဖိုင္ကို ကြန္ပ်ဴတာထဲကို ကူးယူပါမယ္။ အဲဒီအတြက္ ေအာက္က command ကို သံုးပါ။
adb pull /data/data/com.android.providers.settings/databases/settings.db C:\adb
ဒါဟာ settings.db ဖိုင္ကို C:\adb ထဲကို ကူးယူလိုက္ျခင္းပဲ ျဖစ္ပါတယ္။
၈။ sqlite ကိုသံုးၿပီး settings.db ကို ျပဳျပင္ပါေတာ့မယ္။
sqlite3 settings.db လို႔ ရိုက္ထည့္လိုက္ပါ။
command prompt ဟာ sqlite> ဆိုၿပီး ေျပာင္းလဲသြားပါလိမ့္မယ္။ sqlite စအလုပ္လုပ္ေနပါၿပီ။ .tables ဆိုၿပီး ရိုက္ထည့္ၾကည့္ပါ။ settings.db ထဲမွာရွိတဲ့
table ေတြရဲ႕ နာမည္ေတြ ေတြ႕ပါလိမ့္မယ္။
အဲဒီမွာ pattern lock တန္ဖိုးက secure ဆိုတဲ့ table အထဲမွာ သိမ္းထားပါတယ္။ တစ္ခ်ိဳ႕ဖုန္းေတြမွာေတာ့ system ဆိုတဲ့ table ထဲမွာ သိမ္းထားပါတယ္။
အခု ကၽြန္ေတာ္စမ္းသပ္ခဲ့တဲ့ ဖုန္းဟာ secret ဆိုတဲ့ table ထဲမွာ သိမ္းထားတာမို႔ အဲဒီ table ထဲမွာရွိတဲ့ lockscreen.lockedoutpermanently ရဲ႕ တန္ဖိုးကို 0 လို႔ ေျပာင္းလဲဖို႔အတြက္ အခုလို command ကို သံုးလိုက္ပါတယ္။
update secret set value=0 where name=’lockscreen.lockedoutpermanently’;
autolock ျဖစ္ေနတာကိုလည္း အခုလို command သံုးၿပီး ျဖဳတ္ပစ္ပါတယ္။
update system set value=0 where name=’lock_pattern_autolock’;
Database ကို ျပဳျပင္ျခင္း ၿပီးဆံုးသြားပါၿပီ။ .quite လို႔ ရိုက္ထည့္ၿပီး ထြက္လိုက္ပါ။ အခု ျပဳျပင္ထားတဲ့ settings.db ကို ဖုန္းထဲကို ျပန္ထည့္ပါ့မယ္။
အဲဒီအတြက္ ေအာက္ပါ command ကို သံုးလိုက္ပါ။
adb push settings.db /data/data/com.android.providers.settings/databases/
ၿပီးဆံုးပါၿပီ။ ကိုယ့္ဖုန္းကို restart လုပ္ၾကည့္ပါ။ Patter Lock က်ေနတာ ေပ်ာက္ကြယ္သြားပါလိမ့္မယ္။ အဆင္ေျပၾကပါေစ။

ေဒါင္းနည္းမ်ားမသိပါက ဒီမွာ သြားၾကည့္ေပးပါခင္ဗ်ာ

အြန္လုိင္းမွာနုိင္ငံတကာ ရုပ္သံလိုင္းေတြၾကည့္ခ်င္တဲ့သူေတြအတြက္ SopCast V3.8.3 Portable For Windows XP/7/8


ကြန္ပ်ဴတာကုိအသုံးျပဳျပီး နုိင္ငံတကာ ရုပ္သံလုိင္းေပါင္းမ်ားစြာကုိၾကည့္ရႈနုိင္တဲ့ေဆာ့၀ဲေလးပါ။ Internet ေတာ့ရွိဖုိ႕လုိတာေပါ့ေနာ္။ Windows XP/7/8 အားလုံးမွာအသုံးျပဳနိင္ပါတယ္။ မရဘူးလို႔ေျပာမွာစုိးလို႔ ကုိယ္တုုိင္ၾကည့္ထားတဲ့ပံုေလးတင္ေပးလိုက္ပါတယ္
သူက အျခားအမ်ဳီးစားေတာ့ မသိဘူး သူက ၾကည့္မယ္ဆိုရင္ အရင္ Download လုပ္ပါတယ္ 50 ရာခိုင္နႈန္းေက်ာ္မွ အလုပ္လုပ္ပါတယ္
လုိင္းေတြေတာ့ ေတာ္ေတာ္စံုပါတယ္ ကြ်န္ေတာ္က တရုတ္လိုင္း ဖြင့္ျပထားတာပါ။ Portable  ဆိုေတာ့ Install လုပ္စရာမလုိဘဲအသုံးျပဳနုိင္ပါတယ္။ ေဆာ့၀ဲကုိ Memory Card ေတြ Memory Stick ေတြထဲမွာေဆာင္ထားျပီး အသံုးျပဳနုိင္ပါတယ္။ SopCast v3.8.3 for Windows XP/7/8 ကုိေအာက္က link မွာရယူနုိင္ပါတယ္။
Download>>>>>zippyshare (or)datafilehost
အသံုးျပဳနည္းကေတာ့ SopCast ကုိဖြင့္ပါ
ဒီအတုိင္းလညး္ ၀င္လညး္ရသလို ကုိယ္ဟာကုိအေကာင့္ဖြင့္လညး္ရပါတယ္ ဒီအတုိင္းဘဲ၀င္လိုက္ပါ

အခုလိုမ်ဳိးေတြ႔ရပါမယ္ Live Channels ကလစ္လုိက္ပါ လိုင္းေပါင္းစံုရွိပါတယ္
ကုိယ္နွစ္တဲ့ လုိင္းအေပၚမွာ Right ကလစ္ေထာက္ျပီးေတာ့ play ကုိကလစ္လိုက္ပါ
အေပၚကကြ်န္ေတာ္ၾကည့္ခဲ့တဲ့ ရုပ္သံလိုင္းလိုျမင္ရမွာျဖစ္ပါတယ္
အဆင္ေျပပါေစ

Wednesday, June 26, 2013

Favicon ဆိုတာဘာလဲ?






Favicon ဆိုတာ မိမိဆိုဒ္ရဲ႕ သေကၤတတစ္ခုပါ... ဆိုဒ္နာမည္ရဲ႕ဘယ္ဘက္ေဘးမွာ ေပၚေနတဲ့ Logo ေလးကို ေျပာတာပါ....
အဲဒါကို ဘယ္လိုထည့္မလဲ....
Faviconကို Bloggerထဲမွာ ထည့္မယ္ဆိုရင္ ေအာက္ပါအဆင့္မ်ားကို လုပ္ေဆာင္ပါ..

    Faviconပံုေတြကို သင္ကိုယ္တိုင္ Image Editor/ Photo Editorျဖင့္ ဖန္တီးႏိုင္ပါသည္။ ဥပမာ - Photoshopစသည္ျဖင့္ ျပဳလုပ္ႏိုင္ပါသည္။ Internetထဲမွာလည္း ရွာႏိုင္ပါသည္။ မရွာပါနဲ႔ေတာ့။ အခု ကၽြန္ေတာ္ေပးတဲ့ Websiteမွ ယူႏိုင္ပါသည္။ ၄င္းတြင္ မိမိကိုယ္တိုင္လည္း ဖန္တီးႏိုင္ပါသည္။ ကၽြန္ေတာ္ကေတာ့ ျပင္းလို႔ သူေပးထားတဲ့ Lastest Faviconsကိုပဲယူပါတယ္။
1. Blogger > Layout > Edit HTML > Expand Widgetကို အမွန္ျခစ္ျပဖို႔ မေမ့ပါနဲ႔။
    ထို႔ေနာက္ ေအာက္ပါ Codeကိုရွာပါ။


<b:skin><![CDATA[/*
2.ေတြ႕ၿပီဆိုရင္အဲဒီCode အေပၚမွာ ေအာက္က Code ကို ထည့္ေပးလိုက္ပါ...
<link href='Your Favicon URL' rel='shortcut icon'/> 
3.အဲဒီေနာက္ Your Favicon URLေနရာမွာ မိမိၾကိဳက္ႏွစ္သက္တဲ့ Faviconပံုရဲ႕ linkကို ထည့္သြင္းရမွာ ျဖစ္ပါတယ္.... ကဲ ဒီwebsite ကို ထပ္သြားပါ။ Latest Favicon ကိုႏွိပ္ပါ။
မိမိၾကိဳက္ႏွစ္သက္တဲ့ Faviconကိုႏွိပ္လိုက္ပါ။ ပံုအၾကီးႏွင့္ အေသးရွိပါတယ္။ အေသးေပၚတြင္ Right-clickႏွိပ္ၿပီး Propertiesကိုႏွိပ္ပါ။
Location မွ Linkကို Selectလုပ္ၿပီး Copyလုပ္ပါ။
Your Favicon URLေနရာမွာ မိမိ Copy လုပ္ထားတဲ့ Linkကို အစားထိုးသြင္းလိုက္ပါ။
Save Templateျဖင့္ အဆံုးသတ္ပါ။ ဒါဆို Faviconအေၾကာင္းကို သိသင့္သေလာက္ သိၿပီေပါ့။

ဒါက Code သံုးၿပီးလုပ္တာပါ....

4.Layout ထဲက  Favicom ကို Edit လုပ္ၿပီးလိုက္ရင္ ပံုတင္ဖို႔ Browse ေတြ႕လိမ့္မယ္ ..
အဲဒီမွာ ကိုယ့္ကြန္ပ်ဴတာထဲက ပံုကို ႏွိပ္ၿပီး Upload တင္လို႔လည္းရပါတယ္...

အဆင္ေျပပါေစ.....

Blog Page မွာ ပံုႏွင့္ ဗီြဒီယိုဖိုင္မ်ားတင္ျခင္း



1.ဓါတ္ပံုတင္မယ္ဆိုရင္.
ဘေလာ့ရဲ႕ ပို႔စ္ေရးတဲ့စာမ်က္ႏွာထဲမွာ ကိုတင္ခ်င္တဲ့ ေနရာမွာ ကလစ္တစ္ခ်က္ႏွိပ္လိုက္ၿပီး Formatting Bar က Insert Image ဆိုတာကို ႏွိပ္ရမွာျဖစ္ပါတယ္..

ဒါဆိုရင္ေတာ့ ဒီလို Select a file ဆိုတဲ့ေဘာက္တစ္ခုက်လာပါမယ္..

ဒီေဘာက္ထဲမွာ ဘယ္ဘက္အျခမ္းက Upload ဆိုတာက ကြန္ပ်ဴတာက ပံုကို တင္ဖို႔ပါ.. အဲဒါကိုႏွိပ္ထားရင္ ညာဘက္မွာ Choose Files ဆိုတာေပၚပါတယ္.. Choose Files ကိုႏွိပ္ရင္ ေဘာက္တစ္ခုထြက္လာၿပီး အဲဒီေဘာက္ထဲမွာ ကိုယ္တင္မယ့္ ဓါတ္ပံုရွိရာကိုသြား. တင္မယ့္ဓါတ္ပံုကို တစ္ခ်က္ႏွိပ္ၿပီး Open ကိုႏွိပ္ရပါမယ္..
ခဏေနရင္ Select a file ဆိုတဲ့အကြက္ထဲကို တင္လိုက္တဲ့ဓါတ္ပံုေရာက္လာပါၿပီ.. ဓါတ္ပံုကို တစ္ခ်က္ႏွိပ္ၿပီး Add selected ဆိုတာကိုႏွိပ္လိုက္ရင္ Page ထဲကို ဓါတ္ပံုေရာက္လာပါၿပီ

ေနာက္တစ္ခုက From this blog ဆိုတာပါ.. ဒါက ဒီဘေလာ့ထဲမွာ အရင္ကတင္ၿပီးသားပံုရွိရင္ အဲဒီပံုကိုပဲ သံုးမယ္ဆိုတာကိုေျပာတာပါ..
ဒါေတြကို မေျပာေတာ့ပဲ အသံုးမ်ားတာကိုပဲေျပာပါေတာ့မယ္..
From a URL ဆိုတာပါ... ဒါကေတာ့ အင္တာနက္ေပၚက ဓါတ္ပံုေတြရဲ႕ URL လိပ္စာကို ထည့္ေပးရပါမယ္.. အဲဒါကေတာ့ Website ေပၚက ဓါတ္ပံုေတြကို ညာကလစ္ေထာက္ၿပီး Copy image location ကိုႏွိပ္ (သို႔မဟုတ္) ဓါတ္ပံုကိုႏွိပ္လိုက္ၿပီး အေပၚ address bar က url ကိုကူးၿပီး Paste ခ်ေပးလိုက္ပါ.. ဒါဆိုရင္ Select a file ဆိုတဲ့ေဘာက္ထဲကို ဓါတ္ပံုေရာက္လာမွာျဖစ္ပါတယ္.. ေရာက္လာရင္ေတာ့ Add selected ဆိုတာကို ႏွိပ္ေပးလိုက္ရင္ Post ထဲကို ဓါတ္ပံုေရာက္လာမွာပါ..

ေရာက္လာတဲ့ဓါတ္ပံုကို တစ္ခ်က္ႏွိပ္လိုက္ရင္ ပံုရဲ႕ေအာက္နားေလးမွာ Small-Medium-Large- X-large - Original size ဆိုၿပီး ဓါတ္ပံုရဲ႕ အရြယ္အစားကို ေရြးလို႔ရပါတယ္.. သာမန္အားျဖင့္ေတာ့ Medium ကို ေရြးေပးေလ့ရွိပါတယ္.. အဲဒါနဲ႔ တစ္တန္းတည္းပဲ. left-Center-Right တစ္ခုခုကိုႏွိပ္ၿပီး ဓါတ္ပံုကို ဘယ္လိုထားမလဲဆိုတာကိုေရြးေပးႏိုင္ပါတယ္..

2. ဗီြဒီယိုဖိုင္တင္ဖို႔ကလည္း ဓါတ္ပံုတင္တာနဲ႔ အတူတူပါပဲ.. ခုနက ဓါတ္ပံုတင္ဖို႔ေရြးခဲ့တဲ့ Insert Image ဆိုတဲ့ပံုရဲ႕ ညာဘက္မွာ Insert a video ဆိုတာကိုႏွိပ္လိုက္ရပါမယ္..


ဒါဆိုရင္ Select a file ဆိုတဲ့ေဘာက္က်လာမွာျဖစ္ပါတယ္.. ဓါတ္ပံုတင္ခဲ့သလို ဘယ္ဘက္က Upload ကိုတစ္ခ်က္ေရြး. ညာဘက္က Choose a video to upload ကိုႏွိပ္ ကိုယ့္ကြန္ပ်ဴတာထဲက Video ဖိုင္ကို ေရြးၿပီး Open ကိုႏွိပ္ေပးရမွာပါ.. From Youtube ဆိုတာမွာေတာ့ Youtube က ကိုလိုခ်င္တဲ့ Video ဖိုင္ရဲ႕ URL လင့္ကို ထည့္ေပးလိုက္ရံုပါပဲ.. ပံုမျပေတာ့ဘူးေႏွာ္.. သေဘာေပါက္မွာပါ.. အက်ယ္ေတာ့ မရွင္းျပေတာ့ဘူးဗ်ာ.. ဒါေလး လုပ္ရင္းနဲ႔ သိလာပါလိမ့္မယ္..

အဆင္ေျပပါေစ...

Tuesday, June 25, 2013

Blog မွာ Read More Button ထည့္နည္း..







ဘေလာ့ကို နည္းနည္းအေတြ႕အႀကံဳရလာၿပီးသူေတြအတြက္ ဒီပို႔စ္က သိပ္တန္ဖိုးမရွိေပမယ့္ ဘေလာ့ကို ခုမွ စလုပ္သူေတြအတြက္ေတာ့ အသံုး၀င္မယ့္ပို႔စ္တစ္ခုပါ.

မ်ားေသာအားျဖင့္ တန္းပလိတ္လဲတတ္ၿပီဆိုရင္ Auto Read More Button ပါတဲ့ တန္းပလိတ္နဲ႔ Menu ပါတဲ့ တန္းပလိတ္ကိုရွာေဖြၿပီး လဲတတ္ၾကပါတယ္..
(တန္းပလိတ္အစားထိုးနည္း ဒီမွာ ၾကည့္ပါ..)
ဒါေပမယ့္ ကိုယ္ႀကိဳက္တဲ့ တန္းပလိတ္က Read More အဆင္သင့္မပါလာဘူး.. junp break ေခါက္လိုက္လို႔ ေပၚလာတဲ့ Read More ကလည္း Button ေလးနဲ႔မဟုတ္ဘူး. ဒါေပမယ့္ ကိုယ္က Read More ကို Button ေလးနဲ႔
လုပ္ခ်င္တယ္ဆိုရင္ ေအာက္မွာေပးထားတဲ့နည္းကို တစ္ဆင့္ခ်င္းလုပ္သြားလိုက္ပါ.

1. Blogger Singin ၀င္လိုက္ပါ။

2. DASHBOARD မွာ ကိုယ့္ရဲ႕ဘေလာ့ကို ေရြးလိုက္ပါ.. ဆိုလိုတာက တစ္ေယက္တည္း ဘေလာ့ေတြ ၁ ခုမက ရွိေနတတ္လို႔ပါ..
3. Template ကို တစ္ခ်က္ႏွိပ္ပါ.. (blog တစ္ခ်ဳိ႕မွာေတာ့ Layout ကိုႏွိပ္ရပါတယ္..)



4.EDIT HTML  ကိုႏွိပ္ပါ.... Process ကိုထပ္ႏွိပ္လိုက္ပါ..


5.ေပၚလာတဲ့ေဘာက္ရဲ႕ ဘယ္ဘက္အေပၚနားေလးမွာ EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးလိုက္ပါ.


6.ခဏေစာင့္ၿပီး အဲဒီ Edit HTML ေဘာက္ထဲကို ကလစ္တစ္ခ်က္ႏွိပ္ၿပီး ကာဆာ ခ်ထားလိုက္ပါ..Ctrl+F ကိုႏွိပ္ၿပီး Find Box ေဘာက္ထဲမွာ


</head>  ထည့္ၿပီးကိုရွာပါ...


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


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/> 


7.ၿပီးရင္ ေအာက္က Code ကိုထပ္ရွာပါ၊


<data:post.body/>


ေတြ႕ျပီဆိုရင္<data:post.body/>  ကို ေအာက္က Code နဲ႕အစားထိုးေပးလိုက္ပါ။။


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'>

<a expr:href='data:post.url' rel='bookmark'><b>Read More </b></a></span>
</b:if> 


ဒါဆိုရင္ေတာ့ Auto Read More ထည့္ၿပီးသြားပါၿပီ. jump break မေခါက္ဘဲနဲ႔ Read More ဆိုတာေလးကို ျမင္ရမွာျဖစ္ပါတယ္..

ထည့္ၿပီးရင္ ေတာ့ Preview နဲ႔ ၾကည့္လိုက္ပါအံုး..
အခုခ်ိန္မွာ Read More ဆိုတဲ့စာသားေလးပဲေတြ႕ရမွာပါ.. error မေပၚဘူးဆိုရင္ Save template ကို ႏွိပ္လိုက္ၿပီးခဏေစာင့္လိုက္ပါ..
ေကာင္းၿပီ.. အဲဒီ Read More ဆိုတဲ့စာေလးကို ထပ္ၿပီး ပံုေလးနဲ႔ အစားသြင္းရေအာင္


Read More စာသားကို ပံုေလးနဲ႔ အစားသြင္းျခင္း

တန္းပလိတ္မွာ Auto Read More ပါလာတဲ့သူေတြက အေပၚကအဆင့္ 6 နဲ႔ 7 ကို လုပ္စရာမလိုပါဘူး.
အေပၚမွာေျပာခဲ့သလို အဆင့္ (1)ကေန (5)ထိ ၀င္ၿပီးသြားၿပီဆိုရင္
1. Ctrl+F ကိုႏွိပ္ၿပီး Find Box ေဘာက္ထဲမွာ Read More ကို ထည့္ၿပီးရွာလိုက္ပါ..
2. ေတြ႕ၿပီဆိုရင္ Read More ကို ေအာက္က လင့္နဲ႔ အစားထိုးလိုက္ပါ..
<img src=' http://www.fileden.com/files/2012/4/30/3298584/dark-orange.gif '/> 
ဒါဆိုရင္ ဒီလိုေလးျဖစ္သြားမယ္..
<a expr:href='data:post.url'><img src=' http://www.fileden.com/files/2012/4/30/3298584/2-mini-allblogtools.gif '/> </a></span>
ဟုတ္ရဲ႕လား..
ကဲ Preview ကိုၾကည့္လိုက္ရင္ လန္းေနတာေတြ႕ရမွာပါ..
အဲဒီ Read More Button ကို မႀကိဳက္ေသးဘူးဆိုရင္ http://www.fileden.com/files/2012/4/30/3298584/2-mini-allblogtools.gif ဆိုတဲ့ေနရာမွာ ေအာက္က ပံုေတြထဲက ကိုယ္ႀကိဳက္တဲ့ ပံုရဲ႕ လင့္ကို အစားထိုးေပးလိုက္ပါ..
http://www.fileden.com/files/2012/4/30/3298584/original.gif


http://www.fileden.com/files/2012/4/30/3298584/green.gif
 

http://www.fileden.com/files/2012/4/30/3298584/green1.gif
 
http://www.fileden.com/files/2012/4/30/3298584/black.gif

http://www.fileden.com/files/2012/4/30/3298584/light-orange.gif

http://www.fileden.com/files/2012/4/30/3298584/dark-orange.gif
http://www.fileden.com/files/2012/4/30/3298584/black1.gif
http://www.fileden.com/files/2012/4/30/3298584/blue.gif
http://www.fileden.com/files/2012/4/30/3298584/blue1.gif
http://www.fileden.com/files/2012/4/30/3298584/blue-dark.gif
http://www.fileden.com/files/2012/4/30/3298584/blue.png
http://www.fileden.com/files/2012/4/30/3298584/dark-grey.gif
http://www.fileden.com/files/2012/4/30/3298584/greenish.png
http://www.fileden.com/files/2012/4/30/3298584/grey.gif
http://www.fileden.com/files/2012/4/30/3298584/light-blue.png
http://www.fileden.com/files/2012/4/30/3298584/pink.png
http://www.fileden.com/files/2012/4/30/3298584/purple.gif
http://www.fileden.com/files/2012/4/30/3298584/purple.png
http://www.fileden.com/files/2012/4/30/3298584/purple1.gif
http://www.fileden.com/files/2012/4/30/3298584/red.png
http://www.fileden.com/files/2012/4/30/3298584/red1.gif
http://www.fileden.com/files/2012/4/30/3298584/red-dark.gif

ဒါဆိုရင္ေတာ့ Read More Button ေလးနဲ႔ လန္းသြားၿပီေပါ့..

( Read More Button ေတြကို ေအာက္ကလင့္ေတြမွာ ေဒါင္းၿပီး ကိုယ့္ကိုယ္ကို တင္ၿပီးေတာ့ လင့္ယူရင္လည္း ရပါတယ္....
Download Read More Buttons >> Mediafire or Ziddu or SendSpace or Tusfiles or 
                                         Solidfiles

တစ္ခုေတာ့ ထပ္ေျပာခ်င္ေသးတယ္.. ကၽြန္ေတာ္ေျပာတဲ့နည္းကိုလုပ္ၿပီး Read More က ေတာ့ အဆင္ေျပသြားတယ္..  ဒါေပမယ့္ Post ရဲ႕ ပံုေလးေတြက ငယ္ေနၿပီး စာသားေတြကလည္း ၃/၄ ေၾကာင္းေလာက္ပဲေပၚတယ္. အဲဒါကို မႀကိဳက္ဘူးဆိုရင္..


1. Ctrl + F နဲ႔ ေအာက္က စာသားေတြကို တစ္ေၾကာင္းခ်င္း လိုက္ရွာၿပီး အနီေရာင္ ျပထားတဲ့ တန္ဖိုးေတြကို ေျပာင္းၾကည့္ၿပီး Preview နဲ႔ ၾကည့္ပါ.. ႀကိဳက္ရင္ေတာ့ Save template ေပါ့


summary_noimg = 230;

summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;



အဆင္ေျပသြားၿပီလားဗ်ာ...

ဘေလာ့မွာ Table Of Contents ( Site Map ) အလြယ္ထည့္နည္း


ဘေလာ့တစ္ခုရဲ႕ အေရးပါတဲ့ အစိပ္အပိုင္းေတြထဲက
တစ္ခုကို ေျပာပါဆိုရင္ Site Map လို႔ပဲေခၚေခၚ
Table Of Contents ( TOC ) လို႔ပဲေခၚေခၚ
ေရးခဲ့ၿပီးသမွ် ပို႔စ္ေတြအားလံုးကို Page တစ္ခုထဲမွာ
တစ္ေပါင္းတစ္စည္းတည္း ေဖၚျပေပးတဲ့ Page ေလးတစ္ခုဟာ
ကိုယ့္ဘေလာ့ကို အလည္လာတဲ့ မိတ္ေဆြေတြအတြက္
အခ်ိန္ကုန္သက္သာေစသလို ကိုယ္လိုခ်င္တာကို အလြယ္တကူနဲ႔ ရွာေဖြႏိုင္မွာပါ
Dear Visitor,
I've shared a technique on creating a table of content or site map for a blogger in this post.
If you're not the one who doesn't know Myanmar Language, you can read this post in English
at the end of the post in Myanmar Language.
Thanks for visit. :)


ဒါ့အျပင္ Site Map မထားတဲ့ ဘေလာ့တစ္ခုနဲ႔ Site Map ထားတဲ့ ဘေလာ့တစ္ခုအေပၚ
Search Enging ေတြရဲ႕ ရွာေဖြေတြ႕ရွိႏိုင္စြမ္းကလည္း မိုးနဲ႔ေျမလို ကြာျခားပါတယ္ ..

ကဲ .. ဒီပို႔စ္မွာေတာ့ Site Map တစ္ခု အလြယ္တကူတည္ေဆာက္ႏိုင္မယ့္ နည္းပညာေလးတစ္ခုကို
မွ်ေ၀ေပးခ်င္ပါတယ္ ...

ဒီနည္းေလးရဲ႕ Demo ကို ၾကည့္ခ်င္ေသးတယ္ဆိုရင္ေတာ့ ကၽြန္ေတာ့္ဘေလာ့ရဲ႕ Menu ထဲက Site Map ကိုပဲျဖစ္ျဖစ္ " ေရးထားသမွ် ဒီေနရာမွာရွိပါတယ္ " ဆိုတဲ့ ညာဖက္က Sidebar ေလးကိုျဖစ္ျဖစ္ ကလစ္လိုက္ပါ ..
ကဲ .. သေဘာက်ရင္ စလိုက္ၾကစို႔ ..

အရင္ဆံုး Blogger ကို Log in ၀င္လိုက္ပါ ..
ၿပီးရင္ Pages ကိုသြားပါ ..
New Page ကေန Blank Page ကိုယူပါ ..
ပြင့္လာတဲ့ Blank Page ကို ကိုယ္ႀကိဳက္တဲ့ Title ေပးပါ .. ဥပမာ .. Table of content တို႔ Site Map တို႔ ေရးၿပီးသမွ် တို႔ .. အဲဒီလိုေပါ့
ၿပီးရင္ေတာ့ အဲဒီ Page ရဲက HTML Mode ကိုႏွိပ္ပါ ..
ၿပီးရင္ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ ..

<style type="text/css">
    #toc{

    width:99%;

    margin:5px auto;

    border:1px solid #2D96DF;
    -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

    }
    .labl{

    color:#FF5F00;

    font-weight:bold;

    margin:0 -5px;

    padding:1px 0 2px 11px;
    background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
    background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
    border:1px solid #2D96DF;

    border-radius:4px;-moz-border-radius:4px;
    -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
    -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

    }
    .labl a{

    color:#fff;

    }
    .labl:first-letter{t

    ext-transform:uppercase;

    }
    .new{

    color:#FF5F00;

    font-weight:bold;

    font-style:italic;

    }
    .postname{

    font-weight:normal;

    background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
    background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

    }
    .postname li{

    border-bottom: #ddd 1px dotted;

    margin-right:5px

    }
    </style>
    <div id="toc"><script type="text/javascript" src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js"></script>
    <script src="http://www.itmotesoeway.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script></div>

အနီေရာင္နဲ႔ေရးထားတဲ့ လင့္ေနရာမွာ ကိုယ့္ဘေလာ့ရဲ႕ URL ကို ေျပာင္းထည့္ေပးရပါမယ့္ ..
ဒီေနရာမွာ www. ဆိုတာေလး မပါရင္ တစ္ခါတစ္ခါ Error တက္တတ္ပါတယ္
ၿပီးရင္ေတာ့ Publish လုပ္လိုက္ေပါ့ ..
ေအာ္ .. တစ္ခုက်န္ေသးတာက .. အခု Page မွာ Comment မေပးေစခ်င္ရင္ ညာဖက္က Options ထဲမွာ ၀င္ျပင္ေပးလို႔ရပါတယ္
ကၽြန္ေတာ့္အယူအဆကေတာ့ ၀င္ရွာလို႔လြယ္ေစခ်င္ယံုပဲမို႔ Comment ကို not allow ေပးထားသင့္တယ္ ထင္တာပါပဲ ..
ဘာပဲ ျဖစ္ျဖစ္ ျပႆနာ မရွိပါဘူးေလ ..
ကဲ .. အဆင္ေျပၾကပါေစဗ်ာ

Table of content is an important page for a blogger.
So, if you wish to create a table of content or site map for your blogger ( blogspot)
follow the steps below.
1. Log in blogger.
2. Go to Pages and choose New page >> Blank page.
3. Name the title of the new page as you like, i.e, Table Of Content or Site Map, e.t.c.
4. Click on HTML mode.
5. Copy and paste the code given below.

<style type="text/css">
    #toc{

    width:99%;

    margin:5px auto;

    border:1px solid #2D96DF;
    -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

    }
    .labl{

    color:#FF5F00;

    font-weight:bold;

    margin:0 -5px;

    padding:1px 0 2px 11px;
    background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
    background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
    border:1px solid #2D96DF;

    border-radius:4px;-moz-border-radius:4px;
    -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
    -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

    }
    .labl a{

    color:#fff;

    }
    .labl:first-letter{t

    ext-transform:uppercase;

    }
    .new{

    color:#FF5F00;

    font-weight:bold;

    font-style:italic;

    }
    .postname{

    font-weight:normal;

    background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
    background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

    }
    .postname li{

    border-bottom: #ddd 1px dotted;

    margin-right:5px

    }
    </style>
    <div id="toc"><script type="text/javascript" src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js"></script>
    <script src="http://www.itmotesoeway.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script></div>

Note >> Replace the link in red color with your blog's URL.
6. Publish the page and link the URL of the page with something, i.e, with your menu or other.
In my blog, I've linked the page with 'Site Map" in my menu.
You're done.
Be enjoy.

ဘေလာ့မွာ Related Posts ေလး အလြယ္ထည့္နည္း


Blog ေတြမွာ Visitor ေတြကို အဆင္ေျပေစမယ့္
Widget ေတြအနက္က တစ္ခုျဖစ္တဲ့ Related Posts
ထည့္နည္းေလးကို မွ်ေ၀ေပးခ်င္ပါတယ္ ..

Related Posts ေတြမ်ိဳးစံုရွိပါတယ္ ..
Thumbnail ေလးေတြနဲ႔အတူ ဆက္စပ္ပို႔စ္ေတြကို
ေဖာ္ျပေပးတဲ့ Widget မ်ိဳးေလးေတြရွိသလို ႐ိုး႐ိုးရွင္းရွင္းနဲ႔
ပို႔္စ္ေခါင္းစဥ္ေလးေတြကိုပဲ ေဖာ္ျပေပးတဲ့ Widget ေလးေတြေပါ့
ကၽြန္ေတာ္ကေတာ့ ကြန္နက္ရွင္လံုး၀မေကာင္းတဲ့ အရပ္ေဒသမွာ ေနတဲ့လူျဖစ္လို႔
အတတ္ႏိုင္ဆံုး ဘေလာ့ရဲ႕ Loading Time ကို ေလွ်ာ့ခ်ခ်င္တာျဖစ္တဲ့အတြက္
ပံုလင့္ေတြခ်ိတ္ေနခ်ိန္ေလးသက္သာေအာင္ ႐ိုး႐ိုးတန္းတန္းပဲ ပို႔စ္ေခါင္းစဥ္ေလးေတြကိုပဲ
ေဖာ္ျပေပးတဲ့ Related Posts Widget ကို သေဘာက်ပါတယ္ ..


ကဲ .. အခု ကၽြန္ေတာ့္ဘေလာ့မွာ သံုးထားတဲ့ Related Posts ေလး ထည့္သြင္းပံုကို
မွ်ေ၀ေပးပါ့မယ္ ..
အရင္ဆံုး Blogger မွာ Login ၀င္လိုက္ၿပီေပါ့ ..
Template ကိုသြားပါ ..
HTML ကို ျပင္ရမွာမို႔ အမွားအယြင္းတစ္စံုတစ္ရာအတြက္ ႀကိဳတင္ျပင္ဆင္တဲ့အေနနဲ႔
ညာဖက္အေပၚေဒါင့္နားေလးက Backup/Restore template ကို ႏွိပ္ၿပီး ပြင့္လာတဲ့ထဲက
Download Full template ကိုႏွိပ္ၿပီး ကိုယ့္ရဲ႕ Template ကို ေဒါင္းယူထားလိုက္ပါဦး ..
ၿပီးရင္ Edit HTML ကိုႏွိပ္ပါ ..
ၿပီးရင္ </head> ဆိုတာကို ရွာပါ ..
အလြယ္တကူရွာခ်င္ရင္ HTML ကုဒ္ေတြရဲ႕ အေပၚဆံုးစာေၾကာင္းမွာ ကလစ္တစ္ခ်က္ႏွိပ္ၿပီး
Ctrl ကီးနဲ႔ F ကီးကို တြဲႏွိပ္လိုက္ရင္ ညာဖက္အေပၚေဒါင့္နားမွာ Search box ေလးေပၚလာပါမယ္
အဲဒီထဲမွာ ကိုရွာခ်င္တာကို ႐ိုက္ထည့္ၿပီး Enter ႏွိပ္လိုက္ပါ .. ကိုယ္ရွာတဲ့ စာလံုးကို အေရာင္ေလးျခယ္ၿပီး ျပန္လာပါလိမ့္မယ္ ..
</head>ကိုေတြ႕ၿပီဆိုရင္ေတာ့ သူရဲ႕ အေပၚမွာ ( အေပၚမွာ ေနရာလြတ္မရွိရင္လည္း
</head> ရဲ႕ေရွ႕မွာ ကလစ္တစ္ခ်က္ႏွိပ္ၿပီး Enter ႏွိပ္လိုက္ရင္ </head> က ေအာက္တစ္ေၾကာင္းဆင္းသြားတာမို႔ အေပၚမွာ ေနရာလြတ္ျဖစ္သြားပါမယ္ ..
ကဲ .. ရၿပီဆိုရင္ </head> ရဲ႕အေပၚမွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ ..



 <!--RelatedPostsStarts--><style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;

}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #7AA1C3;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #F49F04;
text-decoration : underline;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRrZLaLktFv1QItm57proX1E_qmR2GF6LmZkXChD6Xn0MaQzRBG-nQgmLpuK3NcZ1z7bug1P61O59mY0V-asWFLvt9AqTqvT5MbXrhhnLoxCW8FfHOpauGu6LhVcfy0X6r9KDtfTm8H4/s400/related-post.png&quot;) no-repeat 0 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 2px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script language='JavaScript'>//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script><!--RelatedPostsStops-->


ၿပီးရင္ <div class='post-footer-line post-footer-line-3' /> ဆိုတာကို ထပ္ရွာပါ ..
( Search Box မွာ တစ္ခါတစ္ခါ ကုဒ္အားလံုးထည့္ရွာလို႔မရရင္ တစ္လံုးခ်င္း ေလွ်ာ့ေလွ်ာ့သြားၿပီး လိုက္ရွာပါ )
ေတြ႕ၿပီဆိုရင္ သူရဲ႕ေအာက္ကိုတစ္ေၾကာင္းခ်င္း ဆင္းၾကည့္ပါ
</div>
</div>
အဲဒီလိုဆံုးေနတဲ့ေနရာရဲ႕ ေအာက္တစ္ေၾကာင္းမွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးထည့္ေပးလိုက္ပါ ..



<!--RELATED-WIDGET-STARTS-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>

<font color='#7AA1C3' face='Arial' size='3'><b>Related Posts: </b></font><font color='#ffffff'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4&quot;' type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script>
</div></b:if>
<!--RELATED-WIDGET-STOPS-->


ကုဒ္ေတြထဲက ကၽြန္ေတာ္ အနီေရာင္နဲ႔ျခယ္ထားတဲ့ ဆိုတာေလးက Related Posts စုစုေပါင္း ဘယ္ေလာက္ျပရမယ္လို႔ သတ္မွတ္ထားတာပါ ..အတိုးအေလွ်ာ့ကို ျပဳျပင္ေပးလို႔ရပါေသးတယ္
ေကာ္ပီကူးထည့္ေပးလိုက္တဲ့ကုဒ္ေတြရဲ႕ေအာက္မွာ </b:includable> ဆိုတာေလးကိုေတြ႕ရင္ ကုဒ္ထည့္တာမွန္ပါတယ္ (ေအာက္ကပံုမွာ ၾကည့္ပါ)


ကုဒ္တစ္ခ်ိဳ႕အနီေရာင္ေျပာင္းသြားရင္ေတာ့ ကုဒ္ထည့္တဲ့ေနရာ မွားပါတယ္ ..
ကုဒ္ထည့္တာမမွန္ရင္ အေပၚနားေလးက Preview Template ကို ႏွိပ္ၾကည့္လိုက္လို႔ ဘေလာ့ပြင့္လာႏိုင္တယ္ဆိုရင္ ကုဒ္ထည့္တာမွန္ပါတယ္ .. ကုဒ္ထည့္တာမွားရင္ေတာ့ Error ျဖစ္တဲ့ေနရာကို ျပပါလိ့မယ္
အဲဒီအခါ ဘာမွမလုပ္တတ္ရင္ ဘယ္ဖက္အေပၚေဒါင့္နားေလးက Back ကိုႏွိပ္လုိက္ပါ .. Save မလုပ္ရေသးေၾကာင္း Box တက္လာရင္ Ok ကိုႏွိပ္ေပးလိုက္ပါ
ဒါဆိုရင္ Template ဟာ အရင္အတိုင္း ျပန္ျဖစ္သြားမွာပါ .. ၿပီးမွ အစကေန ျပန္၀င္ေပါ့ ..

ကဲ .. အားလံုးအဆင္ေျပေျပနဲ႔ ၿပီးသြားၿပီဆိုရင္ေတာ့ Save Template ကို ႏွိပ္ေပးလိုက္႐ံုေပါ့ ..
ၿပီးသြားရင္ေတာ့ View Blog ကေန ကိုယ့္ဘေလာ့ကုိ ၀င္ၿပီး Post တစ္ခုကိုႏွိပ္ၾကည့္လိုက္ေပါ့ ..
အဲဒီပို႔စ္ရဲကေအာက္မွာ Related Posts ေလးေတြ ေပၚေနတာကို ေတြ႕ႏိုင္ပါၿပီ
အဆင္ေျပၾကပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္

Blog တစ္ခုအတြင္း ေဘာင္ခပ္ျခင္းအေထြေထြ


ဘေလာ့ Template တစ္ခုလံုးကိုပဲျဖစ္ျဖစ္ ဘေလာ့ Template ထဲက Widget တစ္ခုခ်င္းစီကိုပဲျဖစ္ျဖစ္
ကိုယ္ႏွစ္သက္သလို ေဘာင္ခပ္တဲ့ နည္းပညာေလးတစ္ခုကို မွ်ေ၀ေပးခ်င္ပါတယ္ ..
အရင္ဆံုး Template ႀကီး တစ္ခုလံုးကို ေဘာင္ခပ္တဲ့နည္းကို မွ်ေ၀ေပးပါ့မယ္
ဒီနည္းရဲ႕ နမူနာ ( Demo ) ကို ၾကည့္ခ်င္တယ္ဆိုရင္ေတာ့ ကၽြန္ေတာ္အခုသံုးထားတဲ့ Template ႀကီးတစ္ခုလံုးရဲ႕ ေဘးပတ္ပတ္လည္မွာခပ္ထားတဲ့ ေဘာင္ကိုသာ ၾကည့္လိုက္ၾကပါလို႔ ..


ကဲ .. အရင္ဆံုး Blogger ကို Lon in ၀င္လိုက္ပါ ..
ၿပီးရင္ Template က ေန Edit HTML ကို ၀င္ပါ
HTML ကုဒ္ေတြထဲက ]]></b:skin>  ကို လိုက္ရွာပါ ...
ေတြ႕ၿပီဆိုရင္ အဲဒီ ]]></b:skin> ရဲ႕ အေပၚမွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ


#mblwrap {
      background: #Ffffff;
      width: 960px;
      margin: 10px auto 5px auto;
      padding: 0;
      position: relative;
      border-right: 15px solid #333;
      border-left: 15px solid #333;
      border-top: 10px solid #333;
      border-bottom: 15px solid #333;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
      box-shadow: #333 0px 1px 3px;
    }



အဲဒီကုဒ္ေတြထဲက ကၽြန္ေတာ္ အနီေရာင္နဲ႔ ျပထားတဲ့ေနရာမွာ ကိုယ္ႏွစ္သက္တဲ့ အေရာင္ကုဒ္ကို ေျပာင္းလဲေပးႏိုင္သလို Border ရဲ႕ အထူအပါးကိုလည္း 15px, 15px, 10px စတဲ့ေနရာေတြမွာ လိုက္ၿပီး ခ်ိန္ၫွိေပးႏိုင္ပါေသးတယ္

ၿပီးရင္ <body> ကို ထပ္ရွာပါ ..
ေတြ႕ၿပီဆိုရင္ အဲဒီ <body> ရဲ႕ ေအာက္မွာ


<div id='mblwrap'>  
အဲဒီကုဒ္ကို ကူးထည့္လိုက္ပါ

ၿပီးရင္ </body> ကို ထပ္ရွာပါ ..
ေတြ႕ၿပီဆိုရင္ အဲဒီ </body> ရဲ႕ အေပၚမွာ </div> ဆိုတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ
အေပၚမွာထည့္တာ ေအာက္မွာထည့္တာေတြကို ေသခ်ာ ဂ႐ုစိုက္ေပးေစခ်င္ပါတယ္
Preview Template ကေန ဘေလာ့ကို ၾကည့္လို႔ အဆင္ေျပသြားၿပီဆိုရင္ေတာ့
Save Template ကို ႏွိပ္လိုက္႐ံုပါပဲ ...
ဒါဆိုရင္ေတာ့ Template ႀကီးတစ္ခုလံုးကို ေဘာင္ခပ္လို႔ ၿပီးသြားပါၿပီ ..

ေနာက္တစ္နည္းကေတာ့ Template ထဲမွာ ရွိတဲ့ Widget တစ္ခုခ်င္းစီကို ေဘာင္ခပ္မယ္ေပါ့
အရင္ဆံုး ကိုယ္ေဘာင္ခပ္ခ်င္တဲ့ Widget ID ကို သိေအာင္လုပ္ထားပါ ..
ဥပမာ .. Post ရဲ႕ Widget ID ကို သိခ်င္တယ္ေပါ့ .. Layout ကေန အဲဒီ Post ရဲ႕ ညာဖက္ေအာက္ေဒါင့္က Edit ကိုႏွိပ္လိုက္ရင္ ပြင့္လာတဲ့ ၀င္းဒိုးအေသးေလးရဲက Address bar ထဲမွာ Widget ID ကို ရွာလို႔ရပါတယ္ .. Template ထဲမွာ ရွာတတ္ရင္လည္း ရပါတယ္ ..
မ်ားေသာအားျဖင့္ေတာ့ Post ရဲ႕ Widget ID က Blog1 ျဖစ္ေနေလ့ရွိပါတယ္ ..
ကဲ .. အဲဒီ Post ေတြကို ေဘာင္ခပ္ေတာ့မယ္ေပါ့ဗ်ာ ..
Template က ေန Edit HTML ကို သြားလိုက္မယ္ေပါ့

HTML ကုဒ္ေတြထဲက ]]></b:skin> ကို လိုက္ရွာပါ ..
ေတြ႕ၿပီဆိုရင္ သူ႕ရဲ႕ အေပၚမွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ



#YourWidgetID {
padding: 5px;
border: 1px solid #ff0000;
}


ကုဒ္ေတြထဲက #ff0000 ကေတာ့ ကိုယ္ ေဘာင္အျဖစ္ခပ္မယ့္ အေရာင္ေပါ့ .. 
ကုဒ္ေတြထဲမွာ အနီေရာင္နဲ႔ျပထားတဲ့ YourWidgetID ဆိုတဲ့ေနရာမွာ ကိုယ္ ေဘာင္ခပ္ခ်င္တဲ့ Widget ရဲ႕ ID ကို ထည့္ေပးရမွာပါ
ဥပမာ .. ကၽြန္ေတာ္က Post ေတြကို ေဘာင္ခပ္ခ်င္တယ္ဆိုပါေတာ့ Post ရဲ႕ ID က Blog1 ဆိုပါေတာ့
ကုဒ္က ဒီလိုျဖစ္သြားမယ္

#Blog1 {
padding: 5px;
border: 1px solid #ff0000;
}


ၿပီးရင္ေတာ့ Save Template ေပါ့ ...
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္

ဘေလာ့ရဲ႕ Header မွာ ပံုေလးေတြတင္တဲ့နည္းပါ


ဘေလာ့ရဲ႕ Header မွာ ပံုေလးေတြတင္တဲ့နည္းပါ
ကိုယ္အသံုးျပဳခ်င္တဲ့ ပံု format (jpg .. gif) စသည္ျဖင့္ အသံုးျပဳႏိုင္ပါတယ္ ...

ပထမဆံုး ကိုယ့္ဘေလာ့ Header ရဲ႕ အက်ယ္အ၀န္းကိုသိဖို႔ အရင္လုပ္ရပါမယ္

အဲဒီအတြက္ အရင္ဆံုး Blogger မွာ Log In ၀င္ပါ
ၿပီးရင္ Template ကိုသြားပါ



အဲဒီကေနမွ Edit Template ရဲ႕ ဘယ္ဖက္က Customize ကိုႏွိပ္ပါ



ပြင့္လာတဲ့ထဲက အေပၚတန္းထဲမွာရွိတဲ့ Adjust Width  ကိုႏွိပ္ပါ
ပြင့္လာတဲ့အလယ္ျခမ္းထဲမွာ Whole Template ဒါမွမဟုတ္ Entire Template ရဲ႕ Width ဟာ
ကိုယ့္ဘေလာ့ Header ရဲ႕ အက်ယ္အ၀န္းပါပဲ ...






အျမင့္ကိုေတာ့ ကိုယ္ႏွစ္သက္သလို ဆံုးျဖတ္ပါ
ေအာက္မွာ ကၽြန္ေတာ့္ဘေလာ့ရဲ႕ Header ကိုျပထားပါတယ္ 930px ျဖစ္ပါတယ္
ဒါေၾကာင့္ အရင္ဆံုး ကိုယ္လိုခ်င္တဲ့ ပံုကို Width 920px နဲ႔ အျမင့္ကို 250px သတ္မွတ္ၿပီး
gif ဖိုင္တစ္ခုကို ဖန္တီးလိုက္ပါတယ္ ..
ၿပီးရင္ေတာ့ Layout ကိုသြားပါ





ၿပီးရင္ Header အပိုင္းရဲ႕ ညာဖက္ေအာက္ေဒါင့္က Edit ကိုႏွိပ္လိုက္ပါ





အဲဒီပြင့္လာတဲ့ထဲမွာပဲ ကိုယ့္ Header မွာသံုးမယ့္ပံုကို ေရြးျခယ္ၿပီး Upload တင္လိုက္႐ံုပါပဲ
အဲဒီလို တိုက္႐ိုက္မတင္ခ်င္ရင္လည္း ကိုယ့္ရဲ႕ Header ပံုကို Hosting Site တစ္ခုခုမွာ Host လုပ္ၿပီး
အဲဒီပံုရဲ႕ လင့္ကိုပဲ ေပးလိုက္ရင္လည္း ရပါတယ္

ကိုယ္တင္ခ်င္တဲ့နည္းနဲ႔ ပံုကိုတင္ၿပီးရင္ေတာ့ Save ကို ႏွိပ္လိုက္႐ံုပါပဲ

ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္

ဘေလာ့ထဲက Label နဲ႔ Archive ေတြကို Scroll Box ေလးနဲ႔ထားနည္း


ဒီနည္းက တစ္ခုလုပ္တတ္တာနဲ႔ တျခားတစ္ခုကို လုပ္တတ္ပါတယ္ ..
ဒီပို႔စ္မွာေတာ့ ကၽြန္ေတာ္က Blog Archive ကို Scroll Box ေလးနဲ႔
ထားတဲ့နည္းကို မွ်ေ၀ေပးပါမယ္ ..

Label ကို Scroll Box နဲ႔ထားခ်င္ရင္လည္း ဒီနည္းအတိုင္းပဲ လုပ္ေပးလိုက္႐ံုပါပဲ ...

ကဲ .. စၾကစို႔ ...
အရင္ဆံုး Blogger ကို Sign In ၀င္လိုက္ပါ
ၿပီးရင္ Layout ကိုသြားပါ




Blog Archive မထည့္ရေသးဘူးဆိုရင္ Add a widget ကေန Blog Archive ကိုေရြးၿပီး Save လုပ္ပါ
တကယ္လို႔ Blog Archive ထားၿပီးသားဆိုရင္ေတာ့ အဲဒီ Blog Archive ရဲ႕ နံမည္ကို ဘယ္လိုထားထားသလဲဆိုတာကို မွတ္ခဲ့ပါ
ေအာက္ကပံုထဲမွာေတာ့ ကၽြန္ေတာ္က ရွာရလြယ္ေအာင္ Archive In This Blog လို႔ နံမည္ေပးထားပါတယ္





Blog Archive ကို Save လုပ္ၿပီးၿပီဆိုရင္ေတာ့ Template ကိုသြားပါ
Edit HTML ကိုႏွိပ္ပါ
ပြင့္လာတဲ့ Template Coding ေတြထဲက ကိုယ္ေပးထားတဲ့ Blog Archive ရဲ႕နံမည္ကို လိုက္ရွာပါ
ကၽြန္ေတာ္ကေတာ့ Archive In This Blog ဆိုတာကို ရွာလိုက္ပါမယ္




ေတြ႕ၿပီဆိုရင္ေတာ့ အဲဒီ Code ေတြကို ျဖန္႔ေပးရပါမယ္ ..
ဆိုလိုတာက ကၽြန္ေတာ္တို႔ျမင္ေနတဲ့ကုဒ္ေတြဟာ ခ်ံဳ႕ထားတာပါ ..
ဘယ္ေနရာေတြမွာခ်ံဳ႕ထားတာလဲဆိုေတာ့  > .... </widget> အဲဒီလိုမ်ိဳးပံုစံထဲက အစက္ကေလးေတြထဲမွာ ကုဒ္ေတြကို ခ်ံဳ႕ထားတာပါ ..
သူ႕ကိုျဖန္႔ခ်င္ရင္ အဲဒီ အစက္ကေလးေတြေပၚမွာ ကလစ္တစ္ခ်က္ႏွိပ္ေပးလိုက္ရင္ ကုဒ္ေတြက်လာပါမယ္
အဲဒီလိုက်လာတဲ့ကုဒ္ေတြထဲက <div class='widget-content'>  ကို ရွာပါ
ေတြ႕ၿပီဆိုရင္ အဲဒီကုဒ္ရဲ႕ေနာက္နားမွာ ကလစ္တစ္ခ်က္ေပးၿပီး Enter ႏွိပ္လိုက္ရင္ ေအာက္မွာတစ္ေၾကာင္းစာ လြတ္သြားပါမယ္
အဲဒီလြတ္သြားတဲ့တစ္ေၾကာင္းေနရာမွာ ေအာက္က ကုဒ္ကို ေကာ္ပီကူးၿပီးထည့္လိုက္ပါ

<div style='overflow:auto; width:ancho;height:300px;'>

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

</div>
</div>

အဲဒီလို ႏွစ္ခုထပ္ေနတဲ့ေအာက္မွာ တစ္ေၾကာင္းစာေနရာေပးၿပီး ေနာက္ထပ္ </div>တစ္ခုထပ္ထည့္ေပးလိုက္ပါ
အဲဒီလိုဆိုရင္

</div>
</div>
</div>
<b:include name='quickedit'/>

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







အားလံုးၿပီးရင္ေတာ့ Save template ကိုႏွိပ္လိုက္ပါ ...
ဒါဆိုရင္ ဘေလာ့ထဲက Archive List ေလးေတြဟာ Scroll Box ေလးထဲမွာ သပ္သပ္ရပ္ရပ္ ရွိေနတာကို ေတြ႕ုရပါလိမ့္မယ္ ...
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းေတြအားလံုးကို ေလးစားခင္မင္လွ်က္