06:27
Faizan
The Facebook Like button provides could be a straightforward nonetheless effective tool for increasing traffic by providing readers with a simple thanks to share your journal with their social network. you'll be able to produce a Facebook Like button using the easy wizard provided by Facebook. Once your Like button is designed, you'll be able to simply add the code to your Blogger sidebar using an HTML/JavaScript contraption. as an alternative, you'll be able to add a custom Like button to every individual entry in your journal by redaction the Blogger example.
Instructions
Sidbear Like Button
Step 1
Launch an online browser and navigate to developers.facebook.com/docs/reference/plugins/like/.
Step 2
Select the layout vogue, dimension and avatar show choices you like.
Step 3
Choose between "Like" or "Recommend" for the verb displayed on the Facebook button.
Step 4
Select a colour scheme and font then click "Get Code."
Step 5
Copy the hypertext markup language code from the Facebook pop-up window.
Step 6
Navigate to Blogger and sign on to your account.
Step 7
Click "Design."
Step 8
Click "Add a Gadget" within the sidebar location wherever you wish the likes of button to look.
Step 9
Click "+" within the HTML/JavaScript row.
Step 10
Enter an nonobligatory title for the sidebar contraption and paste the Facebook Like button code into the "Content" text box. Click "Save" after you have finished coming into the required info.
Step 11
Click the "Save" button to publish the planning changes to your Blogger journal.
Entry Like Button
Step 12
Navigate to Blogger and sign on to your account.
Step 13
Click "Design" then click "Edit hypertext markup language."
Step 14
Click the check box beside "Expand device Templates."
Step 15
Find the hypertext markup language code "<div class='post-header-line-1'/>" within the "Edit Template" text box. you'll be able to use your browser realize perform by pressing "Ctrl" and "F" along and pasting the hypertext markup language code into the search box to quickly realize this line of code.
Step 16
Copy and paste the subsequent code directly when "
" to incorporate a Like button in every entry:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.URL + "&layout=standard&show_faces=false&width=Step Step 100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:Step Step 4Step Step 50px; height:Step Step 40px;'/>
</b:if>
Step 17
Click "Save Template" to publish changes to your Blogger style.
Instructions
Sidbear Like Button
Step 1
Launch an online browser and navigate to developers.facebook.com/docs/reference/plugins/like/.
Step 2
Select the layout vogue, dimension and avatar show choices you like.
Step 3
Choose between "Like" or "Recommend" for the verb displayed on the Facebook button.
Step 4
Select a colour scheme and font then click "Get Code."
Step 5
Copy the hypertext markup language code from the Facebook pop-up window.
Step 6
Navigate to Blogger and sign on to your account.
Step 7
Click "Design."
Step 8
Click "Add a Gadget" within the sidebar location wherever you wish the likes of button to look.
Step 9
Click "+" within the HTML/JavaScript row.
Step 10
Enter an nonobligatory title for the sidebar contraption and paste the Facebook Like button code into the "Content" text box. Click "Save" after you have finished coming into the required info.
Step 11
Click the "Save" button to publish the planning changes to your Blogger journal.
Entry Like Button
Step 12
Navigate to Blogger and sign on to your account.
Step 13
Click "Design" then click "Edit hypertext markup language."
Step 14
Click the check box beside "Expand device Templates."
Step 15
Find the hypertext markup language code "<div class='post-header-line-1'/>" within the "Edit Template" text box. you'll be able to use your browser realize perform by pressing "Ctrl" and "F" along and pasting the hypertext markup language code into the search box to quickly realize this line of code.
Step 16
Copy and paste the subsequent code directly when "
" to incorporate a Like button in every entry:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.URL + "&layout=standard&show_faces=false&width=Step Step 100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:Step Step 4Step Step 50px; height:Step Step 40px;'/>
</b:if>
Step 17
Click "Save Template" to publish changes to your Blogger style.
Posted in: facebook
