Finally! Blogger has introduced After the Jump a feature which lets you create expandable post summaries in your blog posts, so longer posts appear as an intro with a link to Read More.

Creating jump breaks in your blog posts can be easily done right from the post editor, without the need for any HTML changes.

The only thing you have to do is to add this code into the post editor:


Take a look at this post that explains in detail how to implement expandable post summaries.

Some time ago I wrote a popular post about how to integrate into your web pages a Tweetmeme button that shows the number of retweets received by a single post or page of your blog or website. In the past days a new service, similar to Tweetmeme, has been launched. This service is ReTweet.com that shows popular links being retweeted across Twitter and provides a simple widget that shows the number of retweets received by your posts.


You can quickly integrate into your site this widget, which shows a button with a counter, just in some seconds using two lines of JavaScript code. There are two versions of the button, big and small:

If you are a Blogger user find this code:


...and if you want to add the big button add immediately after the last row this code:


If you prefer the smaller button use this code:


If you use another blogging platform and want to add a ReTweet.com button on your website the only thing you have to change from the previous code is the value of the var url. Take a look at the official page here.

In the past weeks I switched from Blogger comments system to Disqus. I like this service that provides (for free) a powerful and versatile comments platform, actually the best available for Blogger. In the past days some readers of my blog, that decided to pass to Disqus, wrote me saying to have encounter several problems during the integration process with their Blogger template.
In particular, comments didn't appear in their pages.
I had the same problem when I added Disqus to my template. I think the problem is due to the use of highly customized Blogger templates (for example like my template). In this case, if you encounter this problem, try to install Disqus choosing Generic code (not Blogger!) from the menu you find in Admin > Tools:



Follow all related instructions... the only thing you have to do is to add into your Blogger template some lines of code like these:


Now save all changes on your template and try to if it's all ok!

How I said, this template is totally free! The only thing I ask you is please don't remove the link to Woork in the footer. Take a look at this preview:

Disclaimer

PLEASE, READ THIS! This is an highly customized Blogger template which I suggest to use only if you have familiarity with HTML, CSS and Blogger. Before to make changes on your actual Blogger template, save a copy of your template on your local hard disk, so, if something go wrong with the update, you can restore it. Take a mind, if you use custom Widgets on your actual Blogger template, they will be removed using this template. I'm not responsible for eventual problems. Ok? :)

I provide HTML instead XML code because in this wat you can modify this template simpler if you use an wysiwyg like Dreamweaver.

Blog title

Find this code and change the content into the tag title with the title of your blog:

Customize the header

Find this code and change the comment "Your logo here" with some line of HTML code for example adding a logo, adding some links a background image, etc:

About me

"About me" is the section where you can add a short description about you, your blog and add some links to your main social identities (in this case I addedd Facebook and Twitter by default).


Find this code to customize your social identity links:


...and change '#' with your Facebook and Twitter profile link.

Then, find the following code and add a picture of you and a short description about your blog.


You can also add your picture in the section above comments:



Find this code and replace "#" with the link to your image:

Feed RSS links

Find this code and change '#' with the link to your Feed RSS file:



I suggest you to use Feedburner to manage your feeds RSS. It's perfectly integrated with Blogger and simple to use.

Latest posts

You may active a Feedburner account to display your latest post list. In your FeedBurner account login, click on "Publicize" tab and select "BuzzBoost" service. Follow instructions on the page and substitute BuzzBoost code into the section highlighted in bold:



...Feedburner code it's something like this:

Add new section in the sidebar

In the sidebar you can add new sections like the following (Hot links) simply adding this code:



You can customize sections how you prefer, adding link, images and external widget (MyBlogLog, Google FriendConnect, etc)

That's all! For your feedback about this template, please leave a comment! Thanks :)

Twitter is the best service I use daily to drive constantly a big amount of traffic on my blog. Retweets from my followers help me every time I write a new post to become popular on delicious and reach easily delicious home page.
Tweetmeme is a service which help you promote your blog by using the tweetmeme button, a simple and easy way you can integrate twitter into your blog and websites.
The result is a button like this:


If you want to add the tweetmeme button on your blogger template use this simple code:


The only thing you have to change from the original code provides by Tweetmeme is set the var tweetmeme_url = <data:post/url>.
That's all! If you have some problem or suggestion please leave a comment. Thanks!

TwitThis is an easy way for people to send Twitter messages about your blog post or website. This tutorial illustrates a simple way to add a TwitThis link on each post of your Blogger template. I suggest you to try it because it's very useful and drive a lot of traffic on your website if you have a good Twitter network.

To add TwitThis on your Blogger template you can using the code you can find here. That code uses JavaScript. If you want use a simpler way to add it use this alternative.

HTML code

Sign-in in your Blogger dashboard and click on Layout Tab > Modify HTML. Select expand widgets option and copy the following code where you want in the posts section (for example below the post title).


Copy and paste the code exactly how it is in the box above! Don't remove spaces!

CSS code

If you like my TwitThis link (), add this class in your CSS file and use it in the previous link:


That's all!

If you are a Blogger user your know very well the limits of Blogger comments system. Although some improvements (inline comments), comment system remaining a small weakness of this fantastic blogging platform. But now a solution came directly form Google and the Friend Connect Wall Widget!


What can you do with this widget? In a nutshell you can add a Wall (Facebook-like) in your pages, so your readers can add comments or reply to a previous message posted by an other reader. The result is something like this:


I suggest you don't disable Blogger standard comment system... but use both, letting to your readers the choice about what comment system to use. Set up the Wall Widget it's simple and requires only one minute!

Step 1: In Google Friend Connect home page click on Social gadgets and select Wall gadget.

Step 1: In Google Friend Connect page click on Set up a new site option. In the next page add informations about your website, site name and home URL, then click on "Continue":

Step 2: The next page ask you to add two files to your site:

1. rcp_relay.html
2. canvas.html

...but using Blogger isn't necessary copy them (the description on Set up process isn't not so clear if you are a Blogger user!). Ignore them and click simply on "Continue":

Step 3: now format your widget selecting colors, width, height and generate your code. Sign-in on your Blogger account and click on the tab Layout > Edit HTML. Then paste the code, in a section of your Blogger Template and save it!

Related content

Super Blogger hack to improve the default comment system with Google Friend Connect!