Thêm Facebook Comments Box cho blogger

Đăng bởi Admin | 18/12/13 | 1 nhận xét

Trong năm 2009 các nhà phát triển Facebook giới thiệu Plugin xã hội tốt nhất của họ được gọi là " Facebook Ô ". Plugin này có thể được nhúng vào bất kỳ trang web hoặc blog và du khách có thể sử dụng ID của họ về Facebook, Yahoo, AOL và Hotmail để lại comment tại trang web của bạn. Plugin này đã cho thấy rất nhiều vấn đề khi nó được nhúng vào trong Blogger. Nhưng bây giờ nhờ người bạn đồng nghiệp của chúng tôi tối đa từ Allblogtools plugin này đã được làm việc hoàn hảo với bất kỳ tổ chức Blogger blog. Tôi đã chỉnh sửa mã hóa tối đa trong một số lĩnh vực và đã đề cập đến một số tùy chọn thú vị hơn sẽ giúp bạn sử dụng Facebook bình luận hộp song song với nó là hình thức bình luận Blogger để bạn không bị mất đi bình luận trước và cung cấp cho người sử dụng với nhiều tùy chọn cho ý kiến từ khác nhau nền tảng.

Live Demo
Đây là cách hộp Bình luận Facebook :

ĐỀ ÁN ÁNH SÁNG

ĐỀ ÁN TỐI

Thú vị? Cho phép giờ học như thế nào để nhúng hình thức bình luận cực kỳ hữu ích này trong blog Blogspot. Vui lòng làm theo các bước đơn giản dưới đây:

1 - Nhận được một ứng dụng Facebook ID

Đến phát triển Facebook Trang
Gửi URL blog của bạn và cung cấp cho nó một cái tên. Giữ tên trang web của bạn như "Blog Title" và trang web URL là "địa chỉ blog của bạn"

3. Nhấn "tạo ra ứng dụng" nút và tiến hành.
4. Sau khi nộp mã kiểm tra an ninh (security check code) , bạn sẽ thấy trang này:

ứng dụng-id

5. Tiết kiệm mà App ID trong một notepad bởi vì chúng tôi sẽ cần phải có sau này. Click vào liên kết ở góc trên bên phải của cùng một trang mà "Developer Dashboard "

hình ảnh

6. Một cửa sổ mới xuất hiện nhấp vào Chỉnh sửa Cài đặt ( Edit Settings link) liên kết:

sửa-cài đặt

7. Sau đó đi đến trang web lựa chọn và viết của bạn trang web tên miền (Site Domain) như blogspot
website

8. Lưu thay đổi và chuyển sang bước tiếp theo của hướng dẫn này

2 - Bổ sung thêm ý kiến Facebook Box vào Blogger

Bây giờ thời gian của mình để làm nhúng hộp ý kiến trong mẫu blog của bạn. Vì vậy, hãy làm theo các bước đơn giản, PS: Hãy chắc chắn rằng hình thức comment blogger của bạn được nhúng bên dưới bài viết. Để làm điều này đầu tiên đi vào Blogger> Cài đặt> Bình luận> và sau đó chọn ý kiến nhúng dưới bài viết. Sau khi làm điều này theo các hướng dẫn dưới đây.

1. Đi Blogger> Thiết kế> Chỉnh sửa HTML
2. Sao lưu mẫu của bạn
3. Kiểm tra " Expand Widget Templates "hộp
4. Tìm kiếm <html và chỉ sau khi nó cung cấp cho một không gian và thêm mã này:

xmlns: fb = 'http://www.facebook.com/2008/fbml'

5. Tìm kiếm tiếp theo cho: <body>

Lưu ý: Trong New Blogger mẫu thiết kế cùng mã trông như thế này:

<body expr:class='"loading" + data:blog.mobileClass'>

Tìm thấy bất kỳ một trong các mã số và chỉ sau khi dán mã dưới đây:

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : 'YOUR_APP_ID',
      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('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

Thay thế YOUR_APP_ID với ID ứng dụng Facebook của bạn mà bạn đã lưu trong một notepad.

6. Tìm kiếm tiếp theo cho </ head> và chỉ ở trên nó dán đoạn mã sau,

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='MY Blogger Tricks' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/mybloggertricks' property='fb:admins'/>
<meta content='article' property='og:type'/>

Làm cho những thay đổi này:

Thay thế MY Tricks Blogger với blog của bạn tiêu đề / Tên.
Thay thế BLOG-LOGO-IMAGE-LINK với các liên kết hình ảnh của logo của bạn. Logo của bạn sẽ nhìn tốt nếu nó là ở định dạng gif và có kích thước này -> . 40px 40px bằng biểu tượng này sẽ xuất hiện bên cạnh tiêu đề bài viết của bạn trên Facebook hồ sơ truy cập của bạn như thế này,

Thay thế YOUR_APP_ID với ID ứng dụng Facebook của bạn mà bạn đã lưu trong notepad
Thay thế http://www.facebook.com/mybloggertricks với các liên kết hồ sơ người sử dụng Facebook của bạn

7. Bây giờ tìm kiếm cho điều này:

<b:includable id='comment-form' var='post'>

8. Chỉ sau khi dán mã dưới đây,

<b:if cond='data:blog.pageType == "item"'>
<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 style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>

Nếu bạn muốn sử dụng sơ đồ tối sau đó chỉ cần thay thế ánh sáng (light ) với tối (dark)
Để thay đổi kích thước hộp Comment, thay đổi giá trị này width = '520 '
Để thay đổi kích thước các khoản tín dụng chân trang, thay đổi giá trị này width: 510px
Giữ một sự khác biệt của 10 pixel giữa kích thước hộp và kích cỡ chân. Ví dụ nếu bạn đặt hộp kích thước chiều rộng (width) = '600 ' sau đó đặt chân-kích thước chiều rộng (width): 590px

9. Lưu mẫu của bạn và Bingo bạn đang Done! Xem blog của bạn để tìm một hộp bình luận đẹp chờ đợi để được chạm vào. =)

Tôn trọng quyền

Plugin này có các khoản tín dụng để allblogtools và blog MBT cho những nỗ lực của chúng tôi đặt trong điều kiện người dùng blogger với plugin cho ý kiến tuyệt vời này. Do đó chúng tôi yêu cầu bạn hãy không loại bỏ các khoản tín dụng cuối trang. Các khoản tín dụng được gắn vào các plugin trong một phong cách thiết kế mà nó hoàn hảo pha trộn các chủ đề màu sắc của Facebook Ô. Chúng ta chỉ cần lợi này trong trở lại.

Cần Vui hơn nữa?

Nếu bạn muốn tiếp tục chơi với mã số và muốn cung cấp cho một phong cách Facebook (tức làphông chữ màu sắc, màu nền, ảnh nền ) để hình thức cũ ý kiến blogger của bạn sau đó đọc bài viết dưới đây,

Tùy chỉnh Blogger Mẫu bình luận!

Nguồn: mybloggertricks.com

1 nhận xét:

Unknownlúc 11:33 19 tháng 12, 2013
hay qua, thank bạn nha, tiện cho mình hơi, tạo album ảnh = blogspot được k bạn? :-??

hat hanh nhan
Trả lờiXóa
Trả lời

Thêm nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

18/12/13