Facebook has announced a new layout to their like button today. With this new update users can add box_count like button to your Blogger or WordPress blog. The update looks merely like killing their very own Facebook share button. So here, I am gonna teach you how to add the all new Facebook box_count like button on your blogs.
Live Demo:
For Blogger
Go to Edit HTML tab, check on Expand Widget Template and search for<data:post.body/> and paste the following code right after it.
1 | < b:if cond = 'data:blog.pageType == "item"' > |
2 | < iframe allowTransparency = 'true' expr:src = '"http://www.facebook.com/plugins/like.php?href=" data:post.url "&layout=box_count&show_faces=false&width=110&action=like&font=arial&colorscheme=light"' frameborder = '0' scrolling = 'no' style = 'border:none; overflow:hidden; width:450px; height:45px;' /> |
If you want to add it inside the post, search for <div class=’post-header-line-1′/> and pastethe following code
1 | < div style = 'float:right; margin-right:10px;' > |
2 | < b:if cond = 'data:blog.pageType == "item"' > |
3 | < iframe allowTransparency = 'true' expr:src = '"http://www.facebook.com/plugins/like.php?href=" data:post.url "&layout=box_count&show_faces=false&width=110&action=like&font=arial&colorscheme=light"' frameborder = '0' scrolling = 'no' style = 'border:none; overflow:hidden; width:450px; height:45px;' /> |
Some might already have the like button, so go to the like button script and replace this linelayout=button_count with layout=box_count
For WordPress
Go t0 Single.php in your WordPress admin and add the following in Single.php
1 | <iframe src= "http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=box_count&show_faces=false&width=450&action=like&colorscheme=light&font=arial" scrolling= "no" frameborder= "0" allowTransparency= "true" style= "border:none; overflow:hidden; width:450px; height:50px;" ></iframe> |
If you already have the like button, replace the layout=button_count withlayout=box_count
Still need help, drop in your comments.