Sunday, June 28, 2009

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

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

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

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

Блогуудын 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;
}

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

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>





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

Read more...

Recent-posts-г шинэ төрөл

Урьдын бичлэгүүдийн адил хялбарханаар хийж болно.







How this works

Амжилт блогчидоо
Read more...

Recent Comments хийх хялбар арга

Урьдын адил маш хялбар аргаар хийх болно.

Тохиргоо

http://
(eg: "yourblog.blogspot.com" or "www.yourblog.com")

Үсгийн тоо


           

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

Read more...

Top Commenter буюу хамгийн их сэтгэгдэл бичдэг уншигчдыг харуулах код

Мөн түрүүчийн нэгэн адил топуудыг гаргах болно.

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

Read more...

Thursday, June 25, 2009

Popular Posts-г яаж хялбар аргаар үүсгэх вэ.

Нэгэн шинэвтэр бичлэг орууллаа. Popular Posts буюу хамгийн их уншигдсан бичлэгийг харуулах статистикийн автоматаар яаж хийхийг орууллаа. Блог хаягаа оруулаад Customize дарахад add to blog эдэвхижинэ. Түүн дээр дараад цааш үргэлжлүүлэхэд add widget дараад боллоо.



Амжилт блогчидоо.
Read more...

Бичлэгийн талаар уншигчдаас өгөх үнэлгээг яаж хийх ву? - Blogger's "Reactions" Feature

Энэ удаа өөрийн блогийн бичлэгийг хэр зэрэг эрэлттэй, сонирхолтой, үнэ цэнтэй байна вэ гэдгийг шинжлэн үзэх хичээлийг орууллаа. Зураг дээрээс харахад ойлгомжтой биздээ. Блогууд янз бүрээр л нэрлэдэг юм билээ. Юу гэж орлуулахаа блогчид өөрсдөө мэд. Ингээд эхлэе. Blogger in Draft-р нэвтэрнэ. http://draft.blogger.com/ хаягаар ороод dashboard >> layout >>Page Elements ороод Blog Posts хэсгийн Edit-рүү орно. Reactions хэсгийн чеклээд хадгал. Дараа нь Edit HTML >> блогоо нөөцлөөд ав Download full template, Expand widget templates чеклээд <p class='post-footer-line post-footer-line-1'> хайж олоод яг доод талд нь кодыг хуулж тавь

<span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' width='100%'><tr> <td valign='center'><span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>

Ингээд Preview хийгээд үз. Бичлэгийн доод талд гарч байгаа. Таны темптлетэд <p class='post-footer-line post-footer-line-1'> байхгүй байвал <p><data:post.body/></p> -ны доор хуулсан ч болно. Хадгалаад боллоо. Амжилт блогчидоо
Read more...

Wednesday, June 24, 2009

Блогийн тоологч - Flag Counter add our free counter to your website


http://flagcounter.com/ Орж кодоо авах хэрэгтэй.
Maximum Flags to Show- Нэг дор хэдэн улсыг харагдуулахыг сонгоно.
Columns of Flags- улсаа хичнээн баганаар харагдуулахыг сонгоно
Get your flag Counter товч даран үргэлжлүүлэнэ.
Кодоо аваад дарааллын дагуу хуулаад боллоо. Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript

free counters
Read more...

Tuesday, June 23, 2009

Блог дундын чат буюу хэлэлцүүлэг

Ээлжит бичлэгээрээ блог дундын нийтийн хэлэлцүүлэг буюу чатыг оруулж байна. Энэ чатаар шинэ соргог мэдээ, мэдээллийг цаг алдалгүй унших давуу талтай байдаг. Өөрийн блогоо дашрамд нь сурталчилна. Мөн юмс болгон л дутагдалтай байдгын адил энэ чат нь нэвтрэх эрх байдаггүй, хэн дуртай нь хэний ч өмнөөс бичиж болно. Гэхдээ блогчид маань тэр бүгдийг анхаарна биз. Бид бүхэн бүгд л өөрийн гэсэн үзэл бодол байр суурьтай, тиймээс хэн нэгний өмнөөс бичээд байх ухамсартай нэгэн гарахгүй биздээ. Одоогоор энэ чатыг миний мэдэх хэд хэдэн блог ашигладаг. Жишээ нь: barbagsh, yukisan, deppsu, sakamn, duusashgui, amarsaikhan... гээд. Ингээд эхлэе










Доорхи кодыг дарааллын дагуу хуулаад боллоо. Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript



<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="305" src="http://www2.cbox.ws/box/?boxid=1534868&boxtag=3345&sec=main" id="cboxmain" scrolling="auto" style="border:#DBE2ED 1px solid;" width="275" allowtransparency="yes" name="cboxmain"></iframe><br/>



<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="75" src="http://www2.cbox.ws/box/?boxid=1534868&boxtag=3345&sec=form" id="cboxform" scrolling="no" style="border:#DBE2ED 1px solid;border-top:0px" width="275" allowtransparency="yes" name="cboxform"></iframe></div>

