Showing posts with label Social Bookmarking. Show all posts
Showing posts with label Social Bookmarking. Show all posts

Monday, 11 August 2014

Add a Feedburner FeedFlare to Blogger Feed











If you have burned your Blogger Blogspot blog feed at Feedburner you can easily add a FeedFlare to the footer of the feed. FeedFlare helps you to distribute, inform and create a community around your content. Adding a FeedFlare to the feed of your blog allows readers to select from a range of social bookmarking links which appear at the end of each post. FeedFlare offers subscribers some easy ways to email, tag, share, and bookmark your blog content by linking them with a range of services such as Stumble Upon, Digg This, Facebook, Technorati, del.icio.us and Mixx. 

It is not difficult to add a FeedFlare to your Blogger feed but it does require you to add a snippet of code to the template of your blog. Don't be put off as I will guide you through this process by providing a step by step walkthrough. This tutorial caters for all levels of technical knowledge from the newbie Blogger to the experienced Blogger.

To see a FeedFlare in action right now check out the end of each post in the Blog Know How feed 


How to Add a Feed Flare to Your Blogger Feed
If you have yet to burn your Blogger feed at Feedburner please refer to my articles Blogger RSS Feeds and Feedburner and Burn Blogger RSS Feeds at Feedburner for instructions on how to burn your feed and benefits of burning your blog's feed at Feedburner.

1. Login to Feedburner with your Google Account. From the My Feedspage click on the link to your blog

2. By default you will be taken to the Analyze page so you need to select the Optimize tab from the menu

3. Select FeedFlare from the Side Menu

4. To create a simple FeedFlare check the boxes of the options you would like. At a mininum I suggest you select email and comments count (for blogger) in addition to Stumble Upon, Digg This, del.icio.us and Facebook.

5. Once you have selected the desired options you can reorder them in the Preview/Reordering box below using drag and drop to shuffle the links around. I think it is a good idea to have comments either at the beginning or the end of the list as readers are more likely to notice it in this position

6. Click on Activate. Do not close this window as we will be returning here.

7. In a new window login to Blogger if you are not already logged in and navigate to Layout > Edit HTML

8. I strongly suggest you back up your template as a precaution by downloading it to your computer

9. Use CTRL + F to bring up the toolbar and enter the following code into the search box 
<div id='post-footer'>
Find Post Footer Code
10. Return to the FeedFlare page at Feedburner and select Blogger from the drop down menu at the bottom of the page to get the HTML Feedburner code. A dialog box will appear with some instructions. Copy the code found in item #1. Editing Blogger Layouts. To copy right click your mouse and choose select all to highlight the code and then right click again and choose copy

11. Paste the Feedburner code into your template directly below the line of code in your template you just located <div id='post-footer'> 
Add Feedburner FeedFlare Code into Your Blogger Template
12. Click on the Save Button

13. Return to Feedburner. Immediately below your blog's title and just above the Analyze tab you will see two icons. Click on the RSS icon (left button) which will bring up your blog feed. 

Feedburner feed icon
14. Scroll to the bottom of the first post and you will see your new FeedFlare in action.

FeedFlare in Blogger Feed Redirected by Feedburner

Other FeedFlare Options
For smarter looking links you may choose to customize the FeedFlare's appearance by tweaking the CSS.

To prevent stealing of your original content otherwise known as blog scraping or splogging you can add personal FeedFlares such as a permalink to a copyright notice and a permalink to you the author of the blog.


In this tutorial you have learned how to create a FeedFlare at Feedburner which appears at the bottom of each post in your Blogger blog's feed. By adding the FeedFlare to the footer of your Blogger blog you help build an online community around your content by offering your readers some choices about how they share, link to and act on the information contained in your blog 

Related Articles
Blogger RSS Feeds and Feedburner
Burn Blogger RSS Feed at Feedburner



Guide to Blogger Blogspot FAQs










Guide to Blogger Blogspot FAQs. When you are looking for help with Blogger Blogspot you want to get that help as fast as possible that's why I have created a list of the most commonly asked questions by visitors to my blog. Use this post as a ready resource for all your frequently asked questions about blogging using the Blogger Blogspot blogging platform.

