The best medium to feed your social networks from blogger

The idea is simple. You post new article on your blogger, the medium automatically post the notification on your social networks' timelines to attract traffic to your blogger. Which medium are the best for this purpose? Let us look at one by one.

First, let us remember the posts feed RSS from blogger is http://surfonblogger.blogspot.com/feeds/posts/default?alt=rss and the comments feed RSS URL is http://surfonblogger.blogspot.com/feeds/comments/default?alt=rss. You will need to change to your blog name.

Twitter

We will analyze three most popular media here, twitterfeed.com, dlvr.it and hootsuite.com. It is clearly the best option for Twitter is twitterfeed.com. dlvr.it does change some links if your post contains two links and one of them is of Youtube's or image's link. However, recently twitterfeed.com does not post if the link URLs are the same, the case where comments feed is. The solution? Use dlvr.it for blogger comments feed. While Twitterfeed has much fast frequency to update your feed, sometime you still need to use dlvr.it, simply because Twitterfeed has some design flaw.

Facebook

Unlike Twitter, Facebook can show image and video on the post. dlvr.it does it best to extract the image and video links and directly post them. So, generally, the best medium for Facebook is dlvr.it. However, if the feed does not come from your bloggers, but from their party, while dlvr.it extract the image or video link, it would erase the rest links. In this case, the best option is using Twitter's built-in function to post to Facebook from Twitter's timeline.

Google Plus

Currently, the only free service to post to G+ is Hootsuite. So, if you want to use free service, this is the only option. Hootsuite's free plan only allows 2 feeds. That is why you should not use it for Twitter and Facebook. Actually, you can set your blogger directly post to G+, but it excludes the comments and those posted through email. Hootsuite's free plan is still the only option.

Use Blogger as a private messenger

Nowadays corporate usually won’t allow its employees to use the messenger in office. Twitter and Facebook are also forbidden to use. However, one can dedicate a blog in Blogger as private messenger. Simply setting everyone can comment will do. If you do concern your privacy, set your blog as not searchable.

Here is an example: http://OnlineScribbling.blogspot.com. Although this blog is for public to use, you do not need to tell the public your private messenger’s URL.

How to reduce top space of each post in Blogger

1. Go to Dashboard > Template > Edit HTML.

2. Move mouse to HTML code and click anywhere, then press Ctrl and F in your keyboard to search "h3.post-title".

3. Add line just before words "h3.post-title":
h3.post-title { margin-top: -25px !important; }

4. Save template.

5. See final view to see if it is in good format. Due to different versions of Blogger designs, it may not work for your version. If not, remove it.

6. Back.

How to reduce Header Space in Blogger

1. There are 3 parts need to be changed. Due to various version of Blogger, some of these changes might not be working. So, it is better to check the final view after each of the changes. If it does not work, exclude it. 

2. Go to Dashboard > Template > Edit HTML.

3. Move mouse to HTML code and click anywhere, then press Ctrl and F in your keyboard to search "</head>".

4. Add following line just before </head>:
<style type='text/css'> .content-inner { margin-top: -40px !important; } </style>

5. Search ".Header h1".

6. Change from:
.Header h1 {
font: normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #152568;
text-shadow: -1px -1px 1px rgba(0, 0, 0, .2);
}
To:
.Header h1 {
font: normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #152568;
text-shadow: -1px -1px 1px rgba(0, 0, 0, .2);
margin-bottom: 0px;
}
There might be some varieties in different Blogger version, so be careful.

7. Search ".header-inner .Header .titlewrapper" or ".header-inner .titlewrapper".

8. Change from:
.header-inner .Header .titlewrapper {
padding: 22px 30px;
}
To:
.header-inner .Header .titlewrapper {
padding: 0 30px;
}

9. Save template and Back.

How to Place Blogger Header Image Align Right Side?

1. Go to Dashboard > Layout.

2. Edit Header (Flagged by your blogger's title followed by word (Header)) and upload your image, make sure the Placement is "Behind title and descript", which indeed is the default.

3. Go to Dashboard > Template > Edit HTML.

4. Move mouse to HTML code and click anywhere, then press Ctrl and F in your keyboard to search.

5. Copy "]]></b:skin>" (only contents in quote signs) to Search box, press Enter.

6. Just before line of "]]></b:skin>", place following words: "#header-inner {background-position: right !important; width: 100% !important;}" (only contents in quote signs).

7. Save template and Back.