</div>

Боллоо. Урт өргөн өнгийг нь тааруулана биз. Амжилт блогчидоо
Read more...

Monday, June 22, 2009

Favicon-г блогтоо хэрхэн байрлуулах вэ - Favicon to Your Blog URL Address


Хэрэглэгчийн хүсэлтээр энэхүү бичлэгийг бэлдлээ. Блогийн Favicon гэдэг нь URL Address хэсэгт байрлах жижиг лого юм. Энэ нь сайтын үзүүлэлтэд чухал нөлөө үзүүлдэг. Favicon-г янз бүрийн өргөтгөлтэй файлаар хийдэг iсo, png, jpg зэрэг эдгээрээс хамгийн тохиромжтойг нь iсo гэж үздэг. Тэгэхээр энэ хичээлээр iсo өргөтгөлтэй файлаар Favicon хийе.
Эхлээд: Favicon хийх файлын хэмжээний харагдах хэлбэр нь 16*16 байдаг. Эхээ бэлдэхдээ 100*100pixels -тэй хийгээрэй. Харахад амар. Бэлдсэн эх файлаа jpg хэлбэрээр хадгал.






Дараагийн алхам: нь http://www.favicongenerator.com энэ линкээр орж jpg файлаа ico өргөтгөлрүү хөрвүүлэнэ. Browse >> Generate Favicon >> Complete! => Click Here to Download Your Favicon! дарааллаар хийгээд татаж авна. татагдсан файл нь favicon.ico нэртэй хадгалагдана.
Гуравдугаар алхам: ico файлаа ямар нэгэн hosted байршуул. Би бол http://www.geocities.com/ энд л байршуулдаг юм. Yahoo mail хаягаараа орно. GeoCities Control Panel хэсгийн Manage >> Easy Upload гээд хуулаад ав. Хуулсан файлынхаа арын view дараад adress хэсгээс замаа copy хийж ав.
http://www.geocities.com/.../favicon.ico иймэрхүү байдалтай байгаа. Ингээд Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> блогоо нөөцлөөд ав Download full template </head> хайж олоод дээд талд нь доорхи кодыг хуулж тавь. <link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/> Save Templat. Амжилт хүсье блогчидоо.
Read more...

Бичлэгийн уншигдсан зам буюу breadcrumb - How to make "breadcrumb-navigation" in Blogger


Олон зүйл нуршилгүй тавилаа. Зургаас харахад ойлгомжтой. Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> Expend widget templaes чагтлаарай. Мөн блогоо давхар нөөцлөөд аваарай. Download full template гэж татна.
Ингээд Ctrl+F дараад ]]></b:skin> хайлт хий. Дээд талд нь үүнийг хуул
.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}
Дахин Ctrl+F дээр <div class='post hentry uncustomized-post-template'> хайлт хий. Дээд талд нь доорхи кодыг хуул

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

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

<div class='breadcrumbs'>



Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == "true"'> »

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

» <span><data:post.title/></span>

</b:loop>

</b:if>

</b:loop>



</div>

</b:if>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>

Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>

</div>

</b:if>

<b:else/>

<b:if cond='data:navMessage'>

<div class='breadcrumbs'>

<data:navMessage/>

</div>

</b:if>

</b:if>

Save Templat дараад боллоо. Амжилт блогчидоо
Read more...

Блогтоо нэмэгдэж байгаа сэтгэгдэлийг майл хаягаараа шалгах - Comment Blog Send to @mail


Энэхүү хичээлээр блогтоо шинээр нэмэгдсэн уншигчдын сэтгэгдлийг өөрийн майл хаягруугаа илгээх талаар дурдье. Ингэхийн тулд блогтоо нэвтрээд Settings хэсэгрүү орно. Comments хэсэгрүү ороод Comment Notification Address гэсэнд майл хаягаа бичээд боллоо. Амжилт
Read more...

Sunday, June 21, 2009

Блогийн статистик мэдээлэл харуулах бас л нэг арга - Add a User Online Tracker to Blog

Энэ удаагийн хичээлээр блогчиддоо зориулан хуудасны статистик харуулах кодыг танилцуулж байна. үүний нэг давуу тал нь Pages, Visits, Vis today, Pag today, user online ... зэргийг нэгэн зэрэг харуулдагаараа онцлогтой юм байна.
Please visit www.histats.com. хаягруу ороод Register бүртгэлийн хэсэгт бүртглээ үлдээнэ. Бүртгүүлсний дараа үндсэн статистикийн төрлүүдээс сонголтоо хийгээд үргэлжлүүлэнэ. гарч ирсэн цонхонд загварууд байгаа тэдгээрээс сонгоод Continue ингээд хэрэгтэй код гарч ирнэ дээ. Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript кодоо хуулаад хадгал. доорхи сайтууд ч мөн адил. Амжилт

Read more...

Friday, June 19, 2009

Блогтоо цаг хийх - Add a Clock to Your Blog


