<div class="Tolbo monscript-post" id="wfont"> 

<h3 style='color:CornflowerBlue >ᠳᠥᠷᠪᠡᠨ ᠴᠠᠭ</h3>

<p style='color:DodgerBlue>ᠪᠣᠷᠣᠭ᠎ᠠ ᠭᠠᠭᠴᠠ ᠨᠢᠭᠡ ᠳᠤᠰᠤᠬᠤ ᠨᠢ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠪᠣᠷᠣᠭ ᠡᠪᠡᠰᠦ ᠨᠣᠷᠤᠭᠰᠠᠨ ᠪᠠᠶᠢᠬᠤ ᠨᠢ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠬᠠᠪᠤᠷ ᠤᠨ ᠴᠠᠰᠤ ᠭᠡᠷ ᠣᠷᠤᠭᠤ ᠤᠷᠤᠰᠬᠤ ᠨᠢ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠬᠠᠮᠢᠭ᠎ᠠ ᠨᠢᠭᠡᠲᠡᠭᠡ ᠰᠢᠪᠠᠭᠤᠳ ᠭᠠᠩᠭᠠᠨᠠᠬᠤ ᠰᠠᠶᠢᠬᠠᠨ᠃ </p>

<p style='color:RoyalBlue'>ᠠᠯᠲᠠᠨ ᠬᠠᠷᠢᠶᠠᠴᠠᠢ ᠳᠡᠷᠭᠡᠳᠡᠭᠦᠷ ᠨᠢᠰᠬᠦ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠠᠶᠠᠨ ᠤ ᠬᠦᠮᠦᠨ ᠮᠠᠨ ᠤ ᠤᠶᠠᠭᠠᠨ ᠳᠤ ᠪᠠᠭᠤᠬᠤ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠠᠶᠢᠯ ᠤᠨ ᠮᠠᠨᠢ ᠠᠶᠢᠯ ᠳᠤ ᠪᠦᠰᠡᠭᠦᠢ ᠪᠠᠶᠢᠬᠤ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠠᠶᠢᠯ ᠨᠡᠭᠦᠵᠦ ᠢᠷᠡᠬᠦ ᠰᠠᠶᠢᠬᠠᠨ᠃</p>

</div>

татах - Блогийн загвар

Цаашид загварын өнгө төрхийг өөрчлөн өөр нэрээр нэрлэн гаргаж байх санаа байгаа боловч, шинээр яаж загвар өнгийг өөрчлөх тухай асуулт нь тусдаа том сэдэв учир, үүнд хариулах цаг зав гаргаж чадахгүй болохыг анхаарна уу! Харин монгол бичгээр блог хөтлөхөд учирч байгаа асуудлыг харилцан шийдэхэд аль болох түргэн хариу өгч ажиллах болно. Ойлгомжтой тодорхой асуулт цаг хэмнэнэ гэдгийг сануулъя! Ингээд монгол бичигт зориулсан загвараа амжилттай бэлтгэсэн бол өмнө бичсэн монгол бичгээр хэрхэн бичлэгээ гаргах тухай алхам алхамаар оруулсан бичлэгүүдийг уншин туршиж хичээллэн анхныхаа бичлэгээ зарлаарай. 

Асуух асуултаа аль болох олонд хүртээлтэй байх зорилгоор доорх сэтгэгдэлийн буланд үлдээж байхыг хүсье! Зарим ижил төстэй асуулт болгонд дахин дахин хариулах төвөгтэйг ойлгож тунгаана биз. Ямар нэгэн алдаа, босоогоор хэвлэгдэхгүй, туршилт амжилтгүй болох аваас блогийн холбоосоо асуулттайгаа сэтгэгдэлийн буланд орхино уу!

Монгол бичгээр блог хөтөлцгөөе. Харилцан блог хаягаа солилцож, блогоо үр ашигтай хэрэглэе.

Дээрх жишээнд 4 мөр тус бүрээр параграф болгож оруулсан байна. Параграф дахь мөрийг <br> кодоор дараагийн мөрөнд шилжүүлнэ. Энэ кодыг ашиглан мөр хооронд хоосон мөр зай авах, текстийг дараагийн мөрөнд шууд шилжүүлэхэд ашигладаг. Доорх кодонд мөр шилжүүлэгчийг яаж ашигласныг ажигла. Асуулт байвал доор буланд үлдээнэ үү!

