သင္ခန္းစာ(၇)
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
ကို ႏွိပ္မည္။
<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 ေပၚတြင္ေရးထားေသာပံုစံကိုၾကည္႔ပါ။
ၿပီးလွ်င္ Post တင္မည္႔ New post သို႔ျပန္သြားမည္။ ဦး စြာ HTML Tag ကို
HTML ကလစ္(ႏွိပ္ပါ) ။ ၿပီးမွ Notepad ေပၚမွ Copy ယူလာေသာ code ကို Paste (Ctrl+V) လုပ္ပါမည္။
ၿပီးလွ်င္ Compose ကို ႏွိပ္ၿပီး မိမိထည္႔သြင္းထားေသာပံုကိုျပန္ၾကည္႔မည္။
ဒီလိုေလးေပၚလာပါမည္။
အားလံုးၿပီးၿပိဆိုမွ Publish ကိုႏွိပ္မည္။
ဤတြင္ Html code ျဖင္႔ ဓာတ္ပံုထည္႔သြင္းနည္းၿပီးပါၿပီ။
(ii) Video ကို Html code ျဖင္႔ ထည္႔သြင္းျခင္း
Video ကို Copy>>Paste လုပ္၍မရပါ။ Embed code ျဖင္႔သာ ထည္႔ သြင္းရပါသည္။
You Tube မွ video file တစ္ခုကို ထည္႔သြင္႔ျပပါမည္။
Video ယူရန္ https://www.youtube.com/ သို႔၀င္ပါမည္။
မိမိထည္႔သြင္းလိုသည္႔ ဗီြဒီယိုကိုဖြင္႔ပါ ။
Share ကိုႏွိပ္ပါ ။
၎ code ကို Copy(Ctrl+C) ယူပါမည္။
ၿပီးလွ်င္ Post တင္မည္႔ New post သို႔ျပန္သြားမည္။ ဦး စြာ HTML Tag ကို
HTML ကလစ္(ႏွိပ္ပါ) ။ ၿပီးမွ Copy ယူလာေသာ code ကို Paste (Ctrl+V) လုပ္ပါမည္။
ၿပီးလွ်င္ Compose ကို ႏွိပ္ၿပီး မိမိထည္႔သြင္းထားေသာvideo ကိုျပန္ၾကည္႔မည္။
ဒီလိုေလးေပၚလာပါမည္။
<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
Post a Comment