Олон янзын цаг гаргадаг сайтууд байдаг тэдний л нэг. Ингэхийн тулд http://www.clocklink.com. гэсэн хаягаар ороод Clock Gallery гэсэн цэс байгаа тэр дотор Analog, Animal, Animation, Count Down & Up, Dark Background, Digital, Holidays, Logo & Custom, Seasons, Sport, Transparent, and Wallpaper. гэсэн цагны төрлүүд байгаа тэднээс сонголтоо хийгээд View HTML tag гэсэн товчийг дарна. Үүнийг дараа лиценцын цонх гарч ирнэ. Accept дарж үргэлжлүүлэхэд тохиргооны хэсэг гарч ирнэ. Timezone эсвэл хотоор нь сонголтоохийж болно. дор нь нэ бичиж болно. хэмжээгээ сонгоход доор нь код гарч ирнэ. Кодыг дарааллын дагуу хуулаад боллоо. Layout-PageElement-Add a gadget-HTML/JavaScript хадгалаад боллоо. Амжилт
Read more...

Thursday, June 18, 2009

Add Yahoo! Messenger to Blog

Нэг ийм юм байна яаж ашилладаг, ямар давуу талтай зэргийг нь сайн мэдэхгүй юм ашиглаж үзээгүй юм чинь. Ямар ч байсан хөрвүүлээд өгье. Та бүхэн ашиглана биз. Эх сурвалжид бичснээр бол мессенжерээ блогтоо байрлуулдаад, ажиллаад гэх маркын юм бичсэн байсан. Ингээд эхлэе:
Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript -> Add a Gadget -> HTML/Javascript гэж ороод кодыг хуулAlign Center

<a href="ymsgr:addfriend?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>

YOURID- гэсэн 2 бичлэгийн оронд та өөрийн мессенжерийн хаягаа бичээрэй
StyleID- доор байгаа зугийг хараад хэлбэрийг сонгоорой. 1-9 гэсэн тооноос сонгоод тавь зөвхөн тоо тавина. Ингээд боллоо. Амжилт
Read more...

Label буюу үндсэн цэсээ хөдөлгөөнт хэлбэрээр хийх - Flash Animated Label Tags Cloud Widget


Бичлэг нэмэгдэхийн хирээр label, (category ч гэж нэрлэдэг) нэмэгдэх юм. Тэгвэл эдгээр олон цэсүүдийг тодорхой зааж өгсөн хэмжээнд хөдөлгөөнт байдлаар харагдуулах арга байна. Хурд ачаалал шаардахгүй flash хэлбэрт байгаа учир ачаалал бага байдаг юм байлгүй. Ингэхийн тулд нөгөө л дарааллаа барина даа. Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> Expend widget templaes чагтлаарай. Мөн блогоо давхар нөөцлөөд аваарай. Download full template гэж татна.
Ингээд Ctrl+F дараад <b:section class='sidebar' id='sidebar' preferred='yes'> хайж ол
яг үүнийхээ доод талд нь доорхи кодыг хуулж тавь

<b:widget id='Label99' locked='false' title='Labels' type='Label'>



<b:includable id='main'>



<b:if cond='data:title'>



<h2><data:title/></h2>



</b:if>



<div class='widget-content'>



<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>



<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>



<script type='text/javascript'>



var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");



// uncomment next line to enable transparency



//so.addParam("wmode", "transparent");



so.addVariable("tcolor", "0x333333");



so.addVariable("mode", "tags");



so.addVariable("distr", "true");



so.addVariable("tspeed", "100");



so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");



so.addParam("allowScriptAccess", "always");



so.write("flashcontent");



</script>





<b:include name='quickedit'/>



</div>



</b:includable>



</b:widget>
Урт өргөн өнгийг яаж тохирулахаа та шийдэнэ. энд хэмжээсүүд нь байгаа.
хадгалах товчоо дараад боллоо. Зарим нэгт нь ойлгомжгүй нэг юм байдаг жишээ нь <b:section class='sidebar' id='sidebar' preferred='yes'> таны блогт хэд хэд байх нь байдаг. Тэр юу вэ гэхлээр таны үндсэн template чинь хэдэн баганатай вэ гэдгээс шалтгаална. Жишээ нь олон баганатай блогын харагдах байдал иймэрхүү байдаг <b:section class='sidebar' id='sidebar-left'>

<b:section class='sidebar' id='sidebar-right' preferred='yes'> эдгээрээс сонголтоо хийгээд доод талд кодоо хуулаад болно шүү. Амжилт асуух зүйлээ доор бичээд үлдээ.
Read more...

Slideshow хийгээд үз. Дажгүй харагдаж байна


