Blog Lesson, Tutorial

Монгол бичгээр иймэрхүү л болох юм уу

noreply@blogger.com (book) — Fri, 25 May 2012 02:55:00 -0700

vMongolian ulesson blog baatar fg fdg fdgf d

How to hide the Blogger Nav-Bar

noreply@blogger.com (book) — Mon, 21 May 2012 01:16:00 -0700

Блогчдын хувьд янз бүрийн дизайн хийгээд өнгний шийдлийг оруулдаг болсон. Зарим блогчид хэрэгтэй хэрэггүй олон юмыг хасаж байна. Тэдгээрийн нэг нь navbar гэж нэрлэдэг блогийн дээд талд маань харагдаад байдаг хэсгийн хасж болдог юм байна.
Үүний тулд Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> блогоо нөөцлөөд ав Download full template, хийнэ expand widget templates гэснийг чеклээд. Доорхи кодыг хайж ол </b:skin>
Дээд талд нь доорх кодыг хуулж тавь

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

Боллоо. Амжилт

Tabview хийх нэгэн төрөл

noreply@blogger.com (book) — Thu, 17 May 2012 23:23:00 -0700

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

Бичлэгийн өнгийг тодорхойлж болно. Амжилт

Блогийн бичлэгийн reating хийх - How To Ratings to your Blog

noreply@blogger.com (book) — Thu, 17 May 2012 22:44:00 -0700

Уншигчид блогтоо тавигдаж буй мэдээллийг хэр зэрэг хүн үзэж байгаа, ямар сэтгэгдэлтэй байгаа талаар тэр болгон бүрэн мэдээлэлтэй байдаггүй. Тэгвэл таны бичлэгийг үзээд 1-5 балл-аар дүгнэж байх талаар боломж байдаг. Уншигчдын дүгнэлт
Үүний тулд Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> блогоо нөөцлөөд ав Download full template, хийнэ expand widget templates гэснийг чеклээд. Доорхи кодыг хайж ол

Хэрэв ийм код байхгүй бол үүнийг хайж ол.

Доод талд үүнийг paste

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

<span class='star-ratings'>

<b:if cond='data:top.showStars'>

<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>

</b:if>

</span>

</b:if>

Дараагийн алхам нь энэ кодыг хайж олоод

<b:include name='nextprev'/>

доод талд үүнийг хуулж тавь

<b:if cond='data:top.showStars'>

<script src='http://www.google.com/jsapi' type='text/javascript'/>

<script type='text/javascript'>

google.load("annotations", "1");

