Blogger : เพิ่มปุ่ม Like Facebook ใน Blogger - Torsakun

เขียนบล็อก สอนสร้างบล็อก ปรับแต่งบล็อก บทความคอมพิวเตอร์ การใช้งานโปรแกรมต่างๆ สอน UFT/QTP HP LoadRunner

Hot

Post Top Ad

วันศุกร์ที่ 24 สิงหาคม พ.ศ. 2555

Blogger : เพิ่มปุ่ม Like Facebook ใน Blogger

วิธีทำปุ่ม Like Facebook  ทำอย่างไรนั้นมาดูกันครับ

ไปแผงควบคุมของ Blogger> ออกแบบ> แก้ไข HTMLก่อนทำอย่างลืมสำรองแม่แบบไว้ก่อนนะครับ กันพลาดได้
ติ๊กขยายเทมเพลต และ ค้นหาด้านล่างรหัสในแม่แบบของคุณ

ถ้าต้องการให้ปุ่มนี้ อยู่ใต้ชื่อบทความของคุณให้ค้นหา code แล้ววาง code ก่อน code ข้างล่าง

<data:post.body/>

และถ้าต้องการให้ปุ่มนี้  อยู่ใต้บทความของคุณให้ค้นหา code แล้ววาง code หลัง code ข่าล่าง

<data:post.body/>

แบที่ 1

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

แบบที่ 2

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

แบบที่ 3

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

Post Top Ad