Tuesday, December 29, 2009

Yes How to install Gadgets in your Blogger blog


Yes Gadgets are as easy to install as Blogger's default widgets. Simply go to Layout>Page Elements in your Blogger dashboard and click the "Add a Gadget" link in the area where you want to install your gadget.

A pop-up screen like this will appear:

From here, you can browse gadgets in the directory, search for gadgets of interest, or add a gadget using the URL where it is hosted.

Once you have chosen a gadget to add, you should be presented with a configuration screen like this:

There will be different options here, depending on the gadget you have chosen to install. This example shows the configuration options for my Twitter Updates gadget.

At the very least, you should be able to alter the title of the gadget, however most gadgets have other configuration options available. A preview of how the gadget will look in your blog will appear below these options (do bear in mind that the width of the gadget may be wider when displayed in your blog if the area in which it is added has larger dimensions than the preview screen).

Once you've changed any settings, be sure to click the "Update" link in order to see the changes appear before you save. The gadget will then appear in your blog, and it's position can be changed in the Page Elements section of your dashboard.


Blogger's Featured Gadgets

The Blogger team have created The Featured Gadgets blog which details gadgets of particular interest. Some of these gadgets are also included in the Featured Gadgets section of the Gadget directory (available when you choose to add a new gadget through your dashboard).

I'm thrilled to find four of my own gadgets are "featured": Recent Posts, Recent Comments, Picasa Photostream and Twitter Updates, and look forward to seeing the efforts of other Blogger developers in the future.


Developing Blogger Gadgets

The Blogger team have created extensive documentation for those hoping to develop gadgets for use with Blogger in addition to the extensive resources for creating Google gadgets.

I've also begun a three-part series for creating Blogger gadgets over at Blogging Tips to explain the basics including how to utilize Blogger feeds in our gadgets, use skinning parameters and user preferences for customizable gadget utilities.

Once you've created a Blogger gadget, you can add it to the Blogger Gadget directory using this link. Your gadget should appear in the public directory within about 30 minutes of successful submission and the best gadgets will be featured in the Featured Gadgets blog.


Gadgets I'm working on now

In addition to the four gadgets mentioned above, I have a further three gadgets which are almost ready for public release: a Flickr Photostream Gadget (install with your Flickr username, not the URL of your feed); a TwitPic gadget (to display your recent TwitPic updates) and a Juitter gadget, for real-time updates which mention your username or other search terms.

Over the next few days, I'll update with posts for all my gadgets with full details of functions and installation so you can add and enjoy these gadgets in your Blogger powered blogs.

Tuesday, December 22, 2009

Best Blogger Template

Free Revolution 2 Church Blogger Template V1 & V2

Revolution Church was one of the successful Wordpress Converted Blogger Template of Bloganol which is able to gain more than 2000
download from thousands from other linked sites.Although it was good but it has also got some drawbacks which must be maintained.So to overcome with these problems we have updated the previous version of Revolution Church Blogger Template.
These Updated versions are able to overcome some of the drawbacks of the previous versions and also has got more features than the previous versions which tries to give the Template the real look of original wordpress theme.

Updated Version simple V1




Demo Download

Free Revolution 2 Church Blogger Template V1 & V2
Updated version Advance V2


Demo Download


--------------------------------------------------------------------

HELLBISCUIT




Live Demo

Download : Here

--------------------------------------------------------------------------------------------------------------------------------------------

Digital Statement

Demo

Download : Here


----------------------------------------------------------------------------------------------------------------------------------------

Cellar Heat Gallery


-----------------------------------------------------------

Schemer Mag

Live Demo

Download : Here


----------------------------------------------------------------

Zin Folio



----------------------------------------------------------------

Movie Theater



----------------------------------------------------------------

Freshmedia



Download | Demo

----------------------------------------------------------------

Chucky



Download | Demo

----------------------------------------------------------------

Halloween



Demo

Download

Designed for Wordpress by Kelleyroo

Bloggerized by Chicablogger.

----------------------------------------------------------------

Soul Vision



Demo

Download

Designed by JustDreamweaver

Converted by WpToBlogger

----------------------------------------------------------------

Demo

Download

Author : Ray Creations

----------------------------------------------------------------

2Plus



----------------------------------------------------------------

Think Simple



----------------------------------------------------------------

Crystal Blue



----------------------------------------------------------------

Natural Health Blogger Template


----------------------------------------------------------------

NightClub




---------------------------------------------------------------

MobiPress Blogger Template



---------------------------------------------------------------

Excellence Blogger Template


Live Demo

Download

---------------------------------------------------------------

BizFresh Blogger Template


Live Demo

Download

----------------------------------------------------------------

Zengard Blogger Template



----------------------------------------------------------------

Natureaux Blogger Template







------------------------------------------------------------------

Customize Your Blogger Template

Running Into Trouble? Here's Help!

So, you've been blogging away with your new Blogger account. But you're getting kinda tired of looking at the same old boring page everyone else has. You tried to upload an image to be your banner, but it's all messed up. You need help. Well, you've come to the right place! Here are some tips and tricks to get you started in the right direction.

