CSS Tips and Tricks for Blogger.

default-thumbnail
Here are some tips and tricks for Cascading Style Sheet (CSS) in your blog.......In old Blogger the css section is enclosed between and tags. In new Blogger the css follows the same rules except that...

Friend Connect OpenSocial Gadget.

default-thumbnail
var skin = {};skin['BORDER_COLOR'] = '#cccccc';skin['ENDCAP_BG_COLOR'] = '#e0ecff';skin['ENDCAP_TEXT_COLOR'] = '#333333';skin['ENDCAP_LINK_COLOR'] = '#0000cc';skin['ALTERNATE_BG_COLOR'] = '#ffffff';skin['CONTENT_BG_COLOR']...

Pinging Simplified.

default-thumbnail
Pinging is a process of attracting the search engines for indexing your blogs....A Blog is a special type of website which has dynamic content constantly being updated as opposed to a static website....

Google Docs & Spreadsheets in your Blog.

default-thumbnail
Google Docs and Spreadsheets can be embedded in your Blog. To do this.........go to http://docs.google.com/ and login with your GMail Account. You will see the Welcome Screen where click on New Spreadsheet....

Timeline in Blogger Beta.

default-thumbnail
A Timeline of your posts can be added to your beta blog. This shows the titles and links of all your posts against a horizontal scroll of dates published.........This is an intresting way to display...

YouTube, Flickr in Blogger Beta.

default-thumbnail
YouTube videos and Flickr photos can be put inside your beta blog.........YouTube is a free video hosting and online video streaming service that allows users to view and share videos that have been uploaded...

Technorati in Blogger Beta.

default-thumbnail
Technorati is the search engine for blogs and hence no blogger can afford to go without it in his/her blog................Google is the generalized search engine for the web. Technorati is a search engine...

Align Blog to Left.

default-thumbnail
You can push your whole blog body to the left in two steps.........First backup your template. Go to edit Html subtab of Template tab and click on Download Full Template link. Save the XML file to your...

Add a Recent Posts List after Every Post.

default-thumbnail
Add a Recent Posts List after every post in your blog so that any reader reading a single post can see at the end of the post this list and then if interested may go there..........To put a Recent Posts...

Presentation in your Blog.

default-thumbnail
You can put a presentation in your blog..........To do this go to spresent.com and create a presentation online. The interface is fairly intuitive with a toolbar and File menu at the top and a insert...

Backup your Blog.

default-thumbnail
Backup your Beta blog regularly to your PC so as to be prepared for any emergency.....In Classic Blogger you could use WinHttrack utility from httrack.com to backup your blog. However in beta blogger...

Britney Spears, Shakira, Sony Music Videos in Blogs.

default-thumbnail
Do you want Britney Spears, Shakira, Jessica Simpson Sony Music Videos in your blog.......To see the above player in action go to my blog Sony Music Video.You will first need to create a Brightcove account...

Google Video Search in Blogs.

default-thumbnail
By putting Google Video Search in your blog you can enable your reader to search for videos without leaving your blog. He/She can view the videos in your blog and even upload their videos from your blog....

Reuters Video News in your Blog.

default-thumbnail
Reuters Video News can now be made available to beta blog readers.......Reuters is the world's largest international multimedia news agency, providing investing news, world news, business news, technology...

Video on Beta Blogger

default-thumbnail
To see a video tutorial on beta blogger...........This video shows how to rearrange Page Elements, customize blog colors and fonts and how to add rss feed content from another blog.You can also view it...

Add Google Map Search to Blog.

default-thumbnail
To add a Google Map Search to your blog.........go to http://www.google.com/apis/maps/ and click on the Sign up for a Google Maps API key button. It will take you to this page :http://www.google.com/apis/maps/signup.html....

Add Widget to provide Button-Link to your Blog.

default-thumbnail
You can now add a widget to your blog with a button which when clicked adds a button link to your blog from the reader's blog. This is done automatically without the reader having to type in even a line...

Where to Add Code in Beta Template.

default-thumbnail
You can add code to the template in beta at these places..........If you cannot see the full table below please go here.Where To Add Code in Beta TemplatesCODE TO BE ADDED PARTS OF TEMPLATE LANGUAGE DECLARATIONS createSummary("summary7418397328553362188");

Practical approach to Hacking Beta Templates.

default-thumbnail
You want your blog to stand out among the millions of blogs in the blogosphere then....you will have to learn how to hack the beta blogger template. Classic Blogger had HTML templates which were easy...

