Blog နှင့် Website ဖန်တီးခြင်း (၇)

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

                                    Post တင္ျခင္း

Post တြင္ ဓာတ္ပံု ႏွင္႔ ဗြီဒီယို ထည္႔သြင္းျခင္း


Post တြင္ ဓာတ္ပံုႏွင္႔ဗြီဒီယို ထည္႔သြင္းရန္ နည္းလမ္း ၂ သြယ္႐ွိသည္။
(1) Upload တင္ ျခင္း ႏွင္႔ (2) Html code ျဖင္႔ ထည္႔သြင္းျခင္းတို႔ျဖစ္သည္။

(1)Upload တင္ ျခင္း

 Post တြင္ စာသားမ်ားတင္နည္း၊ဓာတ္ပံုႏွင္႔ဗြီဒီယိုတို႔ကို Upload တင္ ျခင္း ႏွင္႔ ပတ္သက္၍
သင္ခန္းစာ(၁)တြင္အေသးစိတ္႐ွင္းျပၿပီးျဖစ္ပါသည္။

သင္ခန္းစာ(၁) ကိုဤေနရာတြင္ျပန္ၾကည္႔ပါ။>>http://ayemindawei.blogspot.com/2016/03/blog-website.html

(2) Html code ျဖင္႔ ထည္႔သြင္းျခင္း

 - တခါခါ အင္တာနက္လိုင္းအလြန္ေႏွးေသာအခါ ဓာတ္ပံု ႏွင္႔ ဗြီဒီယို ကို Upload တင္၍မျဖစ္ႏိုင္ပါ။ မိမိအေနျဖင္႔အေရးတႀကီးေဖာ္ျပဖို႔လိုအပ္လွ်င္ တိုက္႐ုိက္ေကာ္ပီယူ၍
ခရက္ဒစ္ေပးကာ ေဖာ္ျပလိုက္ရသည္႔အေျခအေနမ်ား႐ွိတတ္သည္။
ဓာတ္ပံုမ်ားကို Copy ယူ၍ မိမိထည္႔လိုသည္႔ေနရာတြင္ Paste လုပ္လိုက္ယံုသာျဖစ္သည္။
ဤနည္းသည္ မိမိBlogေပၚတြင္ျပန္ၾကည္႔သည္႔အခါ ဓာတ္ပံုအ႐ြယ္အစားမွာ အလြန္ေသးငယ္ေနျခင္း သို႔မဟုတ္ အလြန္ႀကီးလြန္းေနျခင္းစေသာ  အဆင္မေျပမႈမ်ားႏွင္ႀကံဳရတတ္သည္။
 Video မ်ားကိုမူ Copy>>Paste လုပ္၍မရပါ ။ သို႔႔အတြက္ ဓာတ္ပံု ႏွင္႔ ဗြီဒီယို ကို Html code ျဖင္႔ ထည္႔သြင္းျခင္း နည္းျဖင္႔သာသင္ၾကားျပသေပးပါမည္။
ကဲ..စၾကရေအာင္..

(i)ဓာတ္ပံုကို Html code ျဖင္႔ ထည္႔သြင္းျခင္း

တျခား blog သို႔မဟုတ္ Website မွ မိမိထည္႔သြင္းလိုသည္႔ ဓာတ္ပံု၏ Direct Link ကို ယူပါ ။
ဥပမာအေနျဖင္႔ Facebook စာမ်က္ႏွာမွ ဓာတ္ပံု ၏ Direct Link ယူပံုကိုျပပါမည္။
- မိမိလိုအပ္သည္႔ ဓာတ္ပံုကို ကလစ္ပါ ။


 ဓာတ္ပံုေပၚတြင္ “ဘယ္ကလစ္”ကို ႏွိပ္၍ Copy Image Location
   ကို ႏွိပ္မည္။

ၿပီးလွ်င္ Notepad ေပၚတြင္ ေကာ္ပီလုပ္(Ctrl+V) ။ ၿပီးလွ်င္ေအာက္ပါပံုစံအတိုင္း Html codeကိုေရးပါမည္။

<img src="Link of image" width="No" border="0" ><br>

မွတ္ခ်က္ - အျပာေရာင္စာလံုးေနရာတြင္သာေျပာင္းလဲမႈ႐ွိသည္။က်န္စာလံုးႏွင္႔သေကၤတ တို႔မွာပံုေသျဖစ္သည္။ 

ဓာတ္ပံုမွကူးယူလာေသာ Link မွာ “https://scontent-sit4-1.xx.fbcdn.net/hphotos-ash2/v/t1.0-9/1794816_903886283008461_8577648375865115028_n.jpg?oh=
e0169b8691ea6afa4b8133f3789fc771&oe=5790935F” ျဖစ္ပါသည္။
 ၎Link ကို အထက္က Code ပံုစံမွ  Link of image ေနရာတြင္အစားထိုးမည္။ No ေနရာတြင္ 550 ကိုအစားမည္။ ဒီလိုပါ။
 <img src="https://scontent-sit4-1.xx.fbcdn.net/hphotos-ash2/v/t1.0-9/1794816_903886283008461_8577648375865115028_n.jpg?oh=
