Sitemap ( or ) TOC for Blogger

Table of Contents ကို Blog အတွက် လုပ်ချင်နေခဲ့တာ ကြာပြီ .. ဘာလို့လည်း ဆိုတော့ တစ်ခါတစ်လေ ကိုယ့် ဘလော့မှာ ရှိတဲ့ posts တွေထဲက ကိုယ်သွားချင်တဲ့နေရာ ချက်ချင်းသွားဖို့ click တွေ အချက်ပေါင်း မနည်း လိုက်ပေးနေရတယ်။ အဲတာကို သဘောမကျဘူး။ အဲတာနဲ့ အင်တာနက်ထဲက ဆိုဒ်တွေ တော်တော်များများရှိရာဆီ ( အထူးသဖြင့်တော့ - blogger tips and tricks အကြောင်း အဓိကထားရေးတဲ့ ဆိုဒ်တွေဆီ ) လိုက်ဖတ်ဖြစ်တယ်။ တစ်နေကုန်ပဲ ... တစ်ခုတွေ့တယ် .. စမ်းကြည့်တယ် မကြိုက်ဘူး။ နောက်တစ်ခုတွေ့တယ် သဘောမကျပြန်ဘူး။ အဲလိုနဲ့စမ်းလာလိုက်တာ Abu Farhan ဆိုဒ်မှာ အဖြေသွားတွေ့တယ်။ အဖြေတွေ့တယ် ဆိုတာလည်း ကိုယ်သဘောကျတာကို ပြောတာ သူများသဘောကျမကျတော့ မသိဘူး။ 

ဘလော့ဂါ တော်တော်များများကလည်း sitemap နောက်တစ်မျိုးအခေါ် Table of Contents ကို လုပ်ချင်ကြတယ်။ လုပ်နည်းတွေကတော့ အမျိုးမျိုးပဲ တစ်ချို့ TOC တွေက Labels တစ်ခု ချင်းစီအလိုက် ရှာရလွယ်အောင် သူ့အောက်မှာ ရှိတဲ့ ခေါင်းစဉ်တွေ ခွဲပြီး စုပေးတဲ့ TOC ၊ နောက်ဟာတွေက လအလိုက်စဉ်ပေးတာ ၊ နောက် ဘာအလိုက်မှ မစဉ်ပဲ အကုန်ရောထားတဲ့ နည်း ၊ နောက်ထပ်နည်းတွေလည်း ပေးထားတဲ့ links တွေကနေ လိုက်ရင်တော်တော်များများ မျိုးစုံအောင်ရှိသေးတယ်။ bloggerbuster မှာလည်း နောက်ထပ်နည်းတွေ ကျန်သေးတယ်။ ခက်တာက တစ်ချို့ ကောင်လေးတွေက လုပ်ရတာ ခက်တာမျိုး မဟုတ်ပေမယ့် လုပ်ရ ကိုင်ရတာ လက်ပေါက်ကပ်တယ်။ တစ်ချို့ဟာတွေကကျတော့ TOC တစ်ခု ရဖို့ အရေး ( ၃ ) ( ၄ ) ဆင့်လောက် လုပ်နေရတယ်။ ကောင်းတာတော့ အကုန်ကောင်းပါတယ်။ ဒါပေမယ့် အလွယ်ဆုံးနဲ့ အဆင်ပြေဆုံး TOC လုပ်နည်းကတော့ ဒီအောက်ကနည်းပဲ ဖြစ်မယ် ထင်တယ်။

ဘာဖြစ်လို့လဲ ဆိုတော ဒီ Script က -

• အသုံးပြုရလွယ်ပြီး စာကြောင်းကလည်း  ( ၂ ) ကြောင်းပဲပါတယ်။
• ကိုယ်ရေးထားတဲ့ Label အလိုက် Contents တွေကို စီပေးထားတယ်။ 
• Posts တိုင်းအတွက် Label ( ၁ ) ခုထက်မက ပိုတပ်လို့ ရတယ်။
• နောက်ဆုံးကိုယ်ရေးခဲ့တဲ့ ပို့စ် ( ၁၀ ) ခုတိုင်းအတွက် New !! ဆိုပြီး ဖော်ပြပေးထားတယ်။

ပြင်ဆင်ပြီးသွားရင် ဘယ်လိုပုံစံမျိုး ဖြစ်မလဲ ဆိုတာတော့ ဒီနေရာကနေ သွားကြည့်လို့ရတယ်။

တစ်ချို့ကတော့ ဒီ Script ကို Post တစ်ခု အနေနဲ့ သီးသန့်ရေးပြီး HTML Mode ကနေ ထည့်ပြီး Publish ပေးကြတယ်။ ကျွန်တော်ကတော့ အဲလို ထည့်မယ့် အစား Posting > Edit Pages > New Page ကနေ ထည့်စေချင်တယ်။ ဘာလို့လည်း ဆိုတော့ ကိုယ်ရေးထားတဲ့ တစ်ခြားပို့စ်တွေနဲ့ TOC ကို မရောစေချင်လို့ပေါ့။