Banners and Advertising
Building Site Traffic
Common Blogger Problems Fixes
Customize Blogger
Gadgetize Blogger
Google Adsense
Monetize Blogger
Posting and Commenting
Publicize Blogger
Search Engine Optimisation
Social Media
Tracking Site Visitors


Banners and Advertising FAQ
Where can I post a banner on Blogger Blogspot?
It is possible to add an affiliate banner to Blogger in a number of places. You can add a banner to the Blogger, above the header, above the first post, within a post, below a post, in a sidebar, and in a footer.

How do I place an advertising banner in a Blogger header?
Add an Affiliate Banner to the Blogger Header

How do I place an advertising banner in a Blogger sidebar?
Add an Affiliate Banner to Blogger Sidebar

How do I place an advertising banner above the Blogger header?
Add Google Adsense or banner above the Blogger header


Build Site Traffic
How do I encourage more visitors to my blog?
Find 10 hot tips to help you get visitors to your Blogger Blogspot blog
10 Tips to Build Traffic to a Blogspot Blog

Why do I need to add my blog to blog directories? 
It is not essential to add your Blogger blog to blog direcories but it is a good idea since they are a valuable link and a ready source of traffic for your blog and Submit a Blogger Blog to Blog Directories

What blog directories should I add my blog to?
There are many blog directories on the net and more springing up all the time. For some recommended blog directories check out this article:
Submit a Blogger Blog to Blog Directories


Common Blogger Problem Fixes
How do I remove the navbar from Blogger?
You can't actually remove the Blogger navbar but there is a trick to hide it.
Hide Remove Blogger Navbar

How do I reinstate a deleted Blogger navbar? 
I am often asked how to fix a deleted Blogger navbar. Find the solution in:
Hide Remove Blogger Navbar

How do I fix the missing comments form below posts? 
Many custom templates were created prior to Blogger embedding the comments form below posts. For details on how to upgrade your Blogger template to include an embedded comments form below posts on the single post page please refer to:
Add Missing Embedded Comments Form to Blogger

How do I fix the missing add a gadget in the layout screen?
If you can no longer see Add a Gadget in Layout > Page Elements then there is very likely a problem with your browser cache. Check out:
Missing Add a Gadget Solution in Blogger


Customize Blogger
How do I add categories to Blogger?
Blogger doesn't have categories only labels. If you want to add a categories section you can using a linked list but you will need to update it manually.
Add a Categories Section to Blogger

How do I add a list of recent posts to Blogger?
By making use of your blog's feed you can display the 5 most recent posts on your blog. 
Add a Recent Posts Feed to Blogger

How do I display a list of recent comments on Blogger?
By making use of your blog's feed you can display the 5 most recent comments on your blog. 
Add a Recent Comments Feed to Blogger


Gadgetize Blogger
How do I add a Live Traffic feed to my blogger Blogspot blog?
If you insert a free live traffic feed like Feedjit on your blog you will be able to watch visitors arrive at your blog in real time and gather information about where they came from, where they exited to, eearch engine keywords and keyword phrases used to access your blog.
Add Feedjit Live Traffic Feed to Blogger 

How do I add a ratings widget to Blogger?
If you've seen star ratings on blogs you've visited lately and you would like to add one to your blog check out my article on the Outbrain ratings widget:
Add Outbrain Ratings Widget to Blogger

How do I add a bookmarking button to my blog?
Your visitors can share your posts with friends and add an online bookmark with an Add This Social Bookmarking button
Add a Social Bookmarking Button to Blogger

How can visitors subscribe to my blog?
You can encourage readers to sign up to regular updates of your blog by adding a subscribe button or link to your blog. 
Add an Email Subscription Form and Links to Blogger Blogspot Blog


Google Adsense FAQ
Can I put Google Adsense on my Blogger Blogspot blog?
Yes you most certainly can. Unlike other online blogging platforms like Wordpress Blogger permits Blogger publishers to add Google Adsense to any Blogger blog. However be aware that spam blogs - that is blogs specifically set up to make money from Google Adsense are prohibited by Blogger. 

How much money can I make from Google Adsense?
If your blog receives enough traffic (75+ visitors per day) you will be well placed to earn revenue from your Blogger Blogspot blog. Want to know more refer to:
Google Adsense Myths for Blogger Blogs

