First go to this page, Link is here - https://likebtn.com/en/blogger-like-button
(Note : It's not free)
Step 1 : Click at green button which is "Add to Blogger"
Step 2 : Click at "Generate the Code"
Step 3 : Then, you arrive here, Choose the button design as you want by clicking at
a small triangle button.
Step 4 : After you choose the button design, the code for you will come out as soon as possible.
Copy code from that box.
Step 5 : After copying the code, go to setting from your Blogspot, will see that "Theme",
then, go to click a small triangle button near to "CUSTOMS"
Step 6 : You will see that "Edit HTML", choose that
Step 7 : At first , press "Control + A", then "Control + F", then you will see "Search" at the left side.
Add this code <data:post.body/> in that "Search"
Then, you will see that same code you add on "Search" will bring it with Highlighted yellow color.
So, you can start add this code under that Highlighted yellow color
<br/>
<!-- LikeBtn.com BEGIN -->
<span class='likebtn-wrapper' data-identifier='item_1' data-theme='lightgray'/>
<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 -->
<br/><br/>
Step 8 : Find one more that kind of Highlighted yellow color code, by clicking second time
at that "Search", then do the same as previous Code, add it under Highlighted yellow color
<br/>
<!-- LikeBtn.com BEGIN -->
<span class='likebtn-wrapper' data-identifier='item_1' data-theme='lightgray'/>
<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 -->
<br/><br/>
Step 9 : Then, you will see that small Save button at the right side, then click on it to save
Finally, Done, go back to your homepage to see changes, like this
If you have any questions for you don't understand well, please leave comments, we will reply you back
as soon as possible. Thank you.
No comments:
Post a Comment