Download Three Column Beta Template.

default-thumbnail
Download Three Column Beta Template with the following features............This template is an original Stretch Denim Beta Blogger Template by Darren Delaye to which I have added a third column. The...

Add a Country Map to your Blog.

default-thumbnail
To add a country map to your blog............first you willhave to follow the instructions in Add a Google Map to your blog. (Step 1) After having added the map to your blog you need the Latitude and...

Add a Google MAP to your Blog.

default-thumbnail
Skip to POST UPDATE.To add a Google Map to your blog go to ..........http://www.google.com/apis/maps/ and click on the Sign up for a Google Maps API key button. It will take you to this page :http://www.google.com/apis/maps/signup.html....

Add a Google AJAX Search to your Blog.

default-thumbnail
To add a Google AJAX Search to your Blog go to.............http://code.google.com/apis/ajaxsearch/ and get a Google AJAX Search API key. Click onSign up for a Google AJAX Search API key button and you...

How to Add a Google Custom Search Engine to Blog?

default-thumbnail
You can add a Google Custom Search Engine to your blog............like I have done at the top of the right sidebar. A Custom Search Engine can be used for the following purposes : To place a search...

How To Add a Favicon to your Blog?

default-thumbnail
To add a Favicon to your blog you...............have to create one first. You can create a favicon in an icon editor software or generate one online. One useful free program to create it in is IconEdit32....

How to Customize your Header?

default-thumbnail
To customize the header in a beta blog...........start with BACKING UP YOUR TEMPLATE as described in How to Change Template.The Blog Header in Beta blogs is described by two sections of code. The first...

How to Add a Banner Link in the Footer.

default-thumbnail
To Insert a Banner Link in the Footer you must first...............have a banner ready. You can create your own banner in an image editing program like I have done or go to an online banner generator....

How to insert Banner Link to your Blog in each Post.

default-thumbnail
To Insert a Banner Link to your blog you must first...............have a banner ready. You can create your own banner in an image editing program like I have done or go to an online banner generator....

How to Analyze Site Traffic with Google Analytics.

default-thumbnail
To analyze web site traffic with Google Analytics you will.....first have to add the Analytics code to your blog template. To do this go to Google Analytics and register with your Google account. It...

What is XML, XHTML?

default-thumbnail
XML and XHTML are two new terms popping up into the beta bloggers' lexicon and we consider them here.....First came SGML. Standard Generalized Markup Language (SGML) is a metalanguage in which one can...

Advantages of Beta Blogger.

default-thumbnail
The Advantages of the new Beta Blogger are...............many and I have tried to list a few of them here :ON THE SPOT EDITING. Login to your dashboard by going to Beta Blogger. Click on View Blog next...

How To List Previous Posts by Title.

default-thumbnail
To list All Previous Posts by Title...............you will use your blog's RSS feed to put content into your sidebar. How to do this has already been described in the post : Add Content with RSS Feeds...

How To Submit Site to Search Engines?

default-thumbnail
To submit your blog/site to other Search Engines............heryou should know that there are free submissions and paid submissions. Copy and paste the following URLs to the address bar of your browser...

How to Submit Site to Google?

default-thumbnail
To submit your blog to the Search Engines..............After completing your blog and postings you have to submit your blog to the major Search Engines. This is because there are millions of sites out...

How to Add Adsense Ads. to beta blogs.

default-thumbnail
To add Adsense Ads. to beta blogs.............FIRST BACKUP YOUR TEMPLATE USING METHODS OUTLINED IN : Change your Template.Then login to your Adsense account and click on Adsense Setup. Click on type...

How To Add Picture to Background.

