Blog Lesson

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

noreply@blogger.com (lesson) — Sun, 28 Jun 2009 20:39:10 PDT

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

Блогтоо нэвтрээд 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;
}

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

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

noreply@blogger.com (lesson) — Thu, 06 Jan 2011 20:36:57 PST


Блогчиддоо сонирхуулахад зарим нэг бичлэгийнхээ зургийг арын фон маягаар хийж харагдуулахад сонирхолтой байх гэсэн үүднээс энэ бичлэгийг тавилаа. Би Блог сонирхоод 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>





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

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

noreply@blogger.com (lesson) — Fri, 26 Jun 2009 00:51:04 PDT

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

How this works

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

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

noreply@blogger.com (lesson) — Thu, 06 Jan 2011 18:20:40 PST

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

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

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

noreply@blogger.com (lesson) — Thu, 25 Jun 2009 23:43:27 PDT

Энэ удаа өөрийн блогийн бичлэгийг хэр зэрэг эрэлттэй, сонирхолтой, үнэ цэнтэй байна вэ гэдгийг шинжлэн үзэх хичээлийг орууллаа. Зураг дээрээс харахад ойлгомжтой биздээ. Блогууд янз бүрээр л нэрлэдэг юм билээ. Юу гэж орлуулахаа блогчид өөрсдөө мэд. Ингээд эхлэе. 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'> хайж олоод яг доод талд нь кодыг хуулж тавь

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

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

noreply@blogger.com (lesson) — Wed, 24 Jun 2009 18:12:06 PDT

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

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

noreply@blogger.com (lesson) — Tue, 23 Jun 2009 23:29:39 PDT

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

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

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

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

noreply@blogger.com (lesson) — Mon, 22 Jun 2009 22:02:35 PDT

Хэрэглэгчийн хүсэлтээр энэхүү бичлэгийг бэлдлээ. Блогийн 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. Амжилт хүсье блогчидоо.

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

noreply@blogger.com (lesson) — Mon, 22 Jun 2009 02:23:43 PDT

Олон зүйл нуршилгүй тавилаа. Зургаас харахад ойлгомжтой. Блогтоо нэвтрээд 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 дараад боллоо. Амжилт блогчидоо

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

noreply@blogger.com (lesson) — Mon, 22 Jun 2009 00:43:26 PDT

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

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

noreply@blogger.com (lesson) — Mon, 22 Jun 2009 18:32:23 PDT

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

http://www.neoworx.net

http://www.webfooted.net

http://www.fastonlineusers.com

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

noreply@blogger.com (lesson) — Fri, 19 Jun 2009 01:42:09 PDT

Олон янзын цаг гаргадаг сайтууд байдаг тэдний л нэг. Ингэхийн тулд 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 хадгалаад боллоо. Амжилт

Add Yahoo! Messenger to Blog

noreply@blogger.com (lesson) — Thu, 18 Jun 2009 23:19:51 PDT

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

YOURID- гэсэн 2 бичлэгийн оронд та өөрийн мессенжерийн хаягаа бичээрэй

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

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

noreply@blogger.com (lesson) — Thu, 18 Jun 2009 20:31:42 PDT

Бичлэг нэмэгдэхийн хирээр 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'> эдгээрээс сонголтоо хийгээд доод талд кодоо хуулаад болно шүү. Амжилт асуух зүйлээ доор бичээд үлдээ.

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

noreply@blogger.com (lesson) — Thu, 18 Jun 2009 03:21:54 PDT

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 гэж ороод хуул

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

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

noreply@blogger.com (lesson) — Tue, 16 Jun 2009 03:01:48 PDT

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

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

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

noreply@blogger.com (lesson) — Tue, 16 Jun 2009 00:54:29 PDT

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

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

noreply@blogger.com (lesson) — Fri, 12 Jun 2009 04:12:54 PDT

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

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

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

noreply@blogger.com (lesson) — Mon, 08 Jun 2009 01:22:10 PDT

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

Online users :

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



<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/ гэсэн хаягаар элсэж ороод сайтаа бүртгүүлсний дараа таньд кодыг өгөх болно. Кодыг урьдын адил дарааллаар гүйцэтгээд боллоо. Амжилт хүсье

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

noreply@blogger.com (lesson) — Mon, 08 Jun 2009 00:29:58 PDT

Блог хөтлөөд ирэхээр нэмэлт функц модуль нэмэх шаардлага их гарах юм. Тэдгээрийн нэг нь яах аргагүй тухайн бичлэгийн уншигдсан байдлыг харуулдаг тоологч юм. Тэгвэл энэ талаар олж мэдсэнээ сийрүүлэе.
Блогтоо нэвтрээд -> 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.

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

noreply@blogger.com (lesson) — Sun, 07 Jun 2009 23:30:13 PDT

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

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

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

noreply@blogger.com (lesson) — Fri, 05 Jun 2009 02:48:30 PDT

- 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 товчоо дараад боллоо.

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

noreply@blogger.com (lesson) — Thu, 04 Jun 2009 23:57:08 PDT

- 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> хайж олоод дээд эсвэл доод талд нь
кодыг хуул

Хадгалаад боллоо.
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>

Амжилт!