Хөндлөн байрлах нуугддаг гоёмсог Share Bar нэмэх

Блогдоо хөдөлгөөнтэй(нуугддаг) хөндлөн Share bar нэмэх хичээлийг энэ удаагийн бичлэгээрээ орууллаа. Блогоо сошиал медиа сайтуудтай хялбархан холбох, мөн блогийг тань үзсэн хүмүүс өөрийн фэйсбүүк, твийтер хуудсаараа бусдад түгээх боломжыг олгох зорилгоор энэхүү Bar-г блогынхоо дээд хэсэгт нэмэх хэрэгтэй. Өнгө дизайны хувьд ч таны блогт тээргүй байх болно.
Блогтоо суулгахын тулд:
Blogger дээр:
1. Blogger.com - Dashboard > Template 
2. Блогынхоо кодон дотроос </head> тагыг хайж олно.
3. </head> тагын өмнө дараах кодыг хуулж тавина.

<div class="rtcv">
&lt;script type=&quot;text/javascript&quot;&gt;
var addthis_config = {
    bar_show_below : 150 }
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://s7.addthis.com/js/300/addthis_widget.js&quot;&gt;&lt;/script&gt;
</div>

4. Дээрхи кодыг хуулж тавьсаны дараа </body> тагыг хайж олно.
5. Яг өмнө нь дараах кодыг хуулж тавина.

<div class="addthis_bar addthis_bar_medium"> <label>Share This Page:</label> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <span><a class="addthis_button_preferred_1"></a></span> <span><a class="addthis_button_preferred_2"></a></span> <span><a class="addthis_button_preferred_3"></a></span> <span><a class="addthis_button_preferred_4"></a></span> <span><a class="addthis_button_compact"></a></span> <span><a class="addthis_counter addthis_bubble_style"></a></span> </div> </div>

6. Дээрхи бүх алхамыг хийж дуусаад хадгалаад өөрийн блог руугаа ороод хараарай гоёмсог Share bar таныг угтах болно.

Demo Blog үзэхийг хүсвэл энд дараарай.

[Continue reading...]

Блог дээр баруун товч даралт идэвхигүй болгох - Disable right click

Хэн нэгэн таны блог дээр байгаа зүйлсийг дураараа ийш тийш нь хуулаад байна уу? Тэгвэл үүнийг зогсоох цаг нь болсон гэж бодож байна. Хялбар аргаар Mouse2 идэвхигүй болгосноор блог мэдээллээ бага ч гэсэн хамгаалж болох юм.

За ингээд хичээлдээ ороё. Энэ хичээл маань их энгийн.

Арга-1/Анхааруулах цонх гардаг/

1. Blogger.c0m - Нэвтрэн орно.

2. Design -> Page Elements -ийг сонгоно.

3. Gadget -> HTML/JavaScript -г сонгоод доорхи кодыг хуулж тавь.

<script language="JavaScript">
<!--
//Disable right mouse click tutorials
//iBlogsClub.blogspot.com
var message="Text Here!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return falsehttp://www.blogger.com/img/blank.gif")
// -->
</script>

Text Here - гэсний оронд анхааруулах цонхонд харуулах гэсэн хүссэн текстээ бичнэ.
Жишээ нь: Хуулах хориотой!, Don't Copy гэх мэт....

Дээрхи кодын туршилтыг үзэх: Demo Blog

Арга-2/Анхааруулах цонх гардаггүй/

1. Blogger.c0m - Нэвтрэн орно.

2. Design -> Edit HTML -ийг сонгоно.

3. "Expand Widget Templates" - гэснийг чеклэнэ.

4. CTRL+F дараад </head> тагыг хайж олоод яг дээр нь доорхи кодыг хуулж тавина.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});

//]]>
</script>

Дээрхи кодын туршилтыг үзэх: DEMO BLOG

Disable right click, No Mouse2, No copy .....

[Continue reading...]

Блогтоо нисдэг Twitter виджет нэмэх /Animated Flying Twitter Bird Widget for Blogger/

