Blog ႏွင္႔ Website ဖန္တီးျခင္း (၆)

         သင္ခန္းစာ(၆)       

Blog ကိုတန္ဆာဆင္ျခင္း (သို႕မဟုတ္) Sidebar တြင္ widgets ႏွင္႔ Gadget မ်ားထည္႔သြင္းျခင္း
==================================================
Blog တစ္ခုကိုတည္ေဆာက္ၿပီး လွ်င္ မိမိBlog တြင္ ျပကၡဒိန္၊နာရီ၊ႏိုင္ငံတကာေငြေစ်း၊ေ႐ႊေစ်း၊မိုးေလ၀သ
မိမိႏွစ္သက္ေသာ တျခားေသာwebsite , blog တို႔ကို Link ေပးျခင္း ၊ ေၾကာ္ျငာမ်ားထည္႔သြင္းျပဳလုပ္ႏိုင္ရန္
ဤသင္ခန္းစာကိုတင္ဆက္ပါသည္။
 သင္ခန္းစာ(၅) ႏွင္႔လုပ္ေဆာင္ပံုျခင္းတူၿပီးထည္႔သြင္းမည္႔ေနရာသာ ျခားနားသျဖင္႔  သင္ခန္းစာ(၅)ကို ေလ႔က်င္႔ၿပီးသူမ်ားအတြက္အခက္ခဲ႐ွိမည္မဟုတ္ပါ။ ကဲစၾကရေအာင္။

(၁) Sidebar တြင္ Gadget မ်ားထည္႔သြင္းျခင္း

      ပထမဦးစြာအရင္သင္ခန္းစာမ်ားကကဲ႔သို႕ Blogger Deshboard >> Layout သို႔၀င္ပါ။

ပံု(၁)

မိမိယူထားေသာ Template ႏွင္႔ sidebar အေရအတြက္အတိုင္း ေပၚပါမည္။ ပံုတြင္ ယူထားေသာ
Template က ေကာ္လံ ၃ခု ႏွင္႔ sidebar ကို ဘယ္/ညာခ်ထားျခင္းေၾကာင္႔  sidebar၂ခုကိုေတြ႔ရမည္ျဖစ္သည္။
ယခု ညာဖက္ sidebar သို႔ Gadget ထည္႔သြင္းျခင္းကိုျပပါမည္။

ပံု(၂)Layout ၏ ညာဖက္မွာၾကည္႔ပါ

Add a Gadget ကို ကလစ္ပါ။ေအာက္ပံုအတိုင္းေပၚလာမည္။

ပံု(၃)

မိမိထည္႔သြင္းမည္ Gadget ၏ ညာဘက္  +  ကို ႏွိပ္ပါ။

HTML/Java Script မွလြဲ၍ က်န္Gadget မ်ားသည္ Blogger မွေပးေသာ Ready made မ်ားျဖစ္သျဖင္႔
မိမိဖာသာတစ္ခုၿပီးတစ္ခုထည္႔သြင္းၾကည္႕ၿပီး မလိုလွ်င္ျပန္ျဖဳတ္ပါ။
ျပန္ျဖဳတ္မည္ဆိုလွ်င္ Edit >> Remove လုပ္ပါ။

 (၂) HTML/Java Script မွ widgets မ်ားထည္႔သြင္းျခင္း

 - Layout ႐ွိ Sidebar မွ Add a Gadget ကို ကလစ္လွ်င္ ပံု(၃)အတိုင္းေပၚလာမည္။
 - ပံု(၃)တြင္HTML/Java Script ေပါင္းထည္႔ရန္   +  ကို ႏွိပ္ပါ။ေအာက္ပါအတိုင္းေပၚလာမည္။
  ၎ box ၏ Title ေနရာတြင္ မိမိထည္႔သြင္းမည္႔ Code ႏွင္႔ပတ္သက္သည္႔ ေခါင္းစဥ္တပ္မည္။
  မည္သည္႔အရာမွမေရးဘဲ ဒီအတိုင္းblank ထားလွ်င္လည္းရ၏။
 - Contant အကြက္ထဲတြင္  Code မ်ားကိုထည္႔သြင္းပါမည္။ ၿပီးလွ်င္     Save     မည္ ။
   View Blog ကိုကလစ္ၿပီးမိမိထည္႔သြင္းထားေသာ widget ကိုျပန္ၾကည္႔မည္။

ပံု (၄)

 ဥပမာ -အေနျဖင္႕ နာရီ (Clock widget) ကိုထည္႔သြင္းျပပါမည္။
  Clock widget ၏ Html code ကိုယူရန္ http://100widgets.com/best_widget_en.html  သို႔၀င္ပါမည္။ မိမိႏွစ္သက္ရာ နာရီ ၊ ျပကၡဒိန္ပံုစံကို ေ႐ြးခ်ယ္ပါ။ က်ေနာ္ကေတာ႔ နာရီ + ျပကၡဒိန္
 တြဲေနတဲ႔ပံုစံကိုယူလိုက္ပါတယ္။

မိမိေ႐ြးခ်ယ္ထားတဲ႔ ပံုစံမွ   Get code    ကို ႏွိပ္ၿပီး Embed code ကိုယူပါမယ္။

 Embed code ကို Copy ယူၿပီး ပံု (၄) မွ Contant အကြက္ထဲသို႔ ကူးယူ(Paste)ပါမယ္။ေအာက္တြင္ၾကည္႔ပါ။ Title ကြက္တြင္ “ ျမန္မာစံေတာ္ခ်ိန္” ဟုေရးသြင္းလိုက္ပါသည္။

ၿပီးလွ်င္     Save     မည္ ။
   View Blog ကိုကလစ္ၿပီးမိမိထည္႔သြင္းထားေသာ widget ကိုျပန္ၾကည္႔မည္။ဤသို႔ေပၚလာပါမည္။

 Widget မ်ားကို ေအာက္ပါေနရာမ်ားတြင္ရႏိုင္ပါသည္။

http://100widgets.com
http://localtimes.info/
http://widgetscode.com/
http://widgetscode.com/calendar-clock-widgets
https://www.theedublogger.com/2015/04/01/widgets/

ဆက္လက္ေဖာ္ျပပါမည္။