Thursday, August 1, 2013

Blogspot дээр facebook-ээр comment бичдэг болгох



Blogspot дээр facebook-ээр comment бичдэг болгох зөвлөгөөг оруулж. Дараах зааврын дагуу хийхэд л бүх юм OK болно.


Одооноос эхлээд заавар оруулахдаа нэг их дэлгэрэнгүй заавар оруулахаа больдог юм билүү гэж бодож байгаа. Жишээ: Талбаруудыг бөглөж дууссаны дараа Continue товч дарна. Дараагийн гарч ирэх цонхонд... гэх мэтээр дэлгэрэнгүй тайлбарлахгүй. Угаасаа Continue, Ok зэрэг товчнуудыг дарах нь ойлгомжтой байх байлгүй.

  1. Facebook developers (https://developers.facebook.com/apps) хэсэг рүү орж app үүсгэнэ. Create New App товчин дээр дарна.




  2. Template/Design --> Edit HTML
  3. <head> тагийн доор <meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/> кодыг хуулна.
  4. Дараах кодыг хайж олоод дээр нь facebook comment box-ын скриптийг хуулна.

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

    эсвэл

    <p class='post-footer-line post-footer-line-3'>

    эсвэл

    <data:post.body/>

    бүр эсвэл хаана facebook comment box-ийг харуулахыг хүссэн газраа

    <b:if cond='data:blog.pageType == "item"'>
    <div id="fb-root"></div>
    <script>(function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
     d.getElementsByTagName('head')[0].appendChild(js);
    }(document));</script>
    <fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
    </b:if>


    кодыг хуулна.
  5. Энд 450 гэсэн нь facebook comment box-ийн өргөний хэмжээ болно.
  6. FB Namespace Declaration хийнэ.
    html кодыг <html xmlns:fb="https://www.facebook.com/2008/fbml" солино.
  7. За ингээд эцэст Save the Template товчийг дарна.
Нэмэлт:
  1. Facebook comment box-оо өөрчлөх болон тохиргоо хийх бол http://developers.facebook.com/tools/comments хаягаар орох эсвэл комент боксын баруун дээд буланд байрлах Settings товч дээр дарна.
  2. Фэйсбүүк комментийн тоог харуулах бол <data:post.body/> кодын дараа

    <b:if cond='data:post.isFirstPost'>
    <script>(function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
     d.getElementsByTagName('head')[0].appendChild(js);
    }(document));</script>
    </b:if>
    <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'></fb:comments-count> comments</a>


    кодыг хуулна.
  3. Ер нь скрипт кодуудыг харуулахыг хүссэн газраа хуулахад л болно.

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

No comments:

Post a Comment