Translate

Showing posts with label How To Do It?. Show all posts
Showing posts with label How To Do It?. Show all posts

Monday, 28 October 2013

How to create like button below each of the blog post!

Step 1. Go To Blogger Dashboard > Template > Edit HTML 





Step 2. Go To Jump to Widget > Blog 1 > 







Step 3.Scroll down >until see the code below

data:post.id' itemprop='description articleBody'>
                                      <data:post.body/>
                                      <div style='clear: both;'/>
                                      <!-- clear for photos floats -->
                                    </div>
                                    <b:else/>
                                    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                                      <data:post.body/>
                                      <div style='clear: both;'/>
                                      <!-- clear for photos floats -->








Step 5.Paste the code before  <div class='post-footer'>

data:post.id' itemprop='description articleBody'>
                                      <data:post.body/>
                                      <div style='clear: both;'/>
                                      <!-- clear for photos floats -->
                                    </div>
                                    <b:else/>
                                    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                                      <data:post.body/>
                                      <div style='clear: both;'/>
                                      <!-- clear for photos floats -->
                                    </div>
                                  </b:if>
                                  <b:if cond='data:post.hasJumpLink'>
                                    <div class='jump-link'>
                                      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
                                        <data:post.jumpText/>
                                      </a>
                                    </div>
                                  </b:if>
*(paste the code between  </b:if> and <div class='post-footer'>)
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FDiscoverYours-Life%2F532829636785262&amp;width=100&amp;height=46&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=true' style='border:none; overflow:hidden; width:100px; height:46px;'/>

                                  <div class='post-footer'>


This is the result you will get it..the like button at the below of the post.

Hopefully you can make it! Thanks..















Please, Like the page! Thanks!
Related Posts Plugin for WordPress, Blogger...