photo/video Slideshow хийх хэдэн хэдэн арга байдаг гэж хэлсэн. Тэдний 2-г нь энд танилцуулье.
Эхний нь энгийн блог мааны өөрт нь Slideshow байдаг түүнийг ашиглан хийх арга байна. Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript -> Add a Gadget -> Slideshow гэж ороод файлынхаа замыг зааж өгдөг юм.
Хоёр дахь арга бол их амархан танис багахан л мэдлэг шаардана. Та Flash програм дээр ажилладаг уу. Ажилладаг бол бүр л амархан та Slideshow-оо flash програмаараа бэлдээд нет-д ямар нэгэн газар байршуулана гэсэн үг дараа нь доор оруулах кодны хэсэгт байшуулсан хаягаа зааж өгөөд боллоо. Түүнчлэн та Flash програм дэр ажиллаж чаддаггүй бол энэ програмыг татаж аваад ажиллаарай. Таны өмнөөс бүгдийг хийнэ. Татах
Програмаа ажиллуулаад файлаа бэлэн болгосны дараа аль нэг сайтад upload хийгээд замаа бэлдчих. Хэрвээ та opload хийх сайт мэдэхгүй байвал http://geocities.yahoo.com/ энэ хаягаар ороод yahoo mail хаягаараа нэвтрээд opload хийж болно. Үүний дараа доорхи кодыг дарааллын дагуу хуулна. -> Dashboard -> Layout -> Page Element -> HTML/JavaScript -> Add a Gadget -> HTML/JavaScript гэж ороод хуул

<embed src="http://www.geocities.com/baatraa_05/temp.swf" quality="high" width="320" height="240" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

http://www.geocities.com/baatraa_05/temp.swf үүний оронд өөрийн файлаа байршуулсан хаягаа зааж өгөөд боллоо. Амжилт хүсье. Ойлгомжгүй байвал асуугаарай
Read more...

Tuesday, June 16, 2009

Урсдаг зар хийгээд үз, блогтоо тавь

Энэ нь багахан хэмжээний код байдаг юм байна. Миний оруулсан бичлэгийн дагуу хийгээд үзэхэд болно. Анхаарах зүйл нь зарим нэг temрlete-д тохирохгүй байж магадгүй шүү. Тохирохгүй байвал үндсэн хуудсандаа байрлсан байрлалаа солиод үзээрэй ихэнх нь header, left, right, footer зэрэг байрлалууд байдаг даа. Аль нэгэд нь таарна. Тэгээд мэдээж энэ бичлэгт цаг агаар, зар, мэдээ мэдээлэл... ер нь юу ч тавьсан болно доо.
Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript -> Add a Gadget ороод доорхи кодыг хуул

<script language="JavaScript1.2">



/*

Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)

For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com

Credit MUST stay intact

*/



//Specify the marquee's width (in pixels)

var marqueewidth="300px"

//Specify the marquee's height

var marqueeheight="25px"

//Specify the marquee's marquee speed (larger is faster 1-10)

var marqueespeed=2

//configure background color:

var marqueebgcolor="#DEFDD9"

//Pause marquee onMousever (0=no. 1=yes)?

var pauseit=1



//Specify the marquee's content (don't delete <nobr> tag)

//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):



var marqueecontent='<nobr><font face="Arial">Сайтад зочилсонд баяраллаа.<a href="http://ulesson.blogspot.com">Урсдаг зар</a> Та бүхний хүсэлтийн дагуу энэхүү урсдаг бичлэгийг орууллаа. Энэ урсаж буй мэдээнд юу ч тавьсан болно. Та бүхний дур <a href="http://ulesson.blogspot.com/2009/04/contact.html">Холбоо барих</a> Та бүхэнтэй харилцахдаа баяртай байх болно.</font></nobr>'





////NO NEED TO EDIT BELOW THIS LINE////////////

marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS

var copyspeed=marqueespeed

var pausespeed=(pauseit==0)? copyspeed: 0

var iedom=document.all||document.getElementById

if (iedom)

document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')

var actualwidth=''

var cross_marquee, ns_marquee



function populate(){

if (iedom){

cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee

cross_marquee.style.left=parseInt(marqueewidth)+8+"px"

cross_marquee.innerHTML=marqueecontent

actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth

}

else if (document.layers){

ns_marquee=document.ns_marquee.document.ns_marquee2

ns_marquee.left=parseInt(marqueewidth)+8

ns_marquee.document.write(marqueecontent)

ns_marquee.document.close()

actualwidth=ns_marquee.document.width

}

lefttime=setInterval("scrollmarquee()",20)

}

window.onload=populate



function scrollmarquee(){

if (iedom){

if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))

cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"

else

cross_marquee.style.left=parseInt(marqueewidth)+8+"px"



}

else if (document.layers){

if (ns_marquee.left>(actualwidth*(-1)+8))

ns_marquee.left-=copyspeed

else

ns_marquee.left=parseInt(marqueewidth)+8

}

}



if (iedom||document.layers){

with (document){

document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')

if (iedom){

write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')

write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=marqueespeed">')

write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')

write('</div></div>')

}

else if (document.layers){

write('<ilayer width="+marqueewidth+" height="+marqueeheight+" name="ns_marquee" bgcolor="+marqueebgcolor+">')

write('<layer left="0" top="0" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=marqueespeed" name="ns_marquee2"></layer>')

write('</ilayer>')

}

document.write('</td></table>')

}

}