Та бидний сайн мэдэх Twitter.com бол алдартай Social networking сайт юм. Өнөөдөр Twitter-ийг өдөр тутмынхаа амьдралд ашигладаггүй хүн ховор байх. Микро блогын нэг хэлбэр ч гэж хэлэгдээд байгаа Twitter-ээ хэрхэн блогдоо холбох талаар энэ удаагийн хичээлээр орууллаа. Ингээд хичээлдээ орцгооё!

Scrol дээш доош гүйхэд автоматаар дагаж нисдэг Twitter шувуу маань өөрөө товч болох бөгөөд таны твийтэр хаягтай холбогдох юм.

1. Дараах замын дагуу орно. Login To Blogger Go To > Design > Edit HTML.
Expand Widget Templates гэснийг сонгох ёстой.

2. (CTRL+F) дараад </body> -г хайж ол.

3. </body> -гийн өмнө нь дараах кодыг хуулж тавина.

<!-- By iBlogsClub.blogspot.com -->
<script type="text/javascript" src="http://yourjavascript.com/10116102250/royaltutor.net-twitterbird.js">
</script>
<script type="text/javascript">
var twitterAccount = "iblogsclub";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>
<span style="position:absolute;"><a title='Blogger Widget by iBlogsClub' href="http://iblogsclub.blogspot.com" target='_blank'>Blogger Widgets</a></span>
<!-- By iBlogsClub.blogspot.com -->

4. iblogsclub - гэсэн твийтэр хаягыг өөрийнхөө твийтэр хаягаар солиорой.

5. Save Template. Хадгалаад гарна. Ok!
Асуух зүйл байвал сэтгэгдэл бичээрэй.

[Continue reading...]

How to install Yahoo Messenger on Blogger (Blogger-т Мessenger суулгах)

Өөрийн мессенжер хаягаа блоггертой холбохыг хүсвэл дараах алхамыг дагаад хийгээрэй.

1. Эхлээд blogger.com нэвтэрч ороод Design хэсгээс Page Element сонгоно.

2. Шинэ виджет нэмэх буюу Add a Gadget хэсгээс HTML/Javascript гэснийг сонго.

3. Доорхи кодыг хуулж тавина.

<a href="ymsgr:sendIM? yahooid ">
<img src="http://opi.yahoo.com/online?u= yahooid &m=g&t= 1 &l=us"/>
</a> </ A>

*yahooid гэснийг өөрийн id болгон өөрчилнө.
*1 гэсэн нь блог дээр харагдах байдал доорхи зургаас харж байгаад өөрт таалагдсанаар сольж болно.

5. Дээрхи бүгдийг хийж дууссан бол хадгалаад гарна. Жишээ: iblogsiq.blogspot.com

Амжилт хүсэе! Асуух зүйл байвал сэтгэгдэл үлдээгээрэй.

[Continue reading...]

Блоггер дээр санамсаргүй мэдээ гаргадаг виджет /Random Posts Widget in Blogger/

Блогын тань мэдээ, мэдээлэл олон болоод ирсэн үед энэхүү виджетийг хэрэглэх нь тохиромжтой. Ажиллах зарчим нь их энгийн блогын бүх мэдээллээс санамсаргүйгээр хэрэглэгчдэд харуулдаг.

1. Blogger.com - Нэвтрэн орно.

2. Design - Page Elements хэсгийн Add a Gadget буюу шинэ виджет нэмэх сонголтоос HTML/Javascript гэснийг сонгоно.

3. Доорхи кодыг хуулж тавь. Гарчиг нь ямар ч байж болно. Жишээ нь: Random Post, Top post гэх мэт.

<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=6; function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

4. var numofpost=6; Хичнээн мэдээллийг санамсаргүйгээр хэрэглэгчдэд харуулах вэ гэдгийг энэ хэсэгт тохируулна.

5. Хамгийн сүүлд хадгалаад гарна. Ok!

Асуух зүйл байвал сэтгэгдэл бичээрэй. Амжилт

Жишээ:

Thank you! It is Greating :D

[Continue reading...]