<div class="Tolbo monscript-post" id="wfont"> 

<h3>ᠳᠥᠷᠪᠡᠨ ᠴᠠᠭ</h3>

<p>ᠪᠣᠷᠣᠭ᠎ᠠ ᠭᠠᠭᠴᠠ ᠨᠢᠭᠡ ᠳᠤᠰᠤᠬᠤ ᠨᠢ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠪᠣᠷᠣᠭ ᠡᠪᠡᠰᠦ ᠨᠣᠷᠤᠭᠰᠠᠨ ᠪᠠᠶᠢᠬᠤ ᠨᠢ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠬᠠᠪᠤᠷ ᠤᠨ ᠴᠠᠰᠤ ᠭᠡᠷ ᠣᠷᠤᠭᠤ ᠤᠷᠤᠰᠬᠤ ᠨᠢ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠬᠠᠮᠢᠭ᠎ᠠ ᠨᠢᠭᠡᠲᠡᠭᠡ ᠰᠢᠪᠠᠭᠤᠳ ᠭᠠᠩᠭᠠᠨᠠᠬᠤ ᠰᠠᠶᠢᠬᠠᠨ᠃ </p>

<p>ᠠᠯᠲᠠᠨ ᠬᠠᠷᠢᠶᠠᠴᠠᠢ ᠳᠡᠷᠭᠡᠳᠡᠭᠦᠷ ᠨᠢᠰᠬᠦ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠠᠶᠠᠨ ᠤ ᠬᠦᠮᠦᠨ ᠮᠠᠨ ᠤ ᠤᠶᠠᠭᠠᠨ ᠳᠤ ᠪᠠᠭᠤᠬᠤ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠠᠶᠢᠯ ᠤᠨ ᠮᠠᠨᠢ ᠠᠶᠢᠯ ᠳᠤ ᠪᠦᠰᠡᠭᠦᠢ ᠪᠠᠶᠢᠬᠤ ᠰᠠᠶᠢᠬᠠᠨ <br>
ᠠᠶᠢᠯ ᠨᠡᠭᠦᠵᠦ ᠢᠷᠡᠬᠦ ᠰᠠᠶᠢᠬᠠᠨ᠃</p>

</div>

МongolTolbo фонт -> Tolbo
МongolSudar фонт -> Sudar
МongolZasag фонт -> Zasag
MongolXXXXX фонт -> XXXXX
... гэх мэтээр цаашид монголтолбо фонтын дүрэмтэй фонтыг "Монгол" угтвартай, ХХХХХ нэртэй байхаар тогтсон юм. Ийм маягаар фонтын дүрэм өөр өөр фонтуудыг угтвар нэрээр нь нэрлэж байх нь цаашид фонтын дүрмээс шалтгаалах монгол бичгийн техтийн алдааг ялгахад тустай байх болно.
MunkGal, Baiti, MongolianScript, MongolTolbo

<div class="monscript-post" id="wfont"> 
<h1 class="Sudar">ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h1>
<p class="Sudar">᠒᠐᠐᠃ ᠨᠠᠶᠮᠠᠨ ᠤ ᠮᠡᠷᠭᠢᠳ ᠢ ᠡᠵᠡᠯᠡᠵᠦ ᠳᠠᠭᠤᠰᠪᠠᠰᠤ᠂ ᠨᠠᠶᠮᠠᠨ ᠯᠤᠭᠠᠠ ᠬᠠᠮᠲᠤ ᠪᠠᠶᠢᠭᠰᠠᠨ ᠵᠠᠮᠤᠬᠠᠠ᠂ ᠤᠯᠤᠰ ᠢᠶᠠᠨ ᠠᠯᠳᠠᠵᠤ᠂ ᠲᠠᠪᠤᠨ ᠨᠥᠬᠦᠷ ᠲᠡᠶ ᠲᠡᠨᠦᠭᠦᠴᠢᠯᠡᠵᠦ ᠶᠠᠪᠤᠭᠠᠳ ᠲᠠᠩᠯᠤ</p>
<h1 class="Tolbo">ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h1>
<p class="Tolbo">᠒᠐᠐᠃ ᠨᠠᠶᠮᠠᠨ ᠤ ᠮᠡᠷᠭᠢᠳ ᠢ ᠡᠵᠡᠯᠡᠵᠦ ᠳᠠᠭᠤᠰᠪᠠᠰᠤ᠂ ᠨᠠᠶᠮᠠᠨ ᠯᠤᠭᠠᠠ ᠬᠠᠮᠲᠤ ᠪᠠᠶᠢᠭᠰᠠᠨ ᠵᠠᠮᠤᠬᠠᠠ᠂ ᠤᠯᠤᠰ ᠢᠶᠠᠨ ᠠᠯᠳᠠᠵᠤ᠂ ᠲᠠᠪᠤᠨ ᠨᠥᠬᠦᠷ ᠲᠡᠶ ᠲᠡᠨᠦᠭᠦᠴᠢᠯᠡᠵᠦ ᠶᠠᠪᠤᠭᠠᠳ ᠲᠠᠩᠯᠤ</p>
</div>

