Friday, May 25, 2012

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

vMongolian ulesson blog baatar fg fdg fdgf d
Read more...

Monday, May 21, 2012

How to hide the Blogger Nav-Bar


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


#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}



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

Thursday, May 17, 2012

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


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


<style type="text/css">

.dropcontent{

overflow: auto;

width: 300px;

height: 140px;

border: 1px solid black;

background-color: #FFECC6;

display:block;

}

</style>



<script type="text/javascript">



/*

Combo-Box Viewer script- Created by and © Dynamicdrive.com

Visit http://www.dynamicdrive.com/ for this script and more

This notice MUST stay intact for legal use

*/



if (document.getElementById){

document.write('<style type="text/css">\n')

document.write('.dropcontent{display:none;}\n')

document.write('</style>\n')

}



function contractall(){

if (document.getElementById){

var inc=0

while (document.getElementById("dropmsg"+inc)){

document.getElementById("dropmsg"+inc).style.display="none"

inc++

}

}

}



function expandone(){

if (document.getElementById){

var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex

contractall()

document.getElementById("dropmsg"+selectedItem).style.display="block"

}

}



if (window.addEventListener)

window.addEventListener("load", expandone, false)

else if (window.attachEvent)

window.attachEvent("onload", expandone)



</script>

<form name="dropmsgform">

<select onchange="expandone()" style="width:250" name="dropmsgoption" size="1">

<option selected/>Миний тухай

<option/>Блогийн тухай

<option/>Жишээ

</select>

<br/>



<div id="dropmsg0" class="dropcontent">

Би 2009 оноос эхлэн энэхүү блогийг хөтлөж явуулж байна. Цаашид энэхү блог хэрэгтэй мэдээллийг тавих болноо

</div>



<div id="dropmsg1" class="dropcontent">

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

</div>



<div id="dropmsg2" class="dropcontent">

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

</div>



</form>

<div id="dropmsg0" class="dropcontent">

ulesson

</div>


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

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


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

<div class='post-footer-line post-footer-line-1'>

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

<p><data:post.body /></p>

Доод талд үүнийг 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...

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


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


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


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

(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 дарна.

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

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

<span class="fullpost"> </span>

  1. Save settings


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


</span>



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



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

</span>

Thanks Good luck
Read more...