ဒါကေတာ့ရိုးရွင္းလြန္းၿပီးခက္ခဲပါတယ္။ေအာက္ပါပံုအတိုင္း ဓါတ္ပံုေတြကိုထည့္ေစခ်င္ရင္ျဖင့္ ေအာက္ပါ Codeကို
ကူးယူၿပီး HTML tagျဖစ္သည့္ img src="ေနရာ"တြင္ ဓါတ္ပံု Linkကို
ထည့္ေပးျခင္းျဖင့္ ျပဳလုပ္ႏိုင္ပါသည္။ သိပ္လွတဲ့ Tableနဲ႔
ဖြဲ႔စည္းတည္ေဆာက္ထားတဲ့ ပံုေတြပါ။ ျမည္းၾကည့္ပါ။
------------------------------
၁။
Bloggerထဲသို႔ Sign In၀င္ပါ။ New Postတြင္ ေအာက္ပါ Codeကို ကူးယူ၍ Img
src="ေနရာ"တြင္ မိမိထည့္လိုသည့္ ဓါတ္ပံု linkအား ထည့္လိုက္ရံုျဖင့္
အဆင္ေျပႏိုင္ပါသည္။
------------------------------
<div style="border:1px solid #cccccc; padding:5px;">
<div style="width:32%; float:left; border:1px solid #cccccc; text-align:center;">
<img src="...../Jeon_Ji_Hyun.jpg" alt="image1" />
</div>
<div style="width:32%; float:left; border:1px solid #cccccc; text-align:center;">
<img src="...../Jeon_Ji_Hyun.jpg" alt="image1" />
</div>
<div style="width:32%; float:left; border:1px solid #cccccc; text-align:center;">
<img src="...../Jeon_Ji_Hyun.jpg" alt="image1" />
</div>
<div class="clear"></div>
</div>
၂။ ေအာက္ပါ styleကို ၾကိဳက္ရင္လည္း သံုးႏိုင္ပါတယ္။
 |
| |
------------------------------
ေအာက္ပါ Codeကို ကူးယူႏိုင္ပါသည္။
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="center"><img src="...../Jeon_Ji_Hyun.jpg" alt="image1" /></td>
<td align="center"><img src="...../Jeon_Ji_Hyun.jpg" alt="image1" /></td>
<td align="center"><img src="...../Jeon_Ji_Hyun.jpg" alt="image1" /></td>
</tr>
</table>
------------------------------
၃။ ေအာက္ပါ styleကို ၾကိဳက္ရင္ဘေလာ့(ဂ္)မွာ ပံုမ်ားစြာကို Scroll bar နဲ႔ ေဖာ္ျပခ်င္ရင္ HTML Page တစ္ခုဖန္တီးၿပီး Hosting site တစ္ခုကေန Link နဲ႔ ဆြဲယူသံုးေလ့ ရွိၾကပါတယ္။ အဲဒီလုိ မသံုးပဲ ေဖာ္ျပႏိုင္တဲ့ နည္းေလး တစ္ခုရွိပါတယ္။ ေအာက္မွာ ၾကည့္ပါ။ <div> tag ျဖင့္ အသံုးျပဳျခင္း ျဖစ္ပါတယ္။
အထက္ကအတိုင္း ျဖစ္ေအာင္ ဒီလုိ ေရးထားပါတယ္။
<div style="width: 650px; height: 600px; padding:10px; overflow-y: scroll; scrollbar-arrow-color:blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888; background-color:#0000ff; font-size:12pt; font-weight:bold">
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny01.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny02.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny03.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny04.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny05.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny06.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny07.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny08.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny09.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny10.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny11.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny12.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny14.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny13.jpg" width=100% />
</div>
http://www.akyinnarnantaw.org/2011/05/blog-post_02.html
