Putting Code fbShare Button in Every Post Blogspot

Continuing the previous post about how to connect the button with counter facebook share, this time I will discuss how to put the code fbShare button on every post on blogspot.


The code that I describe below, will place a button on the right fbShare post title.Well, just get started!


First, go into your blogger account and select Layout menu (Layout) »Edit HTML.

We recommend that before you begin, first save your current template code as a back-up if there are any errors.

Then, click on "expand widget templates",


then find the code like below. That is the code for the title / heading posts. Some templates may be slightly different, so adjust it.

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

 After that, a copy of the code button fbShare I have written in previous posts.

Then, paste the code into the top of the code of the post title above.Next, copy-paste the code below into the code fbShare button.

<div style="float: right;">
kode fbShare button
</div>

Finally, save your template and see the results.