Hey, There are Funny Lines Behind my Banner!

Not to mention the writting that's all over it...

So, you found yourself a pretty little thing to use as your banner for your blog. You saved it on your desktop and you went to the Page Elements section of your blog to upload it. But when you took a look at your blog, you saw something like this:



There's text on your image and there's some funny lines, too. How do you fix this? The first step is easy:

1) Log on to your account and from your Dashboard, click on Layout.

2) On the Page Elements page, click on the Edit link for your Header.

2) Select the option that says you want your new banner "Instead of title and description." This will remove the extra text.

What about the funny lines? Those are borders that used to hold your blog's title. But now you've got a different sized image, so here's what you do to make them go away.

1) From the Page Elements page, click on Edit HTML link.

2) Scroll down until you find the section that's titled Header.

3) Look for this text and remove it: border:1px solid $bordercolor; (you will see that listed under #header-wrapper { and #header { so be sure to remove both).

This will make those border lines invisible. Now your blog banner looks great!



What if you like the border but you want it to actually fit around your banner? Well, you need to know a little math.

1) First, don't remove the border color text (like I mentioned above).

2) You need to know how wide your banner is. You can find this out easily just by hovering over your saved file on your desktop in Windows. For example, when I hover over my file, it says "Dimensions: 500 x 150."

3) Take the width of the file (500) and add 10 px (because of the padding built into the border).

4) Scroll down in the HTML window until you get to #header-wrapper { and enter the width of your banner plus ten (510 in this example).

5) Save your changes and you'll see this:

So, How Do I Change the Width of my Blog?

Because there's no room for all I want to say!

Okay, get out your calculator. It's time for some math!

Right now, if you have the Minima template installed on your blog, the maximum width of your blog is probably set to 660 px (pixels) wide. If you were to break this down: 410 px have been given to the main body text of your blog, 220 px are set aside for your sidebar and the remaining 30 px serves as the "gutter" separating the text of your blog entries from the sidebar. Playing around with these numbers will change the look of your blog.

One thing to note, however--there are still some people who have 800 x 600 resolution monitors. If you decide to change the dimensions of your blog to 1000 px (because this looks great on your monitor, which is 1280 x 800) then the content of your blog is going to run off the right side of their screen. That's not very professional looking...

Probably the widest you should go is 780 px. Just divvy this number up between your main body text and your sidebar: 530 px for the text, 220 px for the sidebar and 30 px for the gutter.

Where do you enter these magical numbers? Click on Edit HTML on the Page Elements page and follow these directions:

1) Scroll down to where you see the title Outer-Wrapper. You'll see that here is where the numbers are entered in!

2) Change 660 px to 780 px. Change the "main wrapper" from 410 px to 530 px. The sidebar wrapper and "padding" you can leave as is (220 px and 10 px).

Now, one more thing has to be done so that your pretty banner will be perfectly centered over your text:

3) Scroll up a little to the section entitled Header. Change the width from 660 px to 780 px. Now Blogger knows the right number with which to center your banner and everything will be lined up perfectly!

Um, How do I get a Photo on my Blog?

What's the secret there?

There are two ways you can add an image to your blog posts. Blogger has a built in system for this, where you can upload your photos to Blogger while you're writing. All you do is click on the little photo icon (that you see here) and follow the directions for how you want your text to be formatted around your image.

Also, you can add images that are already uploaded to sites like Flickr and PhotoBucket. These sites will automatically generate the code you need. They will provide you with the text and all you need to do is copy and paste it directly into your post!

Easy. That's all there is to it!

Hey, How Can People Subscribe to my Blog?

I want that little e-mail thingy everyone else has!

You will find what you're looking for at FeedBurner or FeedBlitz. Here's how they work:

FeebBurner and FeedBlitz are websites that will e-mail your posts to your readers who want to sign up for the service. Once you sign up with one of these sites, they will give you a bit of code for you to put on your blog. All you need to do is add a HTML/JavaScript module to your blog's layout (and you can do that on the Page Elements page) and drop the code into this box!

It's as easy as that. And now your readers can subscribe to you via e-mail!

FORGET IT!

I just want a whole new layout.

Tired of messing around with Blogger's template? Find a new template that you can just copy and paste into your blog (that's that box of text and code under Edit HTML).
The Blogger Templates Blog
Includes several new templates that are compatible with Blogger's new system.
Final Sense Templates
Browse from several ready to go templates.
The Blogger Template Directory
For a listing of lots of other great sites, be sure to check out this page!

Wednesday, December 16, 2009

How to change your Blogger template


Beautiful template is a special things for your blog. Beautiful templates will affect to your visitors (comfortable). Make your visitors comfort and back again to your blog with beautiful template beside good articles. Here are several tips to change your template (blogspot template installation).
1. Go to your blogger dashboard > Edit HTML > Browse

2. Choose your Template from your directory > Upload > Save 3. Finish Note: Remember to copy your HTML Code (Gadget, Adsense etc before install new template to Microsoft word and put again after finishing template installation)

More info ---------->


mashable blogger-templates
















eblogtemplates












Discovery Way Of Life

Back to TOP