ဘယ်လိုသုံးရမလဲ ဆိုတာကတော့ အပေါ်မှာ ပြောထားတဲ့ အတိုင်း Posting > Edit Pages > New Page ကနေ Edit HTML ကို ဝင်ပြီး အောက်မှာ ဖော်ပြထားတဲ့ စာကြောင်းတွေကို Copy > Paste လုပ်လို့ ဖို့ပါပဲ။ နောက်ပြီးရင် အနီရောင်နဲ့ ပြထားတဲ့ နေရာမှာ ကိုယ့် Blog ရဲ့ URL ကို ပြောင်းဖြည့်ပေးရမယ်။ နောက်ပြီးရင် Publish Page လိုက်ပေါ့။ အဲလောက်ဆိုရင် အဆင်ပြေပါပြီ။

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script>
<script src="http://www.11dreams.net/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

အဆင်မပြေရင်တော့ အပေါ်မှာ ပေးထားတဲ့ Links တွေကနေ နောက်ကောင်လေးတွေ လိုက်စမ်းစေချင်တယ်။ ဒီလောက်ပါပဲ။

KznT.

Blogger Template Designer

ကျွန်တော့်ဆီ မနေ့က Blogger Team က Mail တစ်စောင်ရောက်လာတယ်ဗျ။ စာကို ဖတ်ပြီး တော်တော်ပျော်သွားမိတယ်။ ကိုယ့် တစ်ယောက်တည်း အတွက် မဟုတ်ပါဘူး။ Blog ကို စိတ်ဝင်စားကြတဲ့ ၊ ဝါသနာပါကြတဲ့ ၊ နောက်ထပ် တိုးတက်လာဦးမယ့် Blogger တွေအတွက် ဝမ်းသာစရာ သတင်း တစ်ခု ဖြစ်နေလို့ပါ။ ကျွန်တော်တို့ အရင် နှစ်အဆက်ဆက် စောင့်ဆိုင်းနေရတဲ့ အရာတစ်ခု အခု ရပြီတဲ့။ ဒီလို ဒီလို ... 

ဥပမာ ကျွန်တော်တို့ ဆီမှာ ကိုယ်ပိုင် ကိုယ်စီကိုယ်စီ ရေးကြတဲ့ Blog တစ်ခု ရှိတယ် ဆိုပါစို့။ Templates ဆိုတာ Blogger သမားတိုင်း သိမှာမို့ ထူးပြီး မရှင်းပြတော့ပါဘူး။ ကျွန်တော်တို့ အရင်ကဆိုရင် အဲ့ဒီ့ Templates တစ်ခု ပြောင်းဖို့ ဘာဖို့ဆို အလုပ်တော်တော်ရှုပ်ရတယ်။ ရေးထားပြီးသားတွေ Save ရ ၊ နောက်ပြီး Blog မှာ ပြင်ဆင်ထားသမျှလေးတွေ သိမ်းရဆည်းရ။ အဲလိုမလုပ်လို့ကလည်း မဖြစ်။ အယောင်ယောင်အမှားမှားနဲ့ ဘာမှမသိမ်းပဲ Templates ချိန်းလိုက်လို့ကတော့ လုပ်ထားသမျှ အဆန်းလေးတွေ ပြောင်ပြီသာမှတ်။ တစ်ခါတစ်လေကျရင် ကျွန်တော်တို့ Btemplates တို့ ဘာတို့ကနေ Templates လေးတွေ ကောင်းနိုးရာရာ သွားကြည့်တယ်။ Blog တစ်ခု လုပ်ရတာ ၁၅ မိနစ် မကြာပေမယ့် အဲ့ဒီ့ Templates ကို စိတ်တိုင်းကျအောင် လိုက်ပြောင်းရတာ တော်တော် စိတ်ရှုပ်ဖို့ ကောင်းတယ် ဆိုတာ blogger သမားတိုင်း ခံစားဖူးကြမှာပါ။ လှတယ်ထင်လို့ Download ချပြီး ကိုယ့် Blog မှာ တင်လိုက်ခါမှ တက်လည်းလာရော အပြင်မဆင်မကြိုက်ရတာနဲ့၊ အရောင် သဘောမကျရတာနဲ့ ၊ စာလုံးတွေက သေးနေရတာနဲ့ ပြဿနာက စတက်ပြီ။ HTML ထဲ ဝင်မြွှေပီး ပြင်ရ ဘာရ အလုပ်က ရှုပ်ပြီ။

