Invite Viewers and Add Event Gadget

As the
Followers Gadget has been integrated with Google Friend Connect. So now onwards you can  add all the gadgets available in Google Friend Connect to your
blog very easily..



Event
Gadget is one of them. It gives information to your readers about any event you decide. The description, time, location, map is included.
Viewers can join the event and see who else has joined the event. See
picture at left. Other gadgets like Members, Comment Wall and Social Bar
gadget can also be added.



:: Follow the Steps to add the event Gadget  ::

•  Login at Blogger.com and check
  the Remember Me box while doing
  so.


• Go to Google Friend Connect. You will see all your blogs
  listed in left sidebar under 'Sites'.


• Click your Blog Title and it
  will expand to show submenu below it.


• Click on 'Social gadgets' link


• Click on 'Event Gadget' link.


• Under Options select and
  choose the various options like Page, and fill in your Event's Title and
  Description. Choose the start and end dates and the Timezone. Fill in
  the Location, address and Media URL which is link of the picture or logo
  of your event.


• Coose the gadget's size to fit your
  sidebar or you may have to increase
  blog width.


•  Lastly click Generate Code button.


• Copy the code given
  and paste
  in a HTML gadget in your blog.


• Similarly you can
  add any of the other gadgets available like Members gadget and Comment
  Wall gadget. You can see these gadgets in action at top of third column
  in this blog. The social Bar gadget is at the top of the blog.

::  Thanks and Enjoy Blogging  ::

Blogger integrates with amazon

         Now, Blogger adds  a third option: direct integration with Amazon Associates to search Amazon’s product catalog and add links to products that earn you commissions when your readers buy products you recommend with monetize button.

With this feature, you can search Amazon directly from the Blogger editor and add pictures and links to Amazon products right into your posts. Your readers will earn you commissions whenever they buy the products you recommend, and if you don’t already have an Amazon Associates account, you can sign up for one for free without leaving Blogger.

If you’ve ever written a blog post about a book, recommended a gadget, or reviewed a toy you bought for your kids, you’ve likely gone through the process of drafting the post, opening up a separate window to go to find a site that sells the product, then going back to Blogger to paste the link to the product into the post editor.

Starting today, you can search the Amazon product catalog without leaving the Blogger interface and insert links to the products you find into your posts. Not only is the process of linking to products more efficient, but Amazon makes it easy for you to earn money whenever your readers actually buy the products you write about. This is known as an “affiliate program”, and it’s designed to let you recommend products you like to your audience — if they buy the product, you’ll earn a commission on that purchase. (For more on affiliate programs in general, here is a good overview at ProBlogger from this summer, and Darren’s “11 Lessons Learned” post about Amazon Associates is a good review of how to get the most out of the program.)

To get started, click on the Monetize tab for your blog and click “Amazon Associates”. Walk through the setup wizard, and add the Product Finder once you’re done.

Now for the fun part: when you are writing a post on Blogger, you’ll see an Amazon gadget to the right of your post editor (the “Product Finder”). You can search the Amazon product catalog from within Blogger — type in the name of the product you are writing about, and insert a link to the product, an image of the product, or an iframe containing the image, price details and a “buy it now” button. Every link that’s created contains your unique Associates ID, ensuring that Amazon will credit you for any purchases that result from readers clicking the link on your blog.

If you’re an existing Amazon Associate, completing this setup simply makes the Product Finder available on Blogger for you — you continue to earn the same referral rate from Amazon. New Associates receive the same referral rate from Amazon that they would have received if they signed up directly. If you’re not interested in earning a referral, you can still install the Product Finder: from the “Amazon Associates” page under the Monetize tab, click “I'll do this later — show me more Amazon options” and then click “Add the Product Finder” button.



A quick note about trust: affiliate programs work well when readers trust you. You should avoid promoting products simply because of the referral fee you might earn — readers may lose some of that trust if they sense your posts exist solely to make you money. You may also want to disclose to your readers that you will earn a commission on their purchase — some readers even prefer knowing that you benefit from their business.



There’s more information about this integration at Amazon.com, and the Amazon Associates blog has some more details.




 Happy blogging!

How to remove Header Image

• To change or remove the header Image, you shall go to Layout -> Page Elements and click the “Edit” link at the bottom right corner. Remove/Change  the picture and click on save.

• If some unlucky , for whatever reason the image cannot be removed, Go to Template -> Edit HTML and scroll to these lines:-

Change the above codes to the below codes  and save the template:-

• Now ,Go to Template -> Page Elements and you can see a option to Add a Page Element in the Header. 


• Click the “Edit” link in the Header, select “Remove Page Element”. The Header together with the image will disappear.


