Translate

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!

No comments :

Post a Comment

Related Posts Plugin for WordPress, Blogger...