Blog Lesson

Sunday, June 28, 2009

Бичлэгийн доод хэсэгт багана нэмэх - Create Extra Columns in your Blogger Layout

Энэхүү хичээлээр урьд урьдын хичээлүүдээс бага зэрэг хүндэвтэр хичээл орууллаа. Гэхдээ оролдоод үзэхэд чадахгүй зүйлгүй. Бичлэгийн доод талын хэсэгт баган нэмэх нь их ач холбогдолтой. Бичлэгтэй холбоотой янз бүрийн нэмэлт тавьж болно. Байрлал сайтай. Олон зүйл нуршаад яахав.

Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> блогоо нөөцлөөд ав Download full template, expand widget templates чеклээд хэрэггүй шүү. Доорхи кодыг хайж ол

Блогуудын template-с шалтгаалаад <div id='main-wrapper'> нь янз бүр байх нь байдаг. Жишээ нь <div id='main'> or <div id='content'> instead of <div id='main-wrapper'>
Хайгаад олсон бол </b:section> -ны доор </div> -ын дээд талд нь доорхи кодыг хуулж тавь.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='sidebar' id='magazine-left' showaddelement='yes' >

<b:widget id='Text51' locked='false' title='Test Title 1' type='Text'/>

</b:section>

<b:section class='sidebar' id='magazine-right' showaddelement='yes' >

<b:widget id='Text52' locked='false' title='Test Title 2' type='Text'/>

</b:section>

<div style="clear: both;"></div>

</b:if>

Үүний дарааагаар </b:skin> хайж олоод дээд талд нь доорхи кодыг хуулж тавь.

#magazine-left {
width: 45%;
float: left;
}
#magazine-right {
width: 45%;
float: right;
}

Ингээд боллоо. Амжилт блогчидоо.

ДЭЛГЭРЭНГҮЙ: “Бичлэгийн доод хэсэгт багана нэмэх - Create Extra Columns in your Blogger Layout”

Friday, June 26, 2009

Бичлэгийн арын фон буюу дэлгэцэнд зураг оруулах


Блогчиддоо сонирхуулахад зарим нэг бичлэгийнхээ зургийг арын фон маягаар хийж харагдуулахад сонирхолтой байх гэсэн үүднээс энэ бичлэгийг тавилаа. Би Блог сонирхоод 3 сар л болж байна. Зарим нэг нэмэлтүүдийг сонирхоод байсан нь чинь их хөгжилтэй юмнууд их гарах юм. blogspot-г ашиглаж чадвал их зүйл хийхээр юм байна гэдгийг мэдэж авлаа. Агуу гэдэгийг эндээс л харахаар байна. Энэ бүх мэдэж сурч байгаа зүйлээ өөр хэн нэгэнд хэлж сургах нь миний хийх дуртай зүйл. Бүгдийг нь энд блогтоо бичнэ гэхлээр цаг их орох юм. Муу юм хийгээд хуурамч бичлэг бичиж та нараар туршилт хийлгээд яахав дээ. Нэгэнт бичиж байгаа юм чинь чанартай, ойлгомжтой хялбараар хийж өгөх хэрэгтэй биздээ. Энэ бичигдэж байгаа хичээл, нэмэлтүүдийг бүгдийг нь туршиж байж тавьдаг юм шүү.

Ингээд энэхүү бяцхан хичээлийг тавилаа.
Бичлэг нэмэх хэсэгрүүгээ ороод Great post Compose гэснийг сонгоод доори кодыг хуулж тавь.

<div style="background:url(http://thumbnails17.imagebam.com/11405/9756d6114049755.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px"> 

Энэ дунд зурган дээр бичигдэх текст бичигдэнэ Ингээд боллоо

</div>





Амжилт блогчидоо