How Many Google Adsense Ad Units Can I Place on a Blogger Blog?
Google allows 3 content ads, 3 link ads and 2 search boxes on any given page. These rules are subject to change so if in doubt check Google Adsense FAQ.

How do I add Google Adsense to Blogger?
You will find many tips on the basics of adding Google Adsense to Blogger in this article: 
Google Adsense Tips for Blogger

Where should I place Google Adsense on Blogger?
Better Placement of Google Adsense on Blogger
Blogger Guide to Google Adsense Placement


Monetize Blogger
How do I add a donate button?
Adding a Paypal donate button to a Blogger Blogspot blog will encourage satisfied visitors to say thanks. 
Add a Paypal Donate Button to Blogger

How do I make money from my Blogger blog?
5 Easy Ways to Make Money from a Blogger blog


Posting and Commenting in Blogger
Why do the links to my post titles get shortened?
When you publish an article in Blogger a permalink gets created. If the title of your post is longer than about 35-40 characters Blogger shortens it. Check out this article for ideas on how to work around this issue
How to Create Search Engine Friendly Permalinks 

How do I post date my posts?
Blogger allows publishers to post date their posts. Read the following article to find out more about how to set a future publishing date for a post
Choose Your Own Blogger Post Date

How do I date my posts with a date that has already passed?
Blogger will let you set a date for a post in the past, present or future. Find out more by reading the following article:
Choose Your Own Blogger Post Date


Publicize Blogger
Why is it important to burn my Blogger feed?
there are quite a few reasons reasons why it is a good idea to burn your Blogger Blogspot feed at Feedburner check out this article to find out more:
Blogger RSS Feeds and Feedburner

How do I burn my Blogger feed at Feedburner?
If you would like to burn your Blogger feed at Feedburner to build readership of your blog then this indepth article will show you how:
Burn Blogger RSS Feeds at Feedburner

How do I add a FeedFlare to a Blogger feed? 
Not only will a Feedburner FeedFlare encourage your visitors to share your posts on various social media sites it will also copyright your material if you add this notice to the bottom of your posts. Learn more about Feedburner FeedFlares:
Add a Feedburner FeedFlare to a Blogger Feed


Search Engine Optimization
How do I get my Blogger Blogspot blog listed by major search engines?
If you wait for search engines to crawl your blog it may take a long time to appear in search engine results. You can speed up this process by submitting your blog and a sitemap to major search engines. Find out more:
Add Your Blog to Major Search Engines

How do I get listed by Yahoo?
For instructions on how to let Yahoo know about your blog and add a Blogger sitemap to Yahoo follow this guide:
Submit Your Blogspot Blog to Yahoo


Social Media
How do I add bookmarking button to my blog?
There are a number of ways to add social media to your blog. One easy way is add an all in one social bookmarking button by Add This.
Add a Social Bookmarking Button to Blogger

How do I add Twitter Links to Blogger?
How to Add a Twitter badge to Blogger
How to Add a Twitter Followers Counter to Blogger


Tracking Site Visitors
How do I know who is viewing my Blogger Blogspot blog?
There are a number of programs that can help you track visitors to your blog. One of the best, Google Analytics is provided free by Google. For more about Adding Google Analytics to a Blogger Blog 

What gadget lets me watch visitors as they arrive?
If you want to see visitors arrive at your Blogger Blogspot blog you can put a free Feedjit live traffic feed widget on your Blogger sidebar.
Add Feedjit Live Traffic Feed to Blogger


Related Articles
List of Blog Know How Tutorials for Blogger Blogs




Tips to Add a Digg Button to Blogger Blogspot










Today's article discusses where to place a digg.com button on your Blogspot Blogger blog and shows you how to add an integrated digg button to your blog. The button allows your blog's visitors to digg posts from your blog and submit those articles to Digg.

What is Digg.com?
Digg is a social content site where readers submit stories, videos and images. Depending on interest and popularity articles are commented on by members. You can encourage your readers to digg your stories by adding a Digg button to your Blogger blog. The button will display a real time count of the number of times your post has been dugg.