Блогт ашиглах зургыг хаана ч хэзээ ч солих, өөрчлөх, шинэчлэж болох үүднээс Dropbox онлайн драйверыг ашиглав. Кодны доор байрлах бичлэгээс зургын линкийг яаж авах талаар видео хичээлийг үзнэ үү. Зургаа оруулахдаа Public->Photos гэсэн фолдерт хуулаад public холбоосыг яаж авахыг сайн анхаар! Уг бүртгэсэн холбоосоо доорх кодын src='...' бичлэгийн 3 цэгийн оронд хуулж тавина. Энэ Dropbox хаягаар орж шинээр бүртгүүлэн блогт ашиглах зургаа ачаалаарай. Энэ бол хамгийн энгийн найдвартай хялбар арга юм. Үүнээс өөр олон аргууд байх боловч үйлдэл олон, холбоосыг авахад төвөгтэй байдаг.

<div class="Sudar monscript-post" id="wfont"> 

<h3>ᠮᠣᠩᠭᠣᠯ ᠪᠢᠴᠢᠭ ᠢᠶᠡᠷ ᠢᠶᠡᠨ ᠪᠯᠣᠭ ᠬᠥᠲᠥᠯᠳᠦᠭ ᠦᠭᠡᠢ ᠭᠡᠵᠢᠭᠦᠦ᠂᠂᠂</h3>
<img src='https://dl.dropboxusercontent.com/u/71917687/blog-images/professore_mr_bean.jpg' class='img-responsive' alt='Responsive image' style='height:auto; width:100%'>

</div>

Гарчгийг 6 янзын хэмжээтэй бичиж болно. Доорх кодыг хуулан шинээр пост үүсгэхдээ ашигла

<div class="Sudar monscript-post" id="wfont"> 
<h1>ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h1>
<h2>ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h2>
<h3>ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h3>
<h4>ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h4>
<h5>ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h5>
<h6>ᠾᠥᠩᠨᠦ ᠶᠢᠨ ᠭᠣᠨᠢᠭᠲᠤ ᠳᠠᠭᠤᠤ.</h6>
</div>

Монгол бичгээр шинэ пост үүсгэхдээ доорх зурагт харуулснаар HTML сонголтыг эхэлж идэвхжүүлнэ. Энэ аргаар пост үүсгэж, дараагийн хичээлүүдийг даган хийвээс постын текстийн өнгө, хэмжээ, фонт сонголт зэргийг дураар удирдаж чаддаг болно.

Параграфийг доорх хэлбэрээр постод оруулж өгнө. Доор 2 параграф бичигдсэн байгаа, кодыг хуулан шинээр пост үүсгэхдээ жишээ авч ашигла.