function initialize() {

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

Ингээд боллоо. Save хийгээд blog View

Бичлэгийг read more болгох - Make a Post Summary

noreply@blogger.com (book) — Thu, 17 May 2012 00:39:00 -0700

Сайн байцгаана уу. Та бүгдэд энэ өдрийн мэндийг хүргэе. Блогтоо салхи оруулаагүй нэг л мэдэхэд 2 жил болсон байна. Өнөөдөр блог хөтөлдөг хүмүүс цөөхөн болж. facebook-рүү их хошуурдаг болсон байна. Энэ блог өдөртөө 100 орчим хүн ханддаг гэсэн статистик байна. Тэгэхлээр хүмүүс маань блогоо хаяаагүй л байгаа юм байна. Тиймээс би блогоо цааш үргэлжүүлэн хөтлөж хичээлүүдийг оруулах боллоо. Олон зүйл нуршаад яахав эхлэе
Энэ удаа блогчиддоо зориулан нэгэн бичлэг орууллаа. Би урьд нь Read more буюу бичлэг автоматаар тасалж харуулдаг нэг хичээлийг оруулж байсан байна. Тэгвэл энэ хичээлээр бичлэгээ өөрийн хүссэн газраараа таслах боломжтой гэдгийг харуулах гэж үзлээ. Гэхдээ энэ post нэмэх болгондоо бага зэрэг ажиллагаа шаардаад байдаг.

draft.blogger.com хягаар өөрийн нэр нууц үгээр нэвтэрнэ.

Layout -> Edit HTML, гэж ороод Expand Widget Templates гэснийг чагтлаарай. Ер нь блогтоо жижиг script x бай юу ч хийсэн блогоо нөөцөлж авч байгаарай. Ингэхийн тулд Download Full Template татаж авна.

(CTRL+F) товчийг даран гарч ирэх цонхонд <p><data:post.body/></p> бичээд хай. Гарч ирсэн <p><data:post.body/></p>-ыг даран доорхи
кодыг хуул

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p><b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Read more...</strong></a></p></b:if>

Save Template дарна.

Дараагийн алхам нь

Setting дар
formatting дар
Post Template. Гэдэгт доорхи кодыг хуулж тавь. Ингэснээр бичлэг нэмэр болгонд paste хийх шаардлаггүй болно.

Save settings

Бичэг яаж нэмэх вэ?
бичлэг нэмэх болгонд энэ байдлаар харагдана.
<span class="fullpost">

</span>

Энэ хэсгийн өмнө нүүрэнд харагдаж байх бичлэгийн богино хэсэгийг бичнэ
<span class="fullpost">

Энэ хэсэгт read more байдлаар харагдаж байх бичлэгийн хэсгийг хийж өгөөд боллоо.

</span>

Thanks Good luck

How to do blog settings in blogger

noreply@blogger.com (book) — Tue, 15 May 2012 23:52:00 -0700

The first important thing you should do to make your blog in blogger have the best performance is to do some Settings. As your inspirations on how to do blog settings in blogger, the following, Blogspot Tutorial writes how to setup blog in blogger:

* Please login to blogger with your ID

* Click Setting

* You will see the menu tabs containing things to setup:

Basic

Some settings in Basic menu:

Blog Tools: Import blog → this is the facility to import data from your computer (this is usually done when transferring blog). Don’t click it, let it be as it is. Export blog > this is the facility to export blog from blogger server to your computer. This facility is also called as Backup blog facility. You are suggested to create blog backup at least once a week.
Title: Fill out with the title of your blog, e.g. My personal blog
Description: Fill out with your blog description, e.g. Notes of My Unique Life.
Add your blog to our listing?: You’re suggested to choose Yes option.
Let search engines find your blog?: Choose Yes, so your blog will be indexed by search engines such as Google, Yahoo, and Bing.
Show quick editing on your blog?: You may choose Yes or No.
Show email post links?: It will be an icon of email with which your visitors can easily email your posts to their friends. Choose Yes, if you want, or No if you don’t want this facility to appear on your blog.
Select Post Editor: This is to select post editor in your blog. Updated Editor → This is the latest post editor that Blogger has with new features included such as the More button to cut off your articles, and more. Old Editor → This is the old post editor that Blogger has, but you can still use it if you feel more comfortable with this old editor, because there are some features at this old editor that are not included in the Updated Post Editor. Hide Compose Mode → This is an option for those who are familiar with HTML because this option will hide the compose mode in your post editor. Don’t use this option if you are not familiar with the HTML coding.
Enable transliteration?: Select Enable if you want your post editor allow you to translate to Hindi, Kannada, Malayalam, Tamil, or Telugu. Select disable if you want your post editor not to allow you the transliteration.
End settings on Basic menu by clicking SAVE SETTINGS.

Publishing

This is to change the domain name of your blog in blogger with your own domain name, e.g. http://yourblogname.blogspot.com into http://yourblogname.com.

For temporary, don’t do anything at this Publishing menu! Tutorial about custom domain in blogger can be read at How to use Custom Domain in Blogger.

Formatting

Some settings in the Formatting menu:

Show at most: type the number of posts you want to display on your blog homepage, e.g. 5. Next to number of posts option, there is dropdown menu allow you to choose Posts or Days. Just choose posts, which means your blog homepage will show 5 posts.
Date Header Format: Choose how the date format you would like to display above your posts.
Archive Index Date Format: Choose the date format for your archive index.
Timestamp Format: Choose the time format you would like to display. This is the time when a post is published on your blog.
Time Zone: Just choose the time zone where you are.
Language: Choose the language you want to use in your blog.
Convert line breaks: this is the facility of automated line breaks when you hit enter during typing an article in the post editor. This facility is used when you think you will not post or write the codes such as HTML codes, etc in the future. But if you think you will post about HTML codes and include the codes in your posts, you should choose No, for instance, if your blog talks about the tutorials about HTML, PHP, etc.
Show Title Field: You may choose Yes or No.
Show link fields: You may choose Yes or No.
Enable Float alignment: Choose Yes, so you can arrange the position of your post both images and texts. But if you think this option will disturb the display of your blog, just choose No.
Post Template: This is the facility to create any text or code to appear each time you write a new post. It is usually used to create blog signature that will always appear in every post you create without having to type manually each time you create a new post.
End the settings on Formatting menu by clicking SAVE SETTINGS

Comments

Some settings in the Comments menu:

Comments: Choose Show if you want your posts commented by your visitors, or choose Hide if you don’t want your posts commented by your visitors.
Who can comment? : Anyone – includes anonymous users → choose this option if you want everyone can comment on your blog including the Anonymous users or those without identity. Registered users –includes OpenID → Only users that are registered who can comment on your blog, i.e. those who have accounts in Google, Live Journal, Wordpress, Type pad, AIM, and or OpenID. Users with Google accounts → Those who can comment on your blog are those who have Google accounts. Only members of this blog → Only members of your blog who can comment. A certain community usually chooses this option such as educational community, etc.
Comment form placement: Full page → the page of your blog will switch to the comment form page if you choose this option. Pop-up window → your comment box will appear as pop-up window, so your blog is still displayed. Embedded below post → your comment box will directly be displayed under post, so your visitors can comment directly without clicking a Post Comment link. Bloggers like most the comment box is embedded below post.
Comments Default for posts: Choose New posts Have Comments if you want your articles have the comment box, but you can disable this when you create a post. Choose New Posts Do not have comments if you want your posts don’t have comment box, but you can add it when you create a post.
Backlinks: Choose Show if you want to display links to the websites that link to your articles.
Backlinks Default for Posts: choose New posts have backlinks if you want your articles have backlinks, and choose new posts do not have backlinks if you want your articles do not have backlinks.
Comment Timestamp Format: choose the date format you want to display.
Comment Form Message: type your massages to be displayed above the comment box, e.g. please comment freely but keep it polite by not doing spam.
Comment Moderation: choose Always if you want to display any comment after moderation. Only on posts older than …days. Choose this option if you want to display any comment on your selected posts based on the age you have determined, e.g. 15 days, etc. Choose Never if you want to display any comment without a moderation. Don’t forget to type your email address in the available field to get notifications when someone of non-member comments on your posts. Or leave blank if you don’t need the notifications.
Show word verification for comments?: choose Yes if you want to display word verification that will require commentators to enter before publishing their comments. It is to avoid a spam comment such as the robot spam script that can comment on your automatically and frequently. Anyway, visitors usually don’t like the word verification for inconvenience reason. Choose No when you don’t want the word verification displayed, although this option allows spasm like robot spam scripts to place their comments.
Show profile images on comments?: Choose Yes if you want the profile images of commentators to be displayed, and choose No if otherwise.
Comment Notification Email: Enter the email addresses up to ten emails that you want to send comment notifications.
End settings on Comment menu by clicking SAVE SETTINGS.

Archiving

Some settings on Archiving menu:

Archive frequency: choose how your blog archives will be displayed on your blog whether you want the archives arranged No Archive, Daily, Weekly, or Monthly. You had better choose Monthly.
Enable Post Pages?: Choose Yes or No.
End settings on Archiving menu by clicking SAVE SETTINGS.

Site Feed

Some settings on Site Feed menu:

Allow Blog Feeds: Choose either None, Short, or Full. You had better Full at this option.
Post Feed Redirect URL: If you have burned your post feed, you can type the URL of your feed here, for instance, you can burned post feed at Feedburner, etc. Leave it blank if you don’t have. We will specifically discuss about Feed burner at next post.
Post Feed Footer: You can fill any code here that will be displayed in the footer of your post feed such as advertisements, etc. Leave it blank if you don’t understand.
End settings on Site Feed menu by clicking SAVE SETTINGS.

Email & Mobile

In order to be able to post an article on your blog, not only do you use the post editor, but you also have other ways, e.g. through email and mobile.

Some setting on Email & Mobile menu:

BlogSend Address: Type email addresses up to ten emails separated by comma (,) to which you want to send notification when posting an article.

Email Posting Address: Create a blogger email address (known as Mail2Blogger) from which you can post articles directly to your blog when you send an email to this blogger email address, e.g. if you have an email address at example@gmail.com, then you can create blogger email address at example.post@blogger.com or example.blog@blogger.com, or anything else you think very good, but you should remember that it’s a secret to avoid other people can post through it.

To activate this feature, you should choose Publish emails immediately, meaning that each time you send emails to your blogger email address, the content of your email will be posted as blog post on your blog. If you choose Save emails as draft posts, the emails will not be published automatically but will be stored in the draft posts.

However, if you don’t want to publish through email, choose Disable. For security reason, many choose this option.

OpenID

Nothing to do some settings here, but there is notification telling you that your blog address can be used as the address of OpenID. What is OpenID? Maybe we will discuss later.

Permissions

On this menu, you can add Authors by inviting them. Just write the email addresses you want them to be the authors of your blog.

At Who can view this blog?, you can choose who can view your blog. If you choose Anybody, your blog can be viewed by public or anybody. If you choose Only people I choose, only invited people who can view your blog that they should login first to view. If you choose Only blog authors, only your blog authors who can view your blog. If you think your blog is not worth publishing as you conduct maintenance, for instance, you can use this option, so only you that can view the blog.

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

noreply@blogger.com (book) — Sun, 28 Jun 2009 20:18:00 -0700

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

Блогтоо нэвтрээд 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 (book) — Fri, 26 Jun 2009 01:00:00 -0700


Блогчиддоо сонирхуулахад зарим нэг бичлэгийнхээ зургийг арын фон маягаар хийж харагдуулахад сонирхолтой байх гэсэн үүднээс энэ бичлэгийг тавилаа. Би Блог сонирхоод 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 (book) — Fri, 26 Jun 2009 00:47:00 -0700

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

How this works

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

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

noreply@blogger.com (book) — Fri, 26 Jun 2009 00:25:00 -0700

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

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

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

noreply@blogger.com (book) — Thu, 25 Jun 2009 23:04:00 -0700

Энэ удаа өөрийн блогийн бичлэгийг хэр зэрэг эрэлттэй, сонирхолтой, үнэ цэнтэй байна вэ гэдгийг шинжлэн үзэх хичээлийг орууллаа. Зураг дээрээс харахад ойлгомжтой биздээ. Блогууд янз бүрээр л нэрлэдэг юм билээ. Юу гэж орлуулахаа блогчид өөрсдөө мэд. Ингээд эхлэе. 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 (book) — Wed, 24 Jun 2009 00:54:00 -0700

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

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

noreply@blogger.com (book) — Tue, 23 Jun 2009 23:08:00 -0700

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

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

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

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

noreply@blogger.com (book) — Mon, 22 Jun 2009 21:25:00 -0700

Хэрэглэгчийн хүсэлтээр энэхүү бичлэгийг бэлдлээ. Блогийн 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 (book) — Mon, 22 Jun 2009 02:03:00 -0700

Олон зүйл нуршилгүй тавилаа. Зургаас харахад ойлгомжтой. Блогтоо нэвтрээд 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 (book) — Mon, 22 Jun 2009 00:34:00 -0700

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

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

noreply@blogger.com (book) — Sun, 21 Jun 2009 22:11:00 -0700

Энэ удаагийн хичээлээр блогчиддоо зориулан хуудасны статистик харуулах кодыг танилцуулж байна. үүний нэг давуу тал нь 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 (book) — Fri, 19 Jun 2009 00:55:00 -0700

Олон янзын цаг гаргадаг сайтууд байдаг тэдний л нэг. Ингэхийн тулд 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 (book) — Thu, 18 Jun 2009 23:05:00 -0700

Нэг ийм юм байна яаж ашилладаг, ямар давуу талтай зэргийг нь сайн мэдэхгүй юм ашиглаж үзээгүй юм чинь. Ямар ч байсан хөрвүүлээд өгье. Та бүхэн ашиглана биз. Эх сурвалжид бичснээр бол мессенжерээ блогтоо байрлуулдаад, ажиллаад гэх маркын юм бичсэн байсан. Ингээд эхлэе:
Блогтоо нэвтрээд -> 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 (book) — Thu, 18 Jun 2009 19:22:00 -0700

Бичлэг нэмэгдэхийн хирээр 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 (book) — Thu, 18 Jun 2009 03:11:00 -0700

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 (book) — Tue, 16 Jun 2009 02:42:00 -0700

Энэ нь багахан хэмжээний код байдаг юм байна. Миний оруулсан бичлэгийн дагуу хийгээд үзэхэд болно. Анхаарах зүйл нь зарим нэг 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 (book) — Tue, 16 Jun 2009 00:47:00 -0700

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