Бичлэг хэдэн удаа уншигдсан мэдээллийг харуулах - 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...

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...

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>



^{Powered by} <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...

Блогтоо 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...