Menu

Fashion Trendy
  • Drop Down

    • Abstract
    • Model
    • Techo
    • Options
  • Photography Pictures Product

    Drop Menu

    • Crystal
    • Digital
    • Graphs
    • Settings
  • Menu
    ClickGroup Blog I Chia se dam me ICT I Tin Tuc I Tin ICT I Thu Thuat I Code Blog
    • Home
    • Digital Art
      • Pics
        • SEO 1
        • SEO 2
      • CSS
        • CSS 1
        • CSS 2
        • CSS 3
        • CSS 4
        • CSS 5
      • Jquery
        • Jquery 1
        • Jquery 2
    • Fashion
      • Product 1
        • Sub Item
        • Sub Item
      • Product 2
        • Sub Item
        • Sub Item
    • Photography
    • Design
    Go
    Home » Thu Thuat » Thu Thuat it » THÊM COMMENTS FACEBOOK VÀO BLOGSPOT

    THÊM COMMENTS FACEBOOK VÀO BLOGSPOT

    Bài viết này sẽ hướng dẫn bạn cách thêm comments facebook vào blog thay cho comments mặc định của blogspot. Ưu điểm lớn nhất của thủ thuật này sẽ giúp blog bạn được nhiều người biết đến hơn thông qua mạng xã hội Facebook :>)
    Demo tại blog này

    A. Tạo app trên facebook và lấy Application ID
    Trước hết bạn phải đăng ký một apps trên Facebook tại Developers.facebook.com và làm theo hình
    B.  Thêm Comments Facebook Vào Blog
    Trước khi thêm Comments Facebook vào blog bạn phải ẩn comments mặc định của Facebook đi theo hình ảnh hướng dẫn bên dưới. Tuy nhiên mình sẽ có bài hướng dẫn để song song cả hai thể loại comments cùng 1 lúc
    Bước 1 : Vào Blogger > Mẫu > Chỉnh sửa HTML ( Nhớ lưu lại template trước khi thực hiện đề phòng thất bại thảm hại nha :-d)
    Bước 2 : Chọn Mở rộng Mẫu Tiện Ích
    Bước 3 : Tìm <html và thay thế nó bằng code sau (Nếu trong template cóxmlns:fb='http://www.facebook.com/2008/fbml' rồi thì bỏ qua bước này)
    <html xmlns:fb='http://www.facebook.com/2008/fbml'
     Bước 4 : Tìm thẻ <body> và dán sau nó code bên dưới

    <div id='fb-root'/>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId  : &#39;APP ID&#39;,
    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>

    Bước 5 : Tìm thẻ </head> và dán trước nó đoạn code sau
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <meta content='Troll VL' property='og:site_name'/>
    <meta content='Logo blog của bạn' property='og:image'/>
    <meta content='APP_ID ' property='fb:app_id'/>
    <meta content='http://www.facebook.com/huycovip' property='fb:admins'/>
    <meta content='article' property='og:type'/>
    • Thay những phần in đậm bằng các thông số của bạn
    Bước 6 : Tìm thẻ
    <b:include data='post' name='post'/>
    Bước 7 : Dán sau đoạn code vừa tìm được code bên dưới
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div></div>
    </b:if> 
    • Bạn có thể light thay bằng Dark
    • 520 là chiều rộng khung comments bạn sửa lại sao cho hợp lý với blog của mình 
    Bước 8 : Lưu lại template và vào thử một bài viết xem thành quả của mình nào :-d
    Con Đường Thẳng
    Add Comment
    Thu Thuat Thu Thuat it
    Saturday, January 19, 2013

    facebook

    twitter

    google+

    fb share

    About Con Đường Thẳng

    Related Posts
    < Previous Post Next Post >
    Post a Comment

    Social Share

    Introducing the Vacation Collection — Up to 50% Off

    Introducing the Vacation Collection — Up to 50% Off

    Weekly Posts

    • Banner trượt dọc hai bên blog hiển thị phụ thuộc vào chế độ màn hình
      Banner quảng cáo sẽ nằm ở 2 mép trái và phải của màn hình và trượt dọc, hiển thị phụ thuộc vào chế độ xem của màn hình. Đây là code, b...
    • AUDIO KHÓA HỌC HYPER-V & SYSTEM CENTER + CEH CỦA NHẤT NGHỆ [MULTI LINK]
      Tài liệu khóa học "Mây mưa" trị giá ngàn đô từ Nhatnghe! Mình sưu tầm từ topic của bạn Hai-KT ( Rất cám ơn bạn đã chia sẻ...
    • CloneDVD 2.9.3.1 Beta sao lưu DVD mạnh mẽ
      CloneDVD 2  tạo ra chất lượng hình ảnh tuyệt vời cho sao lưu DVD, cho dù đó là tiêu đề chính bạn đang sao chép hoặc DVD hoàn chỉnh...
    • TRILLIAN ASTRA - ỨNG DỤNG CHAT TẤT CẢ TRONG MỘT
      Trillian Được nhiều  người   yêu  thích, chương trình Trillian 5 cho phép gửi tin nhắn đến nhiều người dùng IRC, AIM, ICQ, MSN v...
    • Tiện ích bài viết ngẫu nhiên hiệu ứng Slide Out bằng JQuery"
      (Traidatmui.com) – Bài viết hôm nay mình chia sẻ cùng các bạn một style tiện ích bài viết ngẫu nhiên mới so với các phong các...

    Like us On Facebook

    Labels

    • 720p
    • anh dep
    • ảnh đẹp
    • aple
    • ClickGroup
    • Code comment Blogspot
    • Code Tag
    • Code Tag đám mây
    • Code Tag đám mây cho blogspot
    • Cong Nghe
    • Công nghệ
    • cong nghe 24h
    • Design
    • di dong
    • dien thoai
    • Download Film
    • ebook
    • ebook kinh te
    • Film
    • Film Online
    • Fireox
    • Get Link
    • Get Link 320kbps từ Zing Mp3
    • Get Link TaiLieu.Vn
    • GFX
    • Ghost Windows
    • Giai Tri
    • Girl xinh
    • Graphic
    • HD 1080p
    • HDD
    • hinh anh
    • hình ảnh
    • Hot Girl
    • Internet
    • iPad
    • iphone
    • kỹ năng
    • ky nang giao tiep
    • kỹ năng giao tiếp
    • Laptop
    • Lumia 999
    • Matxac 2012 Blogger Templates
    • may tinh bang
    • Media
    • Music
    • Nexus 5
    • Nexus 7.7
    • nhạc
    • nokia
    • Office
    • Operating System
    • phan mem
    • Phần mềm
    • phan mem nghe nhac
    • phim 720p
    • Pictures
    • Plugin Hỗ Trợ Nghe Nhạc
    • png
    • sam sung
    • san pham moi
    • Smart Phone
    • smartphone Lumia 999
    • Software
    • SP moi
    • System Tools
    • Tai Lieu
    • tài liệu
    • tai lieu kinh te
    • Tai Lieu KT
    • Tai Lieu NN
    • Tai Lieu XH
    • tho
    • thơ
    • tho van
    • Thu Thuat
    • thủ thuật
    • Thu Thuat it
    • Thu Thuat MT
    • Thu Thuat OF
    • tin cong nghe
    • tin công nghệ
    • tin tuc
    • Truyen
    • upload mọi định dạng
    • van tho
    • Vi Tinh
    • Video
    • Vien Thong
    • Virus
    • wifi
    • Windows
    • Windows 8

    Copyright ClickGroup Blog I Chia se dam me ICT I Tin Tuc I Tin ICT I Thu Thuat I Code Blog 2014 . Template Created by