Digg Large ButtonWhy Add a Digg Button to My Blogger Blogspot Blog?
Why would I want to add more buttons to my blog you may be wondering. Well there are a number of reasons why getting on board with Digg will be helpful to you in growing your blog.
  • Digg is a ready source of traffic that can drive visitors to your blog and it is too important to overlook. When visitors digg your stories it will encourage new readers to visit your blog.
  • Posts that have been submitted to Digg appear in search engine results so your blog will receive exposure.
  • A digg button will encourage visitors to submit your blog's content including images and video to Digg. This will encourage others to comment and write about your post and possibly link to it. 


What to Consider When Choosing to Add Digg to Your Blog
When adding a Digg button to your Blogger Blogspot blog there are some important considerations to think of before you get started. You will need to decide about:

  • Digg Compact ButtonThe look of the button to place on your blog as Digg gives you the option of several sizes to choose from. The look and feel of your blog will dictate what button you decide on.
  • What pages your Digg button will display on. Do you want it on the home page as well as the post pages for instance? I strongly advise that you place any integrated button only on post pages otherwise you will find the loading time of your homepage will be noticeably reduced.
  • What position to place the button in on your blog. Under the post title, beside the first paragraph, below the post are all common locations for a Digg button. Placing a button near the top of your posts can be a good ideas as visitors will see it as the page loads because the button will be above the fold ie the area that visitors see without having to scroll down. If you have a bunch of social media buttons at the bottom of your posts already you might want to include your Digg button in this sequence.


Can I Digg My Own Blog Content?
Yes. You most certainly can digg your own Blogger posts as this will get you a listing in Digg.


How to Add a Digg Button to Blogger Blogspot Blog
I am going to show you how to manually change your Blogger Blogspot template to include your Digg button. While this is not a difficult tweak you will be changing your template. Make sure you take care not to overwrite any code. My suggestion as always is back up first by downloading your template before beginning the addition of this code.

To add a large Digg button to appear next to the first paragraph in your Blogger Blogspot posts:


1. Login to your Blogger blog if not already logged in

2. Navigate to Layout > Edit HTML

3. Back up your template by downloading full template as a precaution

4. Check the Expand Widgets Template box

5. Find this line of code using CTRL + F
<p><data:post.body/></p>

6. Paste the Following code above <p><data:post.body/></p>

<!--Digg.com Button-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url=&quot;<data:post.url/>&quot;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div></b:if>
<!--end Digg.com Button-->


7. Click on the Save Template button

8. Click on View Blog link and navigate to an individual post page. You will see your new digg button is only visible on the post page.


Customizing Your Digg Button Tips and Troubleshooting
  • To have the Digg button display on all pages not just the individual post pages remove this line:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
  • To have the Digg button aligned to the left instead of the right change this line from:
    <div style='float:right; margin-left:10px;'>

    to:
    <div style='float:left; margin-left:10px;'>
  • To replace the large button with the compact button replace the code in Step 6 with:
    <!--Digg.com Button-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float:right; margin-left:10px;'>
    <script type='text/javascript'>
    digg_url=&quot;<data:post.url/>&quot;;
    digg_skin=&quot;compact&quot;;
    </script>
    <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
    </div></b:if>
    <!--end Digg.com Button-->
  • To change the background color of the button from white to your own desired color add this line:
    digg_bgcolor=&quot;#ff9900amp;quot;;

    below this line:
    digg_url=&quot;<data:post.url/>&quot;;

    Note: Change the value #ff9900 to whatever hex color you would like.
  • To move the Digg button to below the post content instead of at the top paste the following code:
    <!--Digg.com Button-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float:right; margin-left:10px;'>
    <script type='text/javascript'>
    digg_url=&quot;<data:post.url/>&quot;;
    digg_skin=&quot;compact&quot;;
    </script>
    <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
    </div></b:if>
    <!--end Digg.com Button-->

    to the end of the section of code beginning with this line
    <div class='post-footer-line post-footer-line-2'>
    If you have a third post footer line then place this code after that block of code.

    Add Digg button after labels in post footer

    Add Digg Button to Below Blogger Blogspot Post Content


    In this tutorial you have learned about what Digg is and the benefits of adding an integrated Digg button to your Blogger Blogspot Blog. You have also learned about different placement options for your Digg button and been given step by step instructions on how to customize the Digg button to suit the needs of your blog.


    Related Articles
    List of Blog Know How Tutorials for Blogger Blogs
    Add a Social Bookmarking Button to Blogger