I just got reminded of Google +1 button from blogger site and tried putting it on my site.

Here is what I did to add to my site:

 1. Login to Blogger.com

 2. Click on Design > Edit HTML

 3. Look for </head> and paste the code indicated before it

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>  

4. Look for <div class="post-footer'> and paste the code indicated below it

    <g:plusone></g:plusone>




















5. Click Save.

 I suggest start adding the Google +1 code to your site to help further promote your content.

     After the Jump Break is 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. First, decide where in the post you want to create the jump break, and place your cursor in that position:

Read more »

The Screwdriver and Wrench icon will look like this icon:

It is called a screwdriver icon or quick edit icon on blogger blog. You can remove this icon using these tricks…

Here are the tweaks to do:

1. Sign in to Blogger.com

Go to Blogger.com and Log in to your account.

2. Go to Layout and then Edit HTML

In the Dashboard page, press the Layout/Design button on your chosen blog. Click Design tab, you will be given three basic configurations, such as Page Elements, Edit HTML and Template Designer. Now click the sub-tab Edit HTML.

3. Back Up

Before you do tweaking your blog be sure to back up your current template first. So that in case you did something wrong you can retrieve your current template.  Now click at the link Download Full Template. After clicking the Download Full Template link, you will be prompted with the choice about where you want to put the .xml file in your Computer, just put it in the desktop to locate faster if you want to switch back to your current template.

4. Checked or Tick the Expand Widget Templates

Then checked or tick the Expand Widget Templates, so that you can see all the codes.

5. Find the code

By pressing Ctrl + F at the same time, you will enter the search mode. In the search form, type this code below:

body{

6. Adding the Screwdriver icon remover code

Now, in order to banish the screwdriver icon from our blog, what you need to do is copy this code below:

.quickedit{
display:none;
}

7. Paste the remover code

Now, paste the remover code before the code below

body{

8. Save the changes

Press the Preview Template button to see your new tweaks.

Press the Save Template button, to save the changes you've just made on your template. 

Congratulation you’ve just remove the Screwdriver and Wrench  Icon.

This is a navigational bar or navbar in blogger.com[blogspot].
It is located in top of your blog in blogspot.
Actually you can't remove that because it's a part in blogspot.
But you do can hide it.

This is the code:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Here is the trick:


1. Log in to blogger.com

2. On your Dashboard, select Layout.

This will take you to the Template tab.

Click Edit HTML.

Under the Edit Template section you will see you blog's HTML.


put the codes before or above this line

/* Variable definitions
====================

type="color" default="#fff" value="#ffffff">

type="color" default="#333" value="#333333">

3. Preview your setting. Your nav bar will not appear in your blog.
If you like your setting click save template.

4. If you want to appear your nav bar again just delete the code given.

5. Cogratulations...

If you open a blog you will see an icon on address bar. If you make blog in blogger [blogspot] your default icon will be like this:


You can change the icon (favicon) with your own picture. It's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 22x22 pixel to 32x32 pixel, actually bigger image is no problem but it will reduce speed to open your blog. And they can be formatted as gif, jpg, bmp, png. Then you store your image to web hosting like photobucket and imageshack. In this blog I used photobucket image hosting.

Let's start:

1. Login to blogger, choose Layout then Edit HTML

2. Put this code

    <link href='http://www.YOURURLHERE.com' rel='shortcut icon' />
or
    <link href='http://www.YOURURLHERE.com' rel='icon' />


before the 

< / h e a d > tag. 

Here is what I used with my blog.

<link href='http://i453.photobucket.com/albums/qq254/irhille/irhille.jpg' rel='shortcut icon'/>

3. Change the 'http://www.YOURURLHERE.com' with your image address for your icon. Don't remove the apostrophe [ ' ' ]

4. Preview template. It will look like this:

5. If you like your setting save and your done.

It's now in Blogger (June 08, 2011) click here to see the built in features.

1. Log in blogger.com with username and password.



2. Click new post.



3. Put your corresponding title of your blog. Enter the data of your blog on the space provided. Click save and click publish post.



4. You’ve done it… click view blog

1. First you must have an adsense account. Before signing up with adsense you must have a blog at blogger.com [blogspot]. If not you can check my second post. If you already have an adsense account you can proceed to step 2. If you don’t have an adsense account yet you can click this link to sign up.


https://www.google.com/adsense/

Just fill up all needed information and submit. Make sure you read and understand the AdSense Program Policies.


2. Let’s say you already have a google account. If not you can click this link to sign up

mail.google.com/

Fill up all needed information and click the I accept create my account.
Log in to your google account at blogger.com.

3. After logging in click layout tab.

4. As you can see there are two add gadget. you can both click the add gadget.


Scroll down, click AdSense.
As a beginner no need to configure adsense its automatically blend with your template but if you like to configure you can do so. Click save.

Adsense will now appear on your lay out.
5. After this save your new layout. Click save after successfully saving click view blog.

6. Congratulations.

1. Sign up to Create a Blog in Blogger.com

Go to Blogger.com home page and select the "Create a Blog" button to begin the process to start your new Blogger.com blog.




2. Create a Google Account

If you do not have a Google account, you will need this to create one by completing the form on this page.



3. Sign In with Your Google Account

If you already have a Google account, you can bypass the "Create Google Account" step and simply sign in with your existing Google account username and password.



4. Name your Blog

Enter your desire blog title and address or domain name (to precede '.blogspot.com') in the spaces provided.



5. Choose a Template

Select a standard template which you prefer for your new blog.



6. Great job. Your new blog was created.

Your blog is now ready to use for your posts. You can now start blogging.



7. Write your first post. Save and publish your post.

1. Think of a unique blog name and subject. Be sure it corresponds with your blog niche. This may be a subject of special interest to you.

2. Choose which blog host you want to use. I suggest you start with blogger.com [blogspot]. It’s totally free and you can generate revenue. Wordpress is the best recommended because it can teach you how to blog according to Google's system.

3. Be sure to update your blog at least three times a week so that good visitors will be consistently going back to your blog. And eventually build a good traffic.