</script>
Ингээд боллоо. Амжилт хүсье. Болохгүй байвал хэлнэ биз. Доорхи сайтад туршиж тавьсан байгаа. Хамгийн доод талд нь байгаа http://blogspottutorialized.blogspot.com/
Read more...

Blogspot-г com, net, info, biz, org зэрэг хүссэн домайн хаягаараа сонгох

How to buy custom domain for your blogspot blog via blogger
Нэгэн хэвийн блог хаягаа шинэчлэхийг хүсвэл албан ёсны хаягаа авахыг хүсвэл бичлэгтэй танилцаад урагшаа. Хэрэгтэй нэг нь ашиглана биз.
http://www.youtube.com/watch?v=2X8RMLsN61I&feature=player_embedded линкээс үз



Read more...

Friday, June 12, 2009

Блогтоо календар нэмэх


Энэ календар нь JavaScript хэл дээр бичигдсэн юм байна. Хэрэглэхэд хялбар. Мөн нэг давуу тал нь хажуудаа цаг гаргаж байх юм да. Ер нь дараа нь ямар төрлийн хичээлүүд нэмэж болохоор байна надад саналаа хэлвэл яасан юм. Энд тавичихмаар олон л юм байна. Зав гарахаараа л нэгийг нь хөрвүүлэх юм. Зарим нэг сар өдрийг нь орчуулаад тавьсан үлдснийг нь та хийгээрэй. Ингээд эхлэе. Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript -> Add a Gadget - HTML/JavaScript гэж ороод доорхи кодыг хуулж тавь.

<style type="text/css">

<!--

body,td,th {

font-size: 10px;

}

-->

</style><script>

/*Copyright 1996 - Tomer and Yehuda Shiran

Feel free to "steal" this code provided that you leave this notice as is.

Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/

For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>*/



setCal()



function getTime() {

// initialize time-related variables with current time settings

var now = new Date()

var hour = now.getHours()

var minute = now.getMinutes()

now = null

var ampm = ""



// validate hour values and set value of ampm

if (hour >= 12) {

hour -= 12

ampm = "PM"

} else

ampm = "AM"

hour = (hour == 0) ? 12 : hour



// add zero digit to a one digit minute

if (minute < 10)

minute = "0" + minute // do not parse this number!



// return time string

return hour + ":" + minute + " " + ampm

}



function leapYear(year) {

if (year % 4 == 0) // basic rule

return true // is leap year

/* else */ // else not needed when statement is "return"

return false // is not leap year

}



function getDays(month, year) {

// create array to hold number of days in each month

var ar = new Array(12)

ar[0] = 31 // Нэгдүгээр сар

ar[1] = (leapYear(year)) ? 29 : 28 // Хоёрдугаар сар

ar[2] = 31 // Гуравдугаар сар

ar[3] = 30 // Дөрөвдүгээр сар

ar[4] = 31 // Тавдугаар сар

ar[5] = 30 // Зургадугаар сар

ar[6] = 31 // Долдугаар сар

ar[7] = 31 // Наймдугаар сар

ar[8] = 30 // Есдүгээр сар

ar[9] = 31 // Аравдугаар сар

ar[10] = 30 // Арван нэгдүгээр сар

ar[11] = 31 // Арван хоёрдугаар сар



// return number of days in the specified month (parameter)

return ar[month]

}



function getMonthName(month) {

// create array to hold name of each month

var ar = new Array(12)

ar[0] = "January"

ar[1] = "February"

ar[2] = "March"

ar[3] = "April"

ar[4] = "May"

ar[5] = "Зургадугаар сар"

ar[6] = "July"

ar[7] = "August"

ar[8] = "September"

ar[9] = "October"

ar[10] = "November"

ar[11] = "December"



// return name of specified month (parameter)

return ar[month]

}



function setCal() {

// standard time attributes

var now = new Date()

var year = now.getYear()

if (year < 1000)

year+=1900

var month = now.getMonth()

var monthName = getMonthName(month)

var date = now.getDate()

now = null



// create instance of first day of month, and extract the day on which it occurs

var firstDayInstance = new Date(year, month, 1)

var firstDay = firstDayInstance.getDay()

firstDayInstance = null



// number of days in current month

var days = getDays(month, year)



// call function to draw calendar

drawCal(firstDay + 1, days, date, monthName, year)

}