• Reinstate the Header by clicking “Add a Page Element” at the Header area. Near the bottom of the list is the “Page Header” element. (You are entitled to have one Page Header. The previous Header has to be removed before you can add a new one.) 


• Enter the Title and Description and upload your new picture if you'd like. Save when done. You should see a new Header and/or Header image.

Change order of Archive posts

When you post anything to your blog, your Old posts got back in Archive ,no ?

Yes. But some posts might be important in content, and you might think them to appear at the top in archive. 

Now you have the option to bring back your older posts to the hompage whenever you want.
This is especially useful in seasonal events, when a post written in the past must be present on the homepage. But publishing a new post with the same content will cause content-duplication problems, so you can simply edit your previous post to change the publishing date and bring it back to the top.
So to do this, 

• open the post-editor and click on Post Options link present in the bottom of the page. 


• Now Set date and time to present or any future date.

• Finally save the post and your work is done (You can of course undo the changes, to send the post back to its original place).

Note: URL Doesn't Changes.URL keep the same as Old

Gadget appears on specific page

We do not want the gadget to appear on every page. We want it to appear only on the 'Blog Members' page. For this we use the power of conditional tags. The first step is to get the permalink of the Blog Members post published in Step 1 above. Look in the Blog Archives gadget as the post was backdated. Click the post link to open the post page. Copy the link from the address bar. It looks like this in my example :

http://www.yoursitename.com/2009/12/specified-gadget.html

Then we have to modify the widget code. Login at Blogge.com and click Layouts link on dashboard. Then click Edit Html subtab of Layout tab. Click on Expand Widgets Template checkbox at top of Template Code box. Wait for page to refresh. Scroll down to the code for the Blog Members gadget. It will look like something this :


<b:widget id="'HTML28'" locked="'false'" title="'BLOG" type="'HTML'"><b:includable id="'main'"><b:if cond="'data:blog.url"><!-- only display title if it's non-empty --><b:if cond="'data:title"><h2 class="'title'"><data:title/></h2></b:if><div class="'widget-content'"><data:content/></div><b:include name="'quickedit'/"></b:if></b:includable></b:widget>

• Put in the two lines in bold as shown above. In the first line :

<"http://www.yoursitename.com/2009/12/specified-gadget.html">

• Put the permalink of your Blog Members post obtained in Step 1. Do not forget to put in the second line :

</b:if>

in exactly same place in the widget code. Save Template. As you can see the Members gadget showing all the present members appears only on this post.

How to install a three column Blog footer

Login to your Blogger account.

Go to Dashboard > Layout > Edit HTML.

Back up your template.

Look for the existing footer code near the end of your HTML. It might look something like this:

if you already have contents in the footer, the code should be longer.

• Copy and paste the code below immediately under the footer . This code will create 3 new gadget containers (one for each column) under the existing footer container.

• Copy the code below and paste it in CSS section, before  ]]>.         

#new-footer-wrapper { background: #E1E2B8; margin: 0 auto;width:98%; padding: 0 10px  10px 0; } #column1-wrapper, #column2-wrapper, #column3-wrapper { float: left; width: 33%;padding: 0px 0px 0px 0px; text-align: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .new-footer h2 { margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; text-align: left; color: #222222; background: #C1C298; font-weight: bold;font-size: 0.9em;} .new-footer .widget { margin: 10px 0 0 10px; border: 1px solid #F1F5CA; background: #F7FCDF; } .new-footer .widget-content { padding: 0px 5px 5px 5px; } .new-footer ul { list-style-type:square; margin-left:15px; }

• Save the template and go to Layout > Page Elements. You should have the 3 empty footer containers added at the bottom of the layout.


• You can now drag and drop the gadgets from the existing footer or sidebars into the new footer containers. The end result should look something like this.

•  If the columns are not distributed evenly, try adjusting the width in line 3 and right margin in line 5 of CSS code (in step 6).


• Once satisfied with the result, if you want you can go back to the old footer code in step 4 and delete it (from 
   until 
  ).

Remove-older-post-and-posts-atom-links

In the default Blogger templates, you might see at the  words  “Newer Post”, “Home” and “Older Posts”. Really these buttons are very helpful to users. But some Blogs are really acting like as Professional websites, that means , they didn't contain these types of links.This tip surely help them.

• After Sign In to Blogger , Go to Dashboard 


• Then Click on  Layout 


• Go to Edit Html and tick mark on  Expand Widget Templates 

• Find this code in your template code :

#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}

After wards  replace with this code:

#blog-pager-newer-link {

display: none;

}



#blog-pager-older-link {

display: none;

}



#blog-pager {

display: none;

}

Yyou wish to return to the original state, simply reverse the process.

Thanks :)