Làm cách nào để thêm nút "thích" của Facebook vào blog Blogger?

Question

Tôi muốn thêm the new facebook "like" button vào trang web Blogger của mình.

Tôi phải chuyển URL tới bài đăng trên blog trong số iframe src.

Tôi có thể nhận URL bài đăng trên Blogger từ <data:post.url/> nhưng tôi không thể đặt URL đó vào chuỗi src vì hệ thống mẫu của Blogger lạ.

Tôi muốn làm điều này:

<iframe allowTransparency='true' frameborder='0' scrolling='no' 
src='http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light' 
style='border:none; overflow:hidden; width:450px; height:px'/> 

nhưng Blogger phàn nàn:

Mẫu của bạn không thể phân tích vì nó được tạo không đúng. Hãy đảm bảo tất cả các phần tử XML được đóng đúng cách. nhắn
XML lỗi: Giá trị của thuộc tính "src" kết hợp với một loại nguyên tố "vô giá trị" không được chứa các '<' nhân vật "

Không ai có này làm việc chưa

Answer 1

Bước 1.? : vui lòng áp dụng JavaScript SDK cho mẫu của bạn

BƯỚC 2:. tìm dòng này <b:includable id='post' var='post'>

BƯỚC 3: đặt này sau khi nó

<b:if cond='data:post.url'> 
    <fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='false' width='450'/> 
</b:if> 

Lưu nó và thực hiện của bạn;)

Answer 2

Tôi cũng đã có những lỗi tương tự khi thay đổi bản mẫu. Vì vậy, tôi đã tìm thấy giải pháp bằng cách sử dụng hàm JavaScript document.write:

<script> 
    document.write('&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;'); 
</script> 

Chỉ cần đặt mã ở trên vào cuối phần bài đăng trên blog của bạn.

Hai lưu ý:

• giải pháp Irwan của nên làm việc (tôi đã không thử nó) nhưng nó có nghĩa là FB SDK phải được nạp. Đó có thể là một vấn đề cho những ai quan tâm đến hiệu suất blog.

• Giải pháp của Maggie hoạt động tốt nhưng không cho phép một người thích bài đăng một cách độc lập.

Người ta có thể nhìn thấy nó làm việc ở đây: http://fliscorno.blogspot.com/

Answer 3

Tôi đã viết một hướng dẫn từng bước để sử dụng phương pháp khung nội tuyến trên WikiHow: http://www.wikihow.com/Add-Facebook-Like-to-Blogger

Hãy cho tôi biết nếu nó không làm việc cho bạn. Về cơ bản, src của bạn cần sử dụng cú pháp expr: src, với chuỗi/dữ liệu nối.

Phiên bản JavaScript được xác nhận là linh hoạt hơn, nhưng vẫn còn nhiều người tắt JavaScript trong trình duyệt của họ hoặc sử dụng một số tiện ích NoScript.

Answer 4

thử này,

<iframe allowTransparency='true' 
     expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light"' 
     frameborder='0' scrolling='no' 
     style='border:none; overflow:hidden; height: 20px'/> 

Answer 5

Sử dụng hướng dẫn này để thêm các nút như - FB đã tung ra một thiết kế mới cho nút như - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

Answer 6

giải pháp Juan Jorge của nên làm việc.

IMHO sử dụng SDK javascript trên blogger là thanh lịch hơn nhiều so với cách sử dụng iframe (tôi đã thử cả trên blog của mình).

Dưới đây là một liên kết đến một số bài viết Tôi đã thực hiện về đề tài này (bao gồm cả sử dụng các biểu blogger bên trong thuộc tính và như vậy và làm thế nào để kết hợp một nút như sử dụng sdk javascript vào mẫu blog của bạn):

http://blog.yanivkessler.com/search/label/blogger

Hy vọng điều này sẽ giúp ...

Answer 7

Đi tới số page này và từ đó bạn có thể tạo nút thích của riêng mình một cách dễ dàng.