function drawCal(firstDay, lastDate, date, monthName, year) {

// constant table settings

var headerHeight = 10 // height of the table's header cell

var border = 1 // 3D height of table's border

var cellspacing = 1 // width of table's border

var headerColor = "midnightblue" // color of table's header

var headerSize = "+1" // size of tables header font

var colWidth = 40 // width of columns in table

var dayCellHeight = 10 // height of cells containing days of the week

var dayColor = "darkblue" // color of font representing week days

var cellHeight = 10 // height of cells representing dates in the calendar

var todayColor = "red" // color specifying today's date in the calendar

var timeColor = "purple" // color of font representing current time



// create basic table structure

var text = "" // initialize accumulative variable to empty string

text += '<center>'

text += '<table border=" + border + " cellspacing=" + cellspacing + ">' // table settings

text += '<th colspan="7" height=" + headerHeight + ">' // create table header cell

text += '<font color="' + headerColor + '" size=" + headerSize + ">' // set font for table header

text += monthName + ' ' + year

text += '</font>' // close table header's font settings

text += '</th>' // close header cell



// variables to hold constant settings

var openCol = '<td width=" + colWidth + " height=" + dayCellHeight + ">'

openCol += '<font color="' + dayColor + '">'

var closeCol = '</font></td>'



// create array of abbreviated day names

var weekDay = new Array(7)

weekDay[0] = "Sun"

weekDay[1] = "Mon"



weekDay[2] = "Tues"

weekDay[3] = "Wed"

weekDay[4] = "Thu"

weekDay[5] = "Fri"

weekDay[6] = "Sat"



// create first row of table to set column width and specify week day

text += '<tr valign="center" align="center">'

for (var dayNum = 0; dayNum < 7; ++dayNum) {

text += openCol + weekDay[dayNum] + closeCol

}

text += '</tr>'



// declaration and initialization of two variables to help with tables

var digit = 1

var curCell = 1



for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {

text += '<tr valign="top" align="right">'

for (var col = 1; col <= 7; ++col) {

if (digit > lastDate)

break

if (curCell < firstDay) {

text += '<td></td>';

curCell++

} else {

if (digit == date) { // current cell represent today's date

text += '<td height=" + cellHeight + ">'

text += '<font color="' + todayColor + '">'

text += digit

text += '</font><br>'

text += '<font color="' + timeColor + '" size="1">'

text += '<center>' + getTime() + '</center>'

text += '</font>'

text += '</td>'

} else

text += '<td height=" + cellHeight + ">' + digit + '</td>'

digit++

}

}

text += '</tr>'

}



// close all basic table tags

text += '</table>'

text += '</center>'



// print accumulative HTML string

document.write(text)

}

</script>

Save лараад боллоо.
Read more...

Monday, June 8, 2009

Online users... , Яг одоо сүлжээнд... гэх мэт статистик


Сүлжээнд хэдэн зочин холбогдсон тухай мэдээллийг харуулах кодыг орууллаа. Блог болгон дээр байдаг болж. Блогтоо тавиагүй нэг нь сонирхоно биз. Энд 2 янзын код байна 2 ланг нь орууллаа.
Эхнийх нь зүгээр л кодоо хуулаад тавьчихна.
Ингээд эхлэе. Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript -> Add a Gadget доорх кодыг хуулаад OK

<!-- Start FastOnlineUsers.com -->

Online users :

<script src="http://fastonlineusers.com/online.php?d=ulesson.blogspot.com"> </script>

<!-- End FastOnlineUsers.com -->

<p>



<font face="Tahoma"><a target="_blank" href="http://ulesson.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Code</span></a></font></p>

Online users : гэснийг өөрийн дураар өөрчлөөд боллоо.
Дараагийнх нь http://www.freeonlineusers.com/ гэсэн хаягаар элсэж ороод сайтаа бүртгүүлсний дараа таньд кодыг өгөх болно. Кодыг урьдын адил дарааллаар гүйцэтгээд боллоо. Амжилт хүсье
Read more...

Бичлэг хэдэн удаа уншигдсан мэдээллийг харуулах - Page views counter for blogspot

Блог хөтлөөд ирэхээр нэмэлт функц модуль нэмэх шаардлага их гарах юм. Тэдгээрийн нэг нь яах аргагүй тухайн бичлэгийн уншигдсан байдлыг харуулдаг тоологч юм. Тэгвэл энэ талаар олж мэдсэнээ сийрүүлэе.
Блогтоо нэвтрээд -> Dashboard -> Layout -> Edit HTML гэж ороорой. Мөн адил блогоо нөөцлөөд авчих. Еxpend widget Templates -г чагтлаад <p><data:post.body/></p> хайж ол
Тэгээд үүнийхээ дээд талд нь ч юм уу эсвэл доод талд нь доорхи кодыг хуулж тавь.

<b:if cond='data:blog.pageType == "item"'>

<div id='hit-counter'>

<a href='http://ulesson.blogspot.com' rel='follow'>

<script src='http://blogspot.100webspace.net/pageviews.php' type='text/javascript'/> </a>

</div></b:if>

ulesson.blogspot.com-н оронд өөрийн блог хаягаа бич. Хадгалах товчоо дараад боллоо.

Page views counter for blogspot bloggers to count how many times any post has been read.
Read more...

Sunday, June 7, 2009

Menu буюу цэс нэмэх


