2. Click the "Edit HTML" (note: if you need to backup your template first)
3. Search (Ctrl + F) <body> or if you use templates or modify the default Blogger, search <body (without cover).
4. Just below <body> paste / place the following code:
<div id="fb-root"> </ div>
<script> (function (d, s, id) {
var js, fjs = d.getElementsByTagName (s) [0];
if (d.getElementById (id)) return;
js = d.createElement (s); js.id = id;
js.src = "/ / connect.facebook.net / en_US / all.js # XFBML = 1";
fjs.parentNode.insertBefore (js, fjs);
} (document, 'script', 'facebook-jssdk')); </ script>
5. Save the template.
----------------------
6. Open the "Layout"
7. Click "add a / add gadget" to the desired position and select HTML / Javascript.
8. Copy, edit / customize, and enter the following code into the column HTML / Javascript:
<div class = "fb-activity" data-site = "http://easierweb.blogspot.com" data-width = "340" data-height = "340" data-border-color = "# ffffff" data-header = "false" data-Recommendations = "true"> </ div>
Change the value of some orders and to perform customization:
Replace http://easierweb.blogspot.com with the url of your blog.
I've set the default width and height by 340 pixels, if you want to set, change the value in the data-width = "340" width of the widget to set the appropriate blogging and change the value in the height = "340" height to set the widget.
Change # ffffff (white) to change the border color (use a color code generator). Same color as the background will make the widget appear transparent.
Change the value in the data-header = "false" to true to display the header activity feeds (like Facebook Like Box).
Finally, change the value in the data-Recommendations = "true" to false to not show recommendations. However, if the activity on your web / blog minimal, recommendations will still be displayed.
9. Save the widget. If you need to arrange the position of the widget through the page layout in the appropriate place.
10 Visit the blog to see the results.
No comments:
Post a Comment