<div class="Sudar monscript-post" id="wfont"> 
<p>ᠶᠠᠮᠠᠷ ᠴᠤ ᠤᠯᠤᠰ ᠤᠨ ᠪᠢᠴᠢᠭ ᠲᠦ ᠪᠠᠶᠢᠳᠠᠭ ᠮᠠᠷᠭᠤᠭᠠᠨ ᠲᠠᠢ ᠠᠰᠠᠭᠤᠳᠠᠯ ᠤᠨ ᠨᠢᠭᠡ ᠪᠣᠯ ᠭᠠᠳᠠᠭᠠᠳᠤ ᠦᠭᠡ ᠶᠢ ᠬᠡᠷᠬᠢᠨ ᠪᠢᠴᠢᠬᠦ ᠲᠤᠬᠠᠢ ᠪᠠᠢᠳᠠᠭ᠃ ᠮᠣᠩᠭᠤᠯ ᠤᠯᠤᠰ ᠤᠨ ᠬᠤᠪᠢ ᠳᠤ ᠶᠡᠷᠦᠩᠬᠡᠶ ᠳᠡᠭᠡᠨ ᠻᠢᠷᠢᠯ ᠪᠢᠴᠢᠭ ᠢᠶᠡᠷ ᠪᠢᠴᠢᠳᠡᠭ ᠲᠡᠢ ᠶᠠᠭ ᠢᠵᠢᠯ ᠢᠶᠡᠷ ᠪᠢᠴᠢᠵᠦ ᠪᠠᠶᠢᠭ᠎ᠠ ᠪᠥᠭᠡᠳ ᠵᠥᠪᠬᠡᠨ ᠶᠠᠭ ᠲᠠᠭ ᠦᠰᠦᠭᠴᠢᠯᠡᠵᠦ ᠪᠢᠴᠢᠳᠡᠭ ᠳᠦᠷᠢᠮ ᠲᠡᠢ᠂ ᠪᠦᠷ ᠣᠯᠠᠨ ᠵᠠᠭᠤᠨ ᠵᠢᠯ ᠡᠨᠡ ᠳᠦᠷᠢᠮ ᠢ ᠮᠥᠷᠳᠡᠵᠦ ᠢᠷᠡᠭᠰᠡᠨ </p>
<p>ᠮᠢᠨᠦ ᠬᠤᠪᠢ ᠳᠤ ᠶᠡᠷᠦᠩᠬᠡᠶ ᠳᠡᠭᠡᠨ ᠴᠣᠶᠢ᠊᠂ ᠯᠤᠪᠰᠠᠩᠵᠠᠪ ᠭᠤᠸᠠᠢ ᠶᠢᠨ ᠳᠦᠷᠢᠮ ᠢ ᠪᠠᠷᠢᠮᠲᠠᠯᠠᠳᠠᠭ᠃ ᠢᠩᠭᠢᠭᠡᠳ ᠲᠡᠭᠦᠨ ᠦ 《ᠮᠣᠩᠭᠤᠯ ᠪᠢᠴᠢᠭ ᠦᠨ ᠬᠠᠳᠠᠮᠠᠯ ᠲᠣᠯᠢ》  ᠳᠠᠭᠠᠨ ᠥᠭᠦᠯᠡᠭᠰᠡᠨ ᠭᠠᠳᠠᠭᠠᠳᠤ ᠤᠯᠤᠰ᠂ ᠨᠡᠶᠢᠰᠯᠡᠯ ᠦᠨ ᠨᠡᠷ᠎ᠡ ᠶᠢ ᠪᠢᠴᠢᠬᠦ ᠵᠢᠷᠤᠮ ᠢ ᠡᠨᠳᠡ ᠣᠷᠤᠭᠤᠯᠤᠯ᠎ᠠ᠃ ᠬᠠᠷᠢᠨ ᠥᠪᠦᠷ ᠮᠣᠩᠭᠤᠯ ᠳᠤ ᠥᠭᠡᠷ᠎ᠡ ᠵᠢᠷᠤᠮ ᠪᠠᠷᠢᠮᠲᠠᠯᠠᠳᠠᠭ ᠪᠠᠶᠢᠵᠤ ᠮᠠᠭᠠᠳ ᠦᠭᠡᠢ ᠶᠤᠮ᠃ ᠲᠡᠶᠢᠮᠦ ᠠᠪᠠᠰᠤ ᠥᠪᠥᠷ ᠮᠣᠩᠭᠤᠯ ᠨᠥᠭᠦᠳ ᠮᠥᠨ ᠲᠠᠯᠴᠢᠷ ᠲᠤ ᠲᠠᠯᠪᠢᠪᠠᠯ ᠲᠠᠯᠠᠷᠬᠠᠬᠠᠤ ᠪᠣᠯᠤᠨ᠎ᠠ᠃</p>
</div>