Wednesday, June 20, 2012

Facebook comment box -г хэрхэн Blogeer -т суулгах вэ? 100% ажиллана

За яг энэ муу комментыг блогтоо хийх гэж өчнөөн л хичээл харж дагаж хийсэн ч ажилласан тун бараг бку. Бүгд ямар нэг байдлаар алдаатай байгаад байсан. Эсвэл миний энэ HMTL, CSS хэл нтрт муугийнх эсвэл бас чадахгүй байж template ээ янз янзаар өөрчилсөн алдаатай загварт маань таарч тохирохгүй байсан байх гэж бодож байна. Гэхдээ л явсны эцэст нэг хичээл яг цав таарч тохирсон. Илүү нарийн сайн ч тайлбарласан байналээ. За тигээд хичээлдээ. Дагаад хийгээрэй
Алхам 1: Facebook Application ID гэж юм авна.
Facebook Developer Page энэ рүү эхлээд ороод Application оо үүсгэнэ.









Тэгээд энэ цонх гарахаар нь нэр нтрээ өгөөд бөглөөд CONTINUE дарна. Тэгээд нэг кодыг нь дурайлгаж бичээд цаашаа явна.
















Тэгэхээр нэг иймэрхүү цонх гарч ирнэдээ. Тэгээд тэр дээр улаанаар дарцан дээр таны код гарч ирнэ. Тэр бол манай гол дүр штээ :P энэ цонхыг тэгээд Website with Facebook login хүртэл бөглчихөөрэй. За тэгээ дээр дээрх App ID: Гэсний ард байгаа тоонуудыг хуулж авах хэрэгтэй тэгээд Notepad ч юмуу нэг юман дээр түр хадгалчих.

Алхам 2: Facebook comment box- oo Blogger -т хийх хэсэг.

1. Blogger > Design > Edit HTML гээд орно
2. Оролдлого бүтэлгүйтэхээс хамгаалаад ер нь Template ээ нэг хадгалаад авчихсан нь зүгээр шүү
3. "Expand Widget Templates" гэснийг чагтлана
4. Тэгээд доорх кодыг Ctrl+F дараад <html  гэж бичээд хай. Гарч ирсэн кодон дунд доорх кодыг яг зурагт байгаа байранд хуулж тавина. Өөрөөр хэлбэл lang='id' гэсний араас л доорх цэнхрээр дотруулсан кодыг хуулаад тавьчих.
    xmlns:fb='http://www.facebook.com/2008/fbml'













нэг иймэрхүү л янзтай харагдах л юмл даа.
5. Дараа нь <body> хэсгийг хайж олоод доор нь


<!--Facebook Comment Box by www.Ulbarshar.blogspot.com-->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &quot;APP ID&quot;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});э
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<!--Facebook Comment Box by  www.Ulbarshar.blogspot.com -->


энэ кодыг хуулж тавина. Тэгэхдэээ тэр Алхам 1 дээр хуулж ав гэсэн нөгөө код байнаштээ тэрнийг энэ кодон дунд байгаа улаанаар APP IP гэсний оронд хуулаад бичнэдээ.

6. Дараа нь <data:post.body/> гэснийг хайж олоод өмнө нь /ер нь заавал энэ код ч биш тэр коммэнт хэсэгээ хаана харагдуулахыг хүсч бна тэр газраа л хуулна л даа/


<!--Facebook Comment Box by www.ulbarshar.blogspot.com-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='528' expr:data-href='data:blog.url'/>
</b:if>
<!--Facebook Comment Box by  www.ulbarshar.blogspot.com-->

Ингээл бүх юм дуусаа Save template дараал болоодоо...



1 comment:

Dalang Wanataka said...

good
http://webmuara.blogspot.com/

Post a Comment

Та сэтгэгдэлээ үлдээхдээ бусдын эрх ашгийг хүндэтгэнэ үү! Үл хүндэтгэсэн сэтгэгдэл үлдээсэн тохиолдолд админ устгах эрхтэй.