Блогдоо хэрхэн зурган галлерэй хийх вэ?

Бүхнийг ѳѳрийн гараар хуудсан дахь шиг Зурган галлерэйтай болмоор байна уу?

Доорх зургийн дагуу мэдээж блоггертоо нэвтэрж ороод pages сонгоод хүссэн page-ээ сонгох, эсвэл шинээр нэмнэ.

Шинээр нэмхэд new page сонголт хийж blank page үүсгээд

HTML дээр дараах код-ыг хийнэ.

<table cellpadding=”3″>

<tbody>

<tr>

<td align=”center” width=”25%”><a
href=”http://таныхуудасныхаяг.com” target=”_blank”> <img
src=”http://танызурагнывэбхаяг.jpg” /><br>Зурагны доор байрлах нэр</a></td>

<td align=”center” width=”25%”><a href=”http://таныхуудасныхаяг.com” target=”_blank”> <img src=”http://танызурагнывэбхаяг.jpg” /><br>Зурагны доор байрлах нэр</a></td>

<td align=”center” width=”25%”><a href=”http://таныхуудасныхаяг.com” target=”_blank”> <img src=”http://танызурагнывэбхаяг.jpg” /><br>Зурагны доор байрлах нэр</a></td>

<td align=”center” width=”25%”><a href=”http://таныхуудасныхаяг.com” target=”_blank”> <img src=”http://танызурагнывэбхаяг.jpg” /><br>Зурагны доор байрлах нэр</a></td>

</tr>

</table>

Энэхүү код нь 4 багана болох бѳгѳѳд 3 болгохыг хүсвэл 25%-г 33%, харин 5 бол 20% болгон ѳѳрчилж болно.

Эхний линк болох бүх хѳх ѳнгийг нь ѳѳрийн хүссэн post буюу бичлэгийн хаягаар солино. 

2 дахь линк болох бүх ногоон ѳнгийг хүссэн зурагныхаа вэб хаягаар солино. 

3 дахь линк болох бүх хүрэн ѳнгийг зурганы доор байрлах нэрээр солино. 

Харин доош нь олон мѳр зураг нэмхэд <tr> -с  </tr> хоорондох кодыг хуулж, </tr> хооронд нэмнэ </table>.

Блоггер автоматаар Picasa Web Albums-д бүх зурагнуудыг хадгалдаг учир нэвтрэн ороод хүссэн зургаа сонгож баруун товчлуураа дарж зурагны вэб хаяг болох линкийг хуулбарлан авч зааврын дагуу байрлуулна. Зурагныхаа хэмжээг кодруугаа орж янзална Жишээ нь :

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiktkwNjvJVMBj3PO0oaPGfMFRLbi35j_kwwMq4auVctNQgKFATkh0TNm3xV4NNrgw7MLI8tuU7lohwzXKvkNNzYSSfFWbx00ZKrSVRf6V1-lPVtYS1WGUWyXAyUuUuybVuJfVt6jueBAE/s150/YL%2Bcake%2Bcollage02.jpg"

Эсвэл 

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHwORNDu8GjN2lRRyYg9aZmNgs167uDCfuuRHtR0jv7qMyuZ-XUKStisP9dllo1DlfYt_k2hO6-fjfJiZ3YC6ZO2xQoCN-ZmT-WvC3ZCbQ8aalpNKycSRGTQootRo7zNauscWdrXpl8tU/w150-h150-p-no"

Ногоон ѳнгѳѳр "s" гэдэг нь square буюу дѳрвѳлжин эсвэл w width ѳргѳн h height ѳндѳр тэмдэглэсэн байгаа. Тоог ѳѳрийн блогд тохируулан ѳѳрчилнѳ. Хэрвээ тусламж хэрэгтэй бол надтай холбоо бариарай чадах чинээгээрээ туслъя. Мѳн http://www.laurascraftylife.com/2011/12/blogger-image-gallery-tutorial.html орж оригинал код болон зааврыг харж болно.