Энэ удаа блогтоо menu буюу линк байрлуулах бас нэг кодыг орууллаа. Энэ линк нь тайлбартай гардгаараа онцлогтой юм байна. Линкин дээр дарахад доод талд нь тайлбар гарч байхаар тохируулагдсан. JavaScript кодчлол учраас блогийн HTML хуудсанд тохиргоо хийхгүй.
Ингээд эхлэе.
Нэгдүгээрт: Блогтоо нэвтрээд Layout-Page Element-Add a Gadget-HTML/JavaScript гэж ороод доорхи кодыг хуулж тавь.

<script>



//Link Description script- © Dynamic Drive (www.dynamicdrive.com)

//For full source code and TOS, visit http://www.dynamicdrive.com



//change link descriptions to your own. Extend as needed

var linktext=new Array()

linktext[0]="Миний блогтой танилцаж байгаад тань байрлалаа"

linktext[1]="Блогоор дамжуулан мэдээллээ хүргэх болно."

linktext[2]="Блогчдын мэдлэгийн санд"

linktext[3]="Блогчиддоо зориулсан хичээл"

linktext[4]="Блогийн талаар хичээлүүд байна"

linktext[5]="Харилцах хаяг: mgllibrary@gmail.com"



var ns6=document.getElementById&&!document.all

var ie=document.all



function show_text(thetext, whichdiv){

if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]

else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]

}



function resetit(whichdiv){

if (ie) eval("document.all."+whichdiv).innerHTML=' '

else if (ns6) document.getElementById(whichdiv).innerHTML=' '

}



</script>