ခုဒီ ပြဿနာတွေ မရှိတော့ဘူးတဲ့။ Blogger in draft မှာ Blogger Template Designer ဆိုတာ ခုရှိနေပါပြီတဲ့။ ပျော်ဖို့ ကောင်းလိုက်တာဗျာ။ သူက ဘာလုပ်လို့ ရတာလဲ ဆိုရင် သာမန်အသုံးပြုသူ HTML တို့ CSS တို့ ဆိုတာတွေ ဘာမှ နားမလည်သူတွေအတွက် သူတို့ အကြောင်းကို ဘာမှ နားလည်ထားစရာ မလိုပဲ Blogger Template Design ကို မိမိစိတ်ကြိုက် ပုံဖော်ဖန်တီးနိုင်တော့ မတဲ့။ ဒီမှာ Blogger Template Designer ရဲ့ Features တစ်ချို့ပါ။

• မြင်မြင်သမျှ လှတဲ့ Templates တွေကနေ စတင်ရမယ်။
• Column ၁ ခုလား ၊ ၂ ခုလား ၊ ၃ ခုလား ကြိုက်ရာကို ရွေးနိုင်မယ်။
• Background Images ပေါသ်း ရာနဲ့ချီရှိမယ်။
• Fonts တွေ ၊ Colors တွေ နောက် တစ်ခြား များစွာ စိတ်ကြိုက် ပြင်ဆင်နိုင်မယ်။
  

Blogger သမားတွေ ခုပဲ ဒီနေရာကနေ သွားစမ်းကြည့်လိုက်ပါ။ Blogger in Draft ကိုရောက်ရင် Login ဝင်လိုက်ပါ။ Layout tab ကို ကလစ်ပြီး အဲ့ဒီကနေမှ တစ်ဆင့် Sub-tabs မှာရှိနေတဲ့ Template Designer ကို သွားပါ။ ဒီလို ပုံမျိုးပေါ့။

လက်ရှိ ကိုယ့် Blog ကို တစ်ချက် မထိခိုက်စေပဲ မိမိစိတ်ကြိုက် စတင်ပြင်ဆင်နိုင်ပါပြီ။ အားလုံးထဲက မိမိသဘောကျတာ တစ်ခုကိုတွေ့ပြီး စိတ်ကြိုက်လည်း ပြင်ဆင်ပြီးပြီ ဆိုရင်တော့ ညာဘကါ အပေါ်ထောင့်နားလေးမှာ ရှိတဲ့ Apply to Blog ကို နှိပ်ပြီး အတည်ပြုနိုင်ပါပြီ။ ( တစ်ခု သတိပေးချင်တာကတော့ ကိုယ့်မှာ စိတ်ကြိုက်ရှိပြီးသား Template ရထားတဲ့ Blog ရှိပြီး ဒီကောင်ကို စမ်းယုံလေးပဲ သုံးကြည့်ချင်တာမျိုး ဆိုရင် မစမ်းခင်မှာ Layout > Edit HTML ကနေ Template အဟောင်းကို Backup လုပ်ထားဖို့ အကြံပေးချင်ပါတယ်။ ) ဒီအောက်က ပုံက ကျွန်တော့် ကိုယ်ရေးကိုယ်တာရေးတဲ့ Personal Blog မှာ ကျွန်တော် စမ်းထားတာပါ။

တကယ်လို့ blog က classic templates blogs ဖြစ်နေမယ် ဆိုရင်တော့ အပေါ်မှာ ပြောခဲ့တဲ့ Layout နေရာမှာ Template link ဒါမှမဟုတ် tab တစ်ခုအနေနဲ့ တွေ့နေရပါလိမ့်မယ်။ အဲလို ဖြစ်နေတယ် ဆိုရင်တော့ Template Designer ကို မစမ်းခင်မှာ Classic ကို အရင် ပြောင်းပေးရပါလိမ့်မယ်။ Classic > Customize Design ကို သွားပါ အဲ့ကို ရောက်ရင် ညွှန်ကြားထားတဲ့ အတိုင်း ဆက်လုပ်သွားပါ။ အရင်ဆုံးတော့ blogger မှာ မူလတည်းက ပါတဲ့ old templates တစ်ခုကို အရင်ရွေးပေးရပါလိမ့်မယ်။ ဒါပေမယ့် စိတ်မညစ်ပါနဲ့ Template Designer ကနေ ကျွန်တော်တို့ စိတ်ကြိုက် ပြန်ရွေးလို့ ရပါတယ်။

Template Designer ဘယ်လို လုပ်ဆောင်တယ်ဆိုတာ ကျွန်တော် ရှင်းပြတာကို လိုက်ဖတ်နေရရင် မျက်စိညောင်းပါတယ်။ ဒီနေရာကနေ Youtube မှာ သွားကြည့်လိုက်ပါ။ ဒီလောက်နဲ့ မလုံလောက်သေးဘူး ဒီ့ထက် အသေးစိတ် သိချင်သေးတယ် ဆိုရင် ဒီနေရာကို သွားဖတ်ပေးပါ။

MF မိသားစုဝင် Blogger များ Templates အသစ်နဲ့ ပျော်ရွှင်နိုင်ကြပါစေ ... ။

KznT.