Hi Guys, I would like to share my knowledge on adding Like button to Google blog as we all are familiar with the Blogging Culture in this modern era as it’s a digital platform where you can promote yourself or your business to make it more credible approachable.
Therefore, adding Like button will increase the interest in reading your blog, enable you to see and analyze popular statistics instantly, encourage viewers/readers to vote your article and make visible your contents popularity in Google Rich Snippet.
Follow following steps, to add Like button below a blog:
- Sign in to Blogger.com – Create a unique & beautiful blog. It’s easy and free.
- Choose your blog.
- Head on “Blogger:Theme” there you’ll get option to “Customize“.
- Click on “Edit HTML“.
- Find in the HTML input box and expand the code snippet with the post: < b: includible id=‘post‘ var=‘post‘ >.
- Find the < data:post.body/ > HTML code tag(s). To save scrolling through lines of code, press “F3” on your computer keyboard to open the browser’s page search function. Enter the code tag into the search box to quickly find the correct code.
- Insert the code below:
|
1 2 3 4 5 |
<span style="color:#74b8d6" class="has-inline-color"><em><code>expr:data-identifier='data:post.id' <!-- LikeBtn.com BEGIN --> <span class="likebtn-wrapper" data-identifier="item_1" expr:data-identifier='data:post.id'></span> <script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script> <!-- LikeBtn.com END --></code></em></span> |
- Paste created Like button code in the template immediately after all occurrences of < data:post.body/ > tag.
- Like button will be appeared after inserting the above code.
Thank You guys for reading my article. I hope this article will be useful for everyone.