Add Facebook Like and Send Buttons Under Posts in Blogger

Add Facebook Like and Send Buttons Under Posts in Blogger


Hello everybody! Today i will tell you about Facebook Like and Send button. I will also tell you that how to add Facebook Like and Send buttons to your Blog only under posts. Facebook as a way to "give positive feedback and connect with things you care about," users can "like" status updates, comments, photos, and links posted by their friends, as well as adverts, by clicking the "Like" button at the bottom of the content. This makes the content appear in their friends News feeds.
The "Like Button" is also available for use on websites outside Facebook: "When the user clicks the Like button on a site, a story appears in the users friends News Feed with a link back to the website
." At the same time when any visitor, including non Facebook members and logged out users, visit a site with the Like Button, their presence on the site is recorded by Facebook. Now i will teach you that How to add Like and Send buttons below post titles under the posts. Below are some steps for doing that.

Warning :Before you apply any changes in your Blog template, I encourage you to backup your Template by clicking Download Full Template 


Adding buttons to your Blog



   Login to Blogger account.
   Go to Dashboard--->Design--->Edit Html.
   Check Expand Widegets Elements.
   Now find below code.

       <data:post.body/>

  Paste the following code Before it

 <!-- Facebook Like+Send button Start HamzaNetwork --> <script src=http://connect.facebook.net/en_US/all.js#xfbml=1 type=text/javascript/><fb:like action=like     colorscheme=light expr_href=data:post.url font= layout=button_count send=true show_faces=false     width=450/>             <!-- Facebook Like+Send button End HamzaNetwork -->

   After pasting this code, Facebook Like and Send button will appear under the post titles on the Home page of your blog. If you want to keep Buttons on First or Home page then click on Save template.

 

Appear buttons only under posts



  � If you want to make the buttons only appear inside your posts and not on your blog pages,
  put the following codes above and after the button codes.

        <b:if cond=data:blog.pageType == &quot;item&quot;>
                    Button code Here
         </b:if>    

 Now you have Done.


Change Like to Recommended



� Find the following part in button code.


  action=like

 � Change it to

  action=Recommended  


Hide who Liked and Show only the Numbers of Likes



� Find the following part in button code.

 layout=Standard

� Change it with

 layout=button_count


Change Style of buttons



 � If you want to change style from light to dark then find the following code

 colorscheme=light 
 � Change it with
  colorscheme=dark 

   Now you have done all customization. If you want to ask anything about this Topic then ask in comments.

go to link download

Comments

Popular posts from this blog

ABLiker APK Latest v1 1 Free Download For Android

Cara Install Windows 10

Adobe Photoshop CS6 13 0 1 Extended Free Software