<!-- show_text(index# of linktext[] to show, ID of div to write to) -->



<p>

<a onmouseover="show_text(0,'div1')" onmouseout="resetit('div1')" href="http://ulesson.blogspot.com">Нүүр хуудас</a> |

<a onmouseover="show_text(1,'div1')" onmouseout="resetit('div1')" href="http://ulesson.blogspot.com">Танилцуулага</a> |

<a onmouseover="show_text(2,'div1')" onmouseout="resetit('div1')" href="http://ulesson.blogspot.com">Блог гэж юу вэ</a>



<a onmouseover="show_text(3,'div2')" onmouseout="resetit('div2')" href="http://ulesson.blogspot.com">Хичээл</a> |

<a onmouseover="show_text(4,'div2')" onmouseout="resetit('div2')" href="http://ulesson.blogspot.com">Холбоос</a> |

<a onmouseover="show_text(5,'div2')" onmouseout="resetit('div2')" href="http://ulesson.blogspot.com">Холбоо барих</a>





<br/>

<span id="div1"> </span><i><span id="div2"> </span></i></p>

Хадгалах товчоо дараад дууслаа. Хаана байрлуулахаа сонгоно биз. Блогууд ихэнхдээ header буюу дээд талдаа байрлуулдаг юм билээ. Линкийн оронд байрлуулах линкээ сонгоно биздээ. Амжилт хүсье.
Read more...

Friday, June 5, 2009

Google Translate буюу блогоо өөр олон хэлээр үзүүлэх боломжийг олгодог


- How to add Google Translate on Blogger -
Хараад байхад энэ script блог болгон дээр л байдаг болж. Мөн үү !!! арга ч үгүй биздээ блогоо өөр олон хэлээр унших боломжийг олгож байгаа юм чинь.
1. Блогтоо нэвтрээд урьдын адил үйлдлүүдээ хийнэ.
Layout-PageElement-HTML/JavaScript доорхи кодыг хуулж тавь.

<div style="border:1px solid #eaeaea;padding:10px 4px 3px 4px;text-align:center;background-color:#eaeaea;"



><!–google flags– translate mini>

<div align="center">



<!– to beta add – english (simplified) chinese>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>



<!– to english (simplified) end chinese beta–>



<!– to add – english french>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://i187.photobucket.com/albums/x307/Mafishioso/_french_s.png" height="24" title="Google-Translate-English to French "/></a>



<!– to – english french end>



<!– to add german – english>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://i187.photobucket.com/albums/x307/Mafishioso/_german_s.png" height="24" title="Google-Translate-English to German"/></a>



<!– to german – english end>



<!– to italian add – english>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://i187.photobucket.com/albums/x307/Mafishioso/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a>



<!– to italian – english end>



<!– to beta add – english japanese>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>



<!– to beta – english end japanese>



<!– to beta add – english korean>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>



<!– to beta – english korean end>



<!– to beta russian add – english>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://i187.photobucket.com/albums/x307/Mafishioso/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>



<!– to beta russian – english end>



<!– to spanish add – english>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://i187.photobucket.com/albums/x307/Mafishioso/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>



<!– to spanish – english end>



</!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></!–></div>



<sup>Powered by</sup> <img src="http://www.google.com/ig/modules/translatemypage_content/logo.gif" align="absbottom"/><br/>

<small><a href="http://blogpowered.blogspot.com" target="_blank">+</a> <a href="http://blogpowered.blogspot.com/2008/05/blogger-widgets-translations-by-google.html">Grab this widget</a></small><br/>



</!–google></div>

Save товчоо дараад боллоо.
Read more...

Thursday, June 4, 2009

Блогтоо Add Digg нэмэх

- Add Digg button to Blogger or Blogspot -
Өөрийн блогтоо Add Digg нэмэх. Англи хадмалыг тавилаа. This is a step-by-step guide to automatically place a real-time Digg count and vote button to every single blog post. Digg is a social content website where your readers or you can submit content to. If you have a good story, members will 'digg' the post and write comments. As a blog owner, you may want to make it easy for and encourage your readers to submit and digg your articles.

Automatic Count and Vote Button

Before you do that though, you would want to take note of the following:-

1. Your blog should be set to save Post Pages. Post Pages are archived blog posts published to their own web page. Each post will have a unique URL, which is required by Digg for the individual posts to be submitted. To verify or enable it, login to your Blogger Dashboard. Under Settings-> Archiving, set the “Enable Post Pages?” to “Yes” and save the settings.

2. This template hack will put a Digg button to every post. You are therefore not able to choose which post you want to include or exclude a button. If you would prefer to have a Digg button added only to some posts, read the later part of this article on “Button for selective posts.”

3. The code reads the URL of the individual blog page and this shall be the URL used for submission of the story to Digg.

Under “Template”, click the “Edit HTML” tab. Block copy the entire HTML code for your site and save it in a text file. You can also click the "Download Template" link. This is one of the two necessary steps whenever you want to change the template. The second step is of course to “Preview” the new changes, and save the changes only when you are satisfied. The backup you have saved in a text file will come in handy when you accidentally click to save the changes without previewing them. With a backup, you can easily restore the template to the prior state if need be.

Блогтоо нэвтээр Layout -Edit HTML гэж ороод. Expand Widget Templates гэснийг чагтаарай.
<p><data:post.body/></p> хайж олоод дээд эсвэл доод талд нь
кодыг хуул
<div style='float:right; margin-left:10px;'>

<script type='text/javascript'>

digg_url="<data:post.url/>";

</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

</div>
Хадгалаад боллоо.
float:right; margin-left:10px; гэснийг өөрчлөөд харагдах хэлбэр болон бичлэгийн аль талд харагдуулахыг тааруулж өгнө.
Мөн хөдлөн байрлуулахыг хүсвэл кодыг хуул
<div style='float:right; margin-left:10px;'>

<script type='text/javascript'>

digg_url="<data:post.url/>";

digg_skin="compact";

</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

</div>
Амжилт!
Read more...

Бичлэгийг автоматаар Read More... болгох - Automatic Read More Hack For Blogger


Энэ удаа блогчиддоо хэрэгтэй нэгэн бичлэг орууллаа. Таны бичсэн бичлэгийн үсгийн тоогоор хязгаараар (таны зааж өгсөн тоогоор Жишээ нь та 400 гэж зааж өгвөл төны бичлгийн 400 дахь тэмдэгтээс цааш үргэлжлэлийг Read More буюу дэлгэрэнгүй байдлаар харагдуулах линк тавигдах юм.)цааш нь дэлгэрэнгүйгээр харагдуулах гэж ойлгож болно. Энэ талаар сайтуудаас үзэхэд ихэнх нь Read More-г гар аргаар хийж байгаа харагддаг. (span class="fullpost" гэх маягаар) Би ч гэсэн. Тэгээд үүнийг засахын тулд хайж байгаад энэ автоматаар тохируулдаг бичлэгийг оллоо. Эхлэхийнээ өмнө дуулгахад Энэ нь -js- гэсэн өргөтгөлтэй файлын удирдлага юм шүү. Энэ файлыг би өөрийн hostod байрлуулсан учир таньд амархан байх болно. Эхлэе
draft.blogger.com хягаар өөрийн нэр нууц үгээр нэвтэрнэ.


Layout -> Edit HTML, гэж ороод Expand Widget Templates гэснийг чагтлаарай. Ер нь блогтоо жижиг script x бай юу ч хийсэн блогоо нөөцөлж авч байгаарай. Ингэхийн тулд Download Full Template татаж авна.
(CTRL+F) товчийг даран гарч ирэх цонхонд </head> бичээд хай. Гарч ирсэн </head>-ын дээд талд
кодыг хуул

<script type='text/javascript'>var thumbnail_mode = "no-float" ;

summary_noimg = 500;

summary_img = 450;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://www.geocities.com/baatraa_05/read-more_auto.js' type='text/javascript'/>

Зөвлөхөд
summary_noimg = 500
summary_img = 450
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120; зэрэг тоон мэдээлүүдээр нүүрэн талд хэр их хэмжээний бичлэг болон зургаг оруулах хэмээсүүдийг тохируулна.

Дараа нь
<data:post.body/>
гэснийг хайж олоод, дээрээс нь даран
доорхи кодыг хуул

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more “<data:post.title/>”</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Ингээд дууслаа. Давуу тал нь бичлэг бичих болгондоо span бичих шаардлаггүй. Амжилт хүсье.
Read more...