default-thumbnail
To add a Picture to the background of your blog...............Step 1. FIRST create a free account at Googlepages (http://pages.google.com) to host your image/picture. In the Page Manager go to bottom...

How to change width of blog.

default-thumbnail
To change the width of your blog.................you will have to change certain parameters in the CSS (CASCADING STYLE SHEET) part of the template. The CSS part is the fourth part of the template and...

How to Refresh your Blog Page in Browser.

default-thumbnail
To refresh your blog page in browser...........you have to refresh the browser cache. What is 'cache'? Often referred to as the cache, the Temporary Internet Files folder contains a kind of travel record...

How to Change Post Order.

default-thumbnail
To change the order of your posts in Beta Blogger..............remenber that posts are ordered according to "LATEST POSTED FIRST ON PAGE" rule. Hence the newest posts are first with earlier posts lower...

What is "Subscribe to: Posts (Atom)".

default-thumbnail
"Subscribe to: Posts (Atom)" is a link provided at.................the end of all your blog posts. This link is for viewers of your site/blog to view your blog without having to come to your blog. In...

How to add Picture to Beta Blog Header.

default-thumbnail
To add a picture to a Beta Blog Header............FIRST BACKUP YOUR TEMPLATE USING METHODS OUTLINED IN : Change your Template.Then Upload your picture to a free host like Googlepages which offers 100...

How to Add Widgets to your blog.

default-thumbnail
UPDATE : Blogger has now replaced the "Add Page Element" link with the "Add Gadget" link. Clicking on this link will bring up the "Add a Gadget" popup window. All the original Blogger widgets are listed...

What are Widgets?

default-thumbnail
UPDATE : The Add Page Element link is now replaced by the Add Gadget link on Layout----->Page Elements tab.Page Element = Blogger Gadget.Code for a Blogger Gadget = A WidgetWidgets in Beta blogger...

Customizing your Blog.

default-thumbnail
Customizing your blog is done through..............the Fonts and Colors subtab under the Template tab. The code reponsible for customizing your blog resides in the third part of the template as shown...

The Navbar in Beta Blogger.

default-thumbnail
The Navbar is the slim colored strip about 30 pixels in height..........running across the top of your webpage/blog. You are given an option in the Page Elements subtab under the Template tab to change...

Add Content with RSS Feeds.

default-thumbnail
To Add Content to your blog with RSS feeds.........First find the RSS Feed Icon. On many sites it is shown as "RSS" or "About Feeds". The icons are shown alongside. Right click any one of these and select...

How to put Adsense Link unit in your Header.

default-thumbnail
To put an Adsense Link Unit Ad. in the header..........Log in to your Dashboard. Click on your 'Layout' link under your blog name. This takes you to Page Elements under the Template tab. Click on Edit...

How to Hack the Beta Blogger Template.

default-thumbnail
To Hack the Beta Blogger Template............ Create a Widget/Page Element. Sign in to Blogger Beta---->In Dashboard choose your blog and click on Layout------>This takes you to the Add and Arrange...

How to do CSS in Beta Blogger.

default-thumbnail
How to code CSS (CASCADING STYLE SHEET) in a Beta Blogger Template.......The Beta Blogger Template consists of the five main parts outlined in Parts of the Template.Of these the first part is where the...

How to HTML in Beta Blogger.

default-thumbnail
How to code HTML in a Beta Blogger Template.......The Beta Blogger Template consists of the five main parts outlined in Parts of the Template. Of these the first part is where the HTML is declared. The...

Parts of the Template.

default-thumbnail
The Beta Blogger Template consists of FIVE main parts..............NOTE that this is the new beta template and you do not get it automatically on migrating to beta. BACK UP TEMPLATE using Download Full...

How to Change the Template.

default-thumbnail
The Template is your blog's clothes and to change it....click on the Template tab after logging into the Dashboard and clicking on your blog's name. Ihe Template Tab has four subtabs : 'Page Elements',...

Settings-Part 2.

default-thumbnail
Setting the Settings part 2......After setting the Basic Settings click on 'Publishing' subtab next to 'Basic'. Here there are only two settings. First setting enables you to change your blogspot address...

Set the Settings-Part 1.

default-thumbnail
Now that you have created your blog it is time to set the Settings......To customize your Settings click on the second 'Settings' tab at the top after having logged into the Dashboard and clicked on your...

Final Steps In Publishing.

default-thumbnail
The third and final step in creating your blog is to Choose your template......The template is the clothes your blog wears. The template you choose makes your blog stand out among the millions of blogs...

First Steps In Publishing.

default-thumbnail
Having decided on the subject and decided on blogging go to......http://beta.blogger.com/home OR http://www2.blogger.com/home and create an account which is free. Remember the link to old Blogger is...

How to start a Blog.

default-thumbnail
First you will have to think of a subject to blog about....An ideal choice is to blog about something you are passionate about. Something about which you cannot stop talking. It may be politics it, may...

Migration to Beta Blogger Imminent!

default-thumbnail
Skip to POST UPDATE.All Bloggers will be requested to migrate to Beta Blogger in a "few" weeks .......as per a reliable inside source.Beta Blogger debuted on 14 Aug 2006 and is now fast approaching the...