e0169b8691ea6afa4b8133f3789fc771&oe=5790935F"width="550"><br>

 Notepad ေပၚတြင္ေရးထားေသာပံုစံကိုၾကည္႔ပါ။
 
Notepad ေပၚတြင္ code ေရးၿပီးေသာအခါ  Select (Ctrl+A) လုပ္ၿပီး Copy(Ctrl+C) ယူပါမည္။
ၿပီးလွ်င္ Post တင္မည္႔ New post သို႔ျပန္သြားမည္။ ဦး စြာ HTML Tag ကို
   HTML    ကလစ္(ႏွိပ္ပါ) ။ ၿပီးမွ Notepad ေပၚမွ Copy ယူလာေသာ code ကို Paste (Ctrl+V) လုပ္ပါမည္။


         ၿပီးလွ်င္    Compose      ကို ႏွိပ္ၿပီး မိမိထည္႔သြင္းထားေသာပံုကိုျပန္ၾကည္႔မည္။
ဒီလိုေလးေပၚလာပါမည္။
ဓာတ္ပံု အ႐ြယ္အစားကိုမႀကိဳက္ေသးလွ်င္ ၎မိမိထည္႔လိုက္ေသာ ဓာတ္ပံုေပၚတြင္ ကလစ္ တစ္ခ်က္ႏွိပ္လိုက္ပါ ။အျပာေရာင္စာတန္းေလး ဒီလိုေပၚလာပါမယ္။
မိမိလိုခ်င္တဲ႔အ႐ြယ္အစား Small - Medium - Large -  X-Large - Original size တစ္ခုကို ေ႐ြးခ်ယ္ပါ။
အားလံုးၿပီးၿပိဆိုမွ    Publish   ကိုႏွိပ္မည္။
ဤတြင္ Html code ျဖင္႔ ဓာတ္ပံုထည္႔သြင္းနည္းၿပီးပါၿပီ။

(ii)  Video ကို Html code ျဖင္႔ ထည္႔သြင္းျခင္း
     
   Video ကို Copy>>Paste လုပ္၍မရပါ။ Embed code ျဖင္႔သာ ထည္႔ သြင္းရပါသည္။
 You Tube  မွ video file တစ္ခုကို ထည္႔သြင္႔ျပပါမည္။
  Video ယူရန္ https://www.youtube.com/  သို႔၀င္ပါမည္။
မိမိထည္႔သြင္းလိုသည္႔ ဗီြဒီယိုကိုဖြင္႔ပါ ။

Share ကိုႏွိပ္ပါ ။
Embed ကို ႏွိပ္လိုက္ေသာအခါ ေအာက္ပါအတိုင္း Embed code ေပၚလာပါမည္။

၎ code ကို Copy(Ctrl+C) ယူပါမည္။
ၿပီးလွ်င္ Post တင္မည္႔ New post သို႔ျပန္သြားမည္။ ဦး စြာ HTML Tag ကို
   HTML    ကလစ္(ႏွိပ္ပါ) ။ ၿပီးမွ Copy ယူလာေသာ code ကို Paste (Ctrl+V) လုပ္ပါမည္။

ၿပီးလွ်င္    Compose      ကို ႏွိပ္ၿပီး မိမိထည္႔သြင္းထားေသာvideo ကိုျပန္ၾကည္႔မည္။
ဒီလိုေလးေပၚလာပါမည္။
 အ႐ြယ္အစားကို မူ width ႏွင္႔ height တို႔တြင္ျပင္ယူႏိုင္သည္။ မူရင္း Embed code မွ
<iframe width="640" height="360" src="https://www.youtube.com/embed/xgsfvC3iuik" frameborder="0" allowfullscreen></iframe>
အက်ယ္ width ကို width="400" width="450" width="500" width="600" စသည္ျဖင္႔ျပင္ဆင္ႏိုင္သလို  ႔ height ကိုလည္းျပင္ႏိုင္ပါသည္။

အားလံုးၿပီးၿပိဆိုမွ    Publish   ကိုႏွိပ္မည္။
ဤတြင္ Html code ျဖင္႔ Video ထည္႔သြင္းနည္းၿပီးပါၿပီ။

*မိမိကိုယ္တိုင္ Html code မ်ားကို ေရးတတ္ေအာင္ ေလ႔လာမည္ဆိုပါက
ဒီေနရာမွာ ၀င္ဖတ္ပါ >>http://ayemindawei.blogspot.com/search/label/HTML%20%26%20CSS>>

***ဤတြင္ အေျခခံ Blog တည္ေဆာက္ ေရးသားျခင္းၿပီးဆံုးပါၿပီ ။
အားလံုးအဆင္ေျပၾကပါေစ။က်န္းမာ ခ်မ္းသာ လန္းျဖာ ၾကပါေစ။****

                            လြင္႔ေမာင္ေမာင္(ထား၀ယ္)
                            20- 3- 2016  2:50 PM

Comments