Blogger Dummies

30+ Adsense Wordpress Plugins

noreply@blogger.com (Mohamed Rias) — Mon, 17 Aug 2009 12:50:00 +0000

Most of the webmasters depend on Google Adsense revenue from their websites.Adding Google Adsense ads in Wordpress Blogs can be a little difficult. In order to help people new Webmasters, I have collected some of the best Adsense Ads PlugIn that is available on the net at the moment for wordpress blogs.

Easy AdSenser

Easy AdSenser provides a very easy way to generate revenue from your blog using Google AdSense. With its full set of features, Easy AdSenser is perhaps the first plugin to give you a complete solution for everything that is AdSense related. Features: Remembers AdSense code and your options by theme, so that you don't have to re-enter them if you play with multiple themes.

Download and installation instructions

wp-insert

The ultimate wordpress plugin Features Manage Ads In post ads - Allows you to insert your ads around your content * Insert Ads above the content * Insert Ads below the content * Insert Ads to the left of the post * Insert ads to the right of the post * Option to show ads only on single posts and pages Five ad widgets at your disposal * Go to the widgets page under "Appearance" and place the widgets onto the sidebars you want the ads to appear onto Manage Feeds * Your logo in your feeds * Insert Ads into feeds * Link your feeds to feedburner * Subscribe via Email widget * Subscribe to feed widget Manage Tracking Codes * Insert Google Analytics tracking onto all you blog pages instantly * Paste other tracking code into the header or footer of your blog Manage WYSIWYG editing * Replace TINY MCE with FCK EDITOR * Disable auto formatting done by wordpress (Stops the annoying autoformatting done by wordpress.

Download and installation instructions

AdSense Integrator

This plugin was developed to insert and manage your AdSense ads, based on the last Google rules and AdSense updates.

Go to the official page of the plugin AdSense Integrator to get the last updates and news about it.

It could be used as well for other types of campaigns, like AdBrite, AffiliateBOT, SHAREASALE, LinkShare, ClickBank, Oxado, Adpinion, AdGridWork, Adroll, Commission Junction, CrispAds, ShoppingAds, Yahoo!PN and others, included custom campaigns (not tested yet).

Download and installation instructions

Advertising Manager

This plugin will manage and rotate your Google Adsense and other ads on your Wordpress blog. It automatically recognises many ad networks including Google Adsense, AdBrite, Adify, AdGridWork, Adpinion, Adroll, Chitika, Commission Junction, CrispAds, OpenX, ShoppingAds, Yahoo!PN, and WidgetBucks.

Download and installation instructions

AdSense Now!

AdSense Now! is the simplest possible way to generate revenue from your blog using Google AdSense. Aiming at simplicity, AdSense Now! does only one thing: it puts your AdSense code in up to three spots in your posts and pages.

1. Enforces the Google policy of not more than three ad blocks per page.
2. Simplest possible configuration interface -- nothing more than cutting and pasting AdSense code.
3. Internationalized with multiple language support.

Download and installation instructions

Adshare

AdShare allows you to rotate adsense ads based on the author of the current post. See author page for usage.

Download and installation instructions

AdSense Manager

Download and installation instructions

Simple AdSense Insert

Simple AdSense Insert provides a basic way of inserting AdSense adverts into your WordPress installation, whilst having full control of display and content. If you've not done so already, create your AdSense advert. The code you are provided provides the parameters that are required by Simple AdSense Insert.

Download and installation instructions

All in One Adsense and YPN

All in One Adsense and YPN is a Free and Open Source Wordpress plugin which is able to automatically insert google adsense ads or yahoo publisher network (YPN) ads in to your posts on the fly

Installation Instructions and Download

Ads Adder

This plugin is used to add adsense code in the bellow title and bellow content . So it will be easier to do adsense management

Download and installation instructions

Smart Ads

Smart Ads automatically inserts advertisements like Google's Adsense above and below your post content. These advertisements are only visible when viewing a single post

Download ans Installation instructions

AdSense Anna

with this widget / plugin you can easyly add an adsense banner to your wordpress sidebar. no coding needet! no editing of yout template needed.

Download and Installation instructions

Adsense Attachment Page

This great way to earn some money and show large images in new window. This plugin show attachments with thumbnail image, and when you click on it will show image in full size. You can setup plugin not to show image in full size if you want.

Download and install

AdSense Revenue Sharing 1.2

AdSense Revenue Sharing is a wordpress plugin which allows you to easy display ads in your posts by using a quicktag and share your adsense impressions with your friends and co-authors. To dispaly the ads you can either insert anywhere in your post or use the quicktag button. For configuration go to Options>Revenue Sharing

Download and Install

Adsense-Deluxe

AdSense-Deluxe2 Plugin for WPMU and Standalone WordPress with revenue share functionality.

Download and Install

Googmonify

Googmonify lets you insert Google AdSense ad units into your posts with easy to use tag sets (requires a Google AdSense account). Googmonify can also insert your Google Analytics tracking code in to every page on your blog help so you can keep accurate statistics.

Download and Install

Adsense Under Image

Places specified Adsense code under the first image in a post. If there are no images no Adsense code will be insterted. Also the ads will only appear in single post pages

Download and Install

Shylock AdSense

WhyDoWork Adsense is a WordPress plugin that allows you to insert Adsense ads on your blog without modifying the template. More then that, you can set it up to show different Adsense ads for articles older then X days

Download and Install

Adsense Injection

Adsense Injection plugin just takes a random paragraph (or br tag) break in your article and inserts adsense code. It does one per story on multi-post pages (home, archive, category) and let’s you pick how many to show on single post pages. It lets you pick how many total ads to show at any time as well (0-3) and it lets you set the formats and colors you want it to randomly select from.

Download and Install

Google Ad Wrap - Section Targeting

Section Targeting is a way of embedding special tags inside HTML to give Google's omnipresent spider a better idea of what's important on your page. This is a really simple plugin that wraps posts and comments inside these tags, in the hope that they'll lead to better search rankings.

Download and Install

Adsense Inline

This plugin is pretty straightforward. Put it in your wp-content/plugins directory, then go to your Plugins configuration page and click Activate.You’ll need to customize the Adsense code in the plugin itself. Look in the adsense.php file.

Download and Install

Mighty Adsense Wordpress plugin

It will allow you to host the code in wordpress without having to modify the templates. Google ads is displayed in post item and you can specify how many block its going to show up in a page. Ads preview tool included in control panel.

Download and Install

Adsense Beautifier

Adsense beautifier is a plugin available for Wordpress to make your Adsense look beautiful in order to increase you Adsense earnings. Images adjacent to ads can help increase click through rate (CTR).

Download and Install

Author Advertising Wordpress Plugin

This plugin allows blog admins to create a revenue sharing program utilising one of the many advertising programs out there i.e Yahoo, Google Adsense, Amazon, Allposters etc. It can also be used as a banner manager, author photo/website widgets.. actually it has about a zillion uses. Give it a try and lemme know if you use it for anything really groovy.

Download and Install

AdSense Sharing Revenue and Earnings System

AdSense Earnings Plugin can show you, in real time, your AdSense Earnings for today or selected date range. You are able to view this in your WP panel or directly in your blog with a simple line of code.

Download and Install

Adsense Wordpress Plugin

There is an awesome wordpress plugin available to get your adsense earning details within wordpress admin panel.

With the AdSense Earnings WordPress plugin you can:

* Check your daily earnings in your DashBoard or Options page
* Check your earnings for specific period
* Show to the public how many $ you made today

Download and Install

WP-Politifier

WP Politifier enforces a certain level of politeness in your comments, replacing recognized swear words with acronym'ed asterisks. The original text is preserved in the title attribute, visible on mouseover.

Download and Install

Adsense Attachment Page

Download and Install

WP Simple Adsense Insertion

Use this plugin to quickly and easily insert Google Adsense to your posts, pages and sidebar by using a trigger text or calling the php function.

Download and Install

AdSense-Deluxe WordPress Plugin

AdSense-Deluxe is an easy-to-use plugin for WordPress 1.5+ (including WP 2.0) for quickly inserting Google or Yahoo! ads into your blog posts, and managing when and where those ads are displayed.

Download and installation instructions

Google Adsense Ads by SAN

It is very easy way to add google adsense codes past into admin panel and those display on front end, but little changes needed

Download and installation instructions

Google Adsense for Feeds

This puts Google RSS Ads in your feed, make sure you fill in your publisher ID by editing the plugin file.

Download and installation instructions

Ozh' Who Sees Ads

Who Sees Ads is an advanced ad management plugin that lets you decide who will see your ads, for instance Adsense, depending on user defined conditions. You can manage ads in your templates (eg sidebar.php) or within posts and pages.

Download and installation instructions

Context Ad Wrapper

his plugin will mark the key parts of a blog post so that context based ad services can identify the post content and comments for the best ad matching (thus avoiding the static content that is irrelevant for context ad matching).

Download and installation instructions

So hope you guys might have liked this collection of adsense plugins. In this collection , few plug in are compatible with other advertising networks too.

If you came across any good adsense plugin , let me know via comments . I will include them too in this list.

Screen resolution CSS hack for web designers

noreply@blogger.com (Mohamed Rias) — Tue, 11 Aug 2009 17:21:00 +0000

Most of us might have noticed that our sites may look different in different screen resolutions. Though I have already posted one article on making website layout cross browser compatible , but its also necessary to make your site compatible for different screen resolutions. The visitors of your site will not have same screen resolution your are using. So it's mandatory to make your site compatible for different screen resolutions. For example, In lower screen resolutions like 800x600 px the website layout will be perfect. But when you look at your site at a higher screen resolution like 1024x768 px or even higher , the website header or sidebar may be aligned to either right or left. It's all because the designer might have designed the site for a particular screen resolution. In the screen resolution he was working , the site may look perfect. But when it comes to higher screen resolution , the theme may be misaligned.

what is the best screen resolution settings?

One can't design a website for a particular screen resolution, because visitors will have different screen resolutions. According to me , the best screen resolution on which the designer should be concentrating on should be higher than 1024px. For example if you take techieblogger's last month stats , most of my visitors are using higher screen resolution.

Some of the web designers use JavaScript to control the screen resolution compatibility. But it will reduce the site loading time.Instead of using JavaScript , I will explain how to make your site higher screen resolution compatible by making changes in CSS codes.

CSS controlling the alignment of the layout

Before explaining the original hack, first let me describe about the css code which controls the layout alignment.

margin: auto;

The simple margin tag in CSS controls the alignment of the site layout in different screen resolutions. I have selected auto to change the layout alignment in accordance with the visitors screen resolution.

Screen resolution compatible CSS - Blogger users

In order to make changes to your CSS code in blogger blogs , follow the below steps.

step 1 : First go to Layout section of your blog.
step2 : Then navigate to EDIT HTML page

Now add the margin: auto; tag in the css codes of the following sections.

Header

Outer wrapper

content wrapper

wrapper

Footer

If one more sections are missing in your style sheet , then insert that code in the respective div sections used in your blogger template.

Screen resolution compatible CSS - Wordpress Users

To edit the css code in your wordpress blogs, follow the below steps.

first go to appearance option in your wordpress dashboard. Then go to EDITOR page. In that page , add the css code margin: auto; in the following css sections.

Header

Outer wrapper

content wrapper

wrapper

single entry
Footer

how to change screen resolution

For checking your site compatibility with different screen resolutions do any one of the below steps.

how to get a higher screen resolution on windows vista/XP

To change the screen resolution of your PC , do the following steps.Right click on your desktop , then click the option "Properties" there.A new window will open. Now navigate to "settings " tab. There you can see a slider to change the screen resolution. With that slider you can either increase or decrease. After you chose a particular screen resolution , click apply. It will give you a warning message click "ok".

Now open the browser and visit your site for compatibility.

how to set screen resolution using keyboard hotkey

You can also check the compatibility of your site with different screen resolutions with simple keyboard short keys.
First go to your blog and do the following :
To reduce the screen resolution , press "ctrl" and scroll down the mouse roller.
Or
press " ctrl " button and press "-" button.

To increase the screen resolution, click "ctrl" and "+" button or else press " ctrl " and scroll up the mouse roller.

With the above keyboards hotkeys , you can check the screen resolution compatibility of your site.

Hope this article will be useful for all web designers who want to create wordpress themes or blogger templates which are higher screen resolution compatible. If you have any problem with your website layout alignment, then please email me about the issue.

Converting Wordpress themes to Blogger Templates

noreply@blogger.com (Mohamed Rias) — Sat, 13 Jun 2009 12:26:00 +0000

It's being longtime I have ripped a Wordpress theme to use in Blogger Beta. Many users ask me for wordpress theme conversion in Google talk. I thought it would be great to open a thread in Techie blogger itself , so that all my readers can give me suggestions. I can rip any existing wordpress theme to blogger template or I can customize your existing Blogger template.

Some Blogger use to demand money to rip wordpress themes to blogger templates , But I am going to do this for free. So No need to pay 10$ for any site to get your desired wordpress theme to use in Blogger. You can request conversion of any wordpress theme here via comments. If more users recommend the same theme or if I feel it to be a professional one, I will rip that wordpress theme to Blogger Beta Template.

Customizing Blogger Templates

If you have any errors in Blogger templates , then you can contact me via gtalk. I can help you to fix errors online itself.

You can contact me via Google Talk for any of these services :

Ripping Wordpress themes to Blogger templates

Fixing errors in Blogger Templates

Making your CSS code compatible for all browsers

Fixing XML or CSS errors

SEO tips

Show Adsense ads below post title

noreply@blogger.com (Mohamed Rias) — Sat, 16 May 2009 13:07:00 +0000

In this tutorial I will explain how to place Adsense ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google adsense ads below title to increase their Click through rate and earnings.

According to Google adsense help pages " Where to place adsense ads ?". Placing adsense ads below title and above article content can bring high ctr and performance.

This "heat map" illustrates the ideal placing on a sample page layout. The colors fade from dark orange (strongest performance) to light yellow (weakest performance). So it's clear from the heat map that the adsense ads below post title can bring high ctr.

How to add Adsense ads below post title ?

It's really very easy to add adsense ads below post title in blogger. Inorder to add adsense ads below post title ,just follow the below steps.

Before adding the adsense ads to blogger templates , we need to encode our adsense ads code.If you add the adsense code without encoding then you can't see any adsense ads below post title.

Encoding Adsense Ad Code ?

To encode adsense ads, first create an adsense ad and then visit centricle website to encode. In centricle web page , you need to paste your adsense code in the text area and then click " Encode ". Copy the encoded code. Now your adsense code is ready to be added to blogger template.

Adding adsense ad code to blogger template

step 1 : Go to layout section of your blogger template and then navigate to EDIT HTML sub tab. There check the "Expand Widget Templates ".

step2 : Look up the following tag : <p><data:post.body/></p> and paste the encoded adsense ad code above that tag.

Then click save. That's it Now we have added the adsense ad code below the post title in blogger blog successfully.

Customizing Adsense ads

Here are the few customization tips , which you can apply to increase your CTR.You might have seen that most of the bloggers will show more than Three posts in home page / labels page / archives page. But as per adsense TOS we can show only Three ads per page. So due to this we will see some blank spaces between post title and content , when the three adsense ads are already loaded.In order to avoid this error , we can show adsense ads only in Post pages i.e pages containing articles.

Showing adsense Ad only in Post pages

In order to implement this hack in your blogger template. you need to change the encoded adsense ad code to this.

<b:if cond='data:blog.pageType == "item"'>
Encoded Adsense code here
</b:if>

Now paste this code above <p><data:post.body/></p>

Making adsense ads to Float

After adding the adsense ad code to your templates , you can see that by default the adsense ad code will not allow any text to be shown nearby it.

So in order to overcome this error , we need to add some CSS codes to make adsense ad code to float either left or right.

For this we just need to modify the encoded adsense code to be added in step 2.

replace that encoded code with this one :

<div style="float:left;padding:5px;">

encoded adsense ad code here

</div>

Change the text in red to make adsense ad to float either to left or right.

My suggestion

According to me , instead of showing adsense ads in all pages ( home page , archives page and labels page ) , we can show adsense ads only in post pages to increase our ctr. If you are using the " Read More hack for Blogger with automatic Thumbnail creator script " then it's advisable to show adsense ads only in post pages.

Hope you guys will like this hack. If you need any more customization , then give me your suggestions via comments.

backup Blogger Blog Widgets - an easy video tutorial

noreply@blogger.com (Mohamed Rias) — Fri, 15 May 2009 18:41:00 +0000

One of the Major Problem Blogger users have is whenever they try to change their templates , They will loss their widgets even if they have taken backup of their blogger blog template. After changing their Blogger template , they need to add blogger widgets again manually. It's really annoying and time consuming process. So here I have created a video which will give you step by step instructions to backup blogger templates without loosing any of your widgets.

I have written a tutorial on Backup Blogger blog widgets " How to change Blogger Template without deleting widgets ? " .But most of the friends found that difficult to backup blogger widgets. So in order to help them , I have created a video tutorial for them to backup Blogger Template and blogger widgets while changing their blogger templates.

BACKUP BLOGGER WIDGETS VIDEO TUTORIAL

This is my first video tutorial guys , so please give me your suggestions. Due to lesser RAM , the Voice is a bit choppy. If you still have any doubts or difficulty to backup the blogger blog widgets then please feel free to contact me.

Very soon I will write tutorials on

How to backup Blogger Posts

and will explain the functionality of numerous blogger posts backup software. If you don't want to miss my future tutorials or hack then please suscribe to my blog.

We all know that attractive backgrounds are very much needed for any graphics, banners or ads these days. An interesting artwork can make the abstract art , vector or texture pattern more appealing . Getting the correct theme, whether it’s an abstract art, vector, or texture pattern, somehow makes the entire artwork looks more interesting.

Hope most of you know the importance of a good background image . For Instance , some product graphics advertisements uses subtle background or texture to help create focus point. Even your Desktop also needs a good attractive background as well. And also for most of the web designers creating backgrounds is a tedious job , since for that you need to know photoshop or Adobe illustrator and other image editing software. Even though if you are good at CSS programming skills without a background image you can't create a much appealing site.

So here I present some of the most famous and interesting abstracts and background tutorials for Adobe Photoshop users.It’s probably not about getting the exact effect they’ve got, but to pickup the technique and see how you can advance from there.

Calculations And Colorization :

Learn how to create an Alpha Channel using the Calculations dialog and we’ll use it to get a really great abstract photo effect.

Create a magical rainbow color flame in Photoshop

Repeating Seamless Background

A trick often employed on webpages is to use a seamless background that can tile both vertically and horizontally. If your website gets alot of traffic and you don’t like paying for extra bandwidth costs you need to optimize your site for every single kilobyte. This generally translates to NOT using a giant JPG as a background.

Abstract Summer Illustration :

Learn to create an illustration picturing the summer.

Texture of black bubbles effects :

Create cool texture of Black Bubbles in photoshop

Digital Star Effect

An easy tutorial to generate Digital Star Effect in Photoshop .

Mac-type background

This tutorial is about making a "mac" style background. You can use these in all sorts of situations, including the obvious --your desktop-- as well as part of your designs or for corporate work

Cool abstract background

Being able to create effects from elsewhere is a great way to learn Adobe Photoshop. Here I will take you through the steps used to create abstract background from bubbles and waves.

Chroma Wallpapers

This tutorial explains how to create a energetic, vibrant, colorful wallpaper, like the ones available at Color Charge.

photoshop tutorial abstract light rays

An easy tutorial to create abstract light rays in photoshop.

Photoshop Retro Grid Background

Create Retro Grid Background easily in photoshop with this tutorial

vintage grunge textures

Brown Paper Textures

5 Fantastically Free High Res Brown Paper Textures created by Blog Spoon Graphics

Christy Sobolewski Textures

color grunge textures

hardcore vintage grunge

Old Grunge Photo Texture Pack

17 More Old Book Cover Textures

Vintage Texture Pack

Wood textures : Textures - Wood

Local Texture: Three by One

Feel free to use this for anything you want. It took five seconds to take the photo, but I'd still like to see the finished product of anything this is used in. Click download for larger.

Cardboard Textures and Objects

Add Visual Texture in 3 Easy Steps

Create an Awesome Background Using Patterns

Create a Realistic Torn Paper Effect in Photoshop

How To Make An Awesome Grungy Paper Texture From Scratch

53 Impressive Polka Dot Pattern Swatches

GrungeTextures

Brusheezy Patterns

Milleseicentopercento

Abstract Lines Background

hope you guys will like this one. If you have came across any other tutorial to create texture or background effect then please let me know. I will add them to this list as well.

10 excellent Fonts for making professional designs

noreply@blogger.com (Mohamed Rias) — Thu, 30 Apr 2009 13:29:00 +0000

Typography plays a vital role in creating professional designs. Professional fonts can help us to convey our message in a more convenient way. But most of the fonts are not royalty free, it does cost some price. Before purchasing a font you might want to take a glance at outstanding free alternatives first.

i have regularly collected few high-quality fonts available for free download and free to use for personal or/and commercial projects. So in this article i would like to share some of the best free fonts I have collected so far.

BB Petie Boy

An impressive collection of grungy fonts, published by Danny Outlaw.

Tallys

Tallys is a font that is one degree slanted and has large caps, a small x-height and long ascenders. It comes with hybrid numbers and a complete character set.

FONTIN

The Fontin is designed to be used at small sizes. The color is darkish, the spacing loose and the x-height tall.

The Fontin italic is not a slanted roman, but a true italic.

Fontin Sans for free

I've designed Fontin Sans to be a suitable sans companion of Fontin. With a nice classical appearance it will be a perfect match. Fontin will be rereleased in OpenType format (soon) as Fontin Semi (with a Bold Italic) to match new metrics an kerning. Be sure to check back once a while.

Myndraine

It is a very impressive font. This font includes 182 characters.

Folks

A TrueType-font, designed by Manfred Klein and available in 4 weights - light, regular, bold and heavy.

FF Nuvo OT Medium

This font is still available for free download. Designed by Siegfried Rückel, it’s a contemporary type design with vertical contrast, and especially the characters a, g and y show the calligraphic touch. Suitable for magazine design from headlines to longer texts as well as for advertising, packaging and corporate design. A free download for a limited time. OpenType.

Grunge Serifia

This is a font I modified from the font Serifa Black. We needed a version of Serifa that was all grunged out for a magazine identity.

Whiteboard Modern Demo

Whiteboard Modern was hand drawn, but created entirely with a Wacom tablet and Illustrator.

Baja California

It's another free professional font which will be very useful for designing purposes.
The demo version contains the entire alphabet, upper and lowercase. Hope everyone likes it!

Hope you guys will like my collection. Even if you find some excellent free fonts please leave a comment i will add them to this list.

Digital Statement Blogger Template

noreply@blogger.com (Mohamed Rias) — Wed, 22 Apr 2009 01:06:00 +0000

One of my Blog reader , requested me to convert Digital Statement wordpress theme to blogger. The wordpress theme was developed by Blog Oh Blog. This is a professional theme with lots of new features available.

Main features of this template:

Header with a search widget on right :

<div id='searchbox'>
<form action='/search' id='searchform' method='get'>
<input class='swap_value' id='s' name='q' type='text' value=''/>

<input alt='Search' id='go' src='http://i624.photobucket.com/albums/tt327/digitalstatement/go.gif' title='Search' type='image'/>
</form>
</div>

Two navigation widget available.

<div id='nav'>
<ul>
<li class='page_item'><a href='http://techieblogger.com/'>Home</a></li>
<li class='page_item'><a href='http://www.wordpress.org' title='Wordpress'>Wordpress</a></li>
<li class='page_item'><a href='http://www.blogger.com' title='Blogger'>Blogger</a></li>
<li class='page_item'><a href='http://www.techieblogger.com' title='Taking Blogger to Next Level'>Techie Blogger</a></li>
</ul><div class='clearfloat'/>

<ul id='cat'>
<li class='cat-item'><a href='http://www.techieblogger.com' title='View all posts filed under Blockquotes'>admin</a></li>
<li class='cat-item'><a href='http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html' title='Page Navigation Widget'>Numbered Page navigation</a></li>

<li class='cat-item'><a href='http://www.techieblogger.com/' title='View all posts filed under Lists'>Author</a></li>
</ul>
</div></div>

<ul id='cat'>
< ---- adsense code here --- >
</ul>

Related Posts Widget with custom CSS is included in this template with print option.

Comments with unique CSS style and showing author comments in different style is included.

Two Tabbed Navigation Widget is included in Sidebar. If you want to change the titles of the tabbed navigation , then search for this tag in EDIT HTML page.

What's Next ?

With So many new features available , hope everyone will like this template.

Download | Demo

Guys I am giving this template as free so please don't remove the footer credits

Hope you Guys will like this template.. if you are really impressed by my hard work then please make some donations.

See you soon with a new template.

update :

if you want to remove one of the tabbed navigation Widget then do the following step.

Go to Layout page of your template and then navigate to EDIT HTML sub page. There search for the following tag

remove this whole code.

If you need any other customization let me know..

Government Engineering Colleges in Tamil Nadu

noreply@blogger.com (Mohamed Rias) — Mon, 16 Mar 2009 20:03:00 +0000

Here is a list of Government Colleges in Tamil Nadu under Anna University . Among other colleges in Tamil Nadu, Government Colleges place Top ranks. If you are able to get a seat in anyone of these Government Colleges then you need to pay only less fees compared to self-financing colleges and also you can get placement in good companies.

1. ANNA UNIVERSITY TIRUCHIRAPPALLI - ARIYALUR CAMPUS

GOVERNMENT ARTS COLLEGE CAMPUS
ARIYALUR DISTRICT PIN 621713

2. ANNA UNIVERSITY TIRUCHIRAPPALLI - PANRUTI CAMPUS

PLOT NO 16,17,22,23,THILLAI NAGAR, VIP LAYOUT VADAKUTHU VILLAGE
KURUNJIPADI UNION PANRUTI-VADALUR ROAD,PANRUTI,CUDDALORE DIST,PIN - 607308

3. ANNA UNIVERSITY TIRUCHIRAPPALLI - RAMANATHAPURAM CAMPUS

FATHIMA CENTRE 53/25 MADURAI ROAD
RAMANATHAPURAM DIST PIN-623501

4. ANNA UNIVERSITY TIRUCHIRAPPALLI - THIRUKKUVALAI CAMPUS

ANJUGAM-MUTHUVELAR GOVERMENT HIGHER SECONDARY SCHOOL CAMPUS THIRUKKUVALAI NAGAPATTINAM DIST

5. BANNARI AMMAN INSTITUTE OF TECH., SATHYAMANGALAM, ERODE (AUTONOMOUS)

SATHY-BHAVANI (STATE HIGHWAY), ALATHUKOMBAI POST
ERODE DIST, PIN - 638401

6. COIMBATORE INSTITUTE OF TECHNOLOGY, COIMBATORE

CIVIL AERODROME POST COIMBATORE DIST, PIN - 641014

7. EASWARI ENGINEERING COLLEGE - CHENNAI

BHARATHI SALAI, RAMAPURAM POST TIRUVALLUR DT. DIST, PIN - 600089

8. GOVERNMENT COLLEGE OF ENGINEERING, BARGUR, KRISHNAGIRI

BARGUR POST, MADEPALLI KRISHNAGIRI DIST, PIN - 635104

9. GOVERNMENT COLLEGE OF ENGINEERING, SALEM

NH 7 BANGALORE HIGHWAY SALEM DIST, PIN - 636011

10. GOVERNMENT COLLEGE OF ENGINEERING, THIRUNELVELI

PERUMALPURAM POST,PALAYAMKOTTAI TALUK TIRUNELVELI DIST, PIN - 627007

11. GOVERNMENT COLLEGE OF TECHNOLOGY, COIMBATORE

THADAGAM ROAD,GCT POST COIMBATORE DIST, PIN - 641013

12. KARPAGAM COLLEGE OF ENGINEERING - COIMBATORE (AUTONOMOUS)

SF NO.758, 759 AND 760, OTHAKKAL MANDAPAM POST COIMBATORE DIST, PIN - 641032

13. KONGU ENGINEERING COLLEGE, ERODE (AUTONOMOUS)

THOPPUPALAYAM, PERUNDURAI POST
ERODE DIST, PIN - 638052

14. K.S.RANGASWAMY COLLEGE OF TECH.,THIRUCHENGODE, NAMAKKAL (AUTONOMOUS)

KSR KALVI NAGAR, KSR KALVI NAGAR POST
NAMAKKAL DIST, PIN - 637215

15. KUMARAGURU COLLEGE OF TECHNOLOGY - COIMBATORE (AUTONOMOUS)

POST BOX NO. 2034, GANAPATHY POST
COIMBATOREDIST, PIN - 641006

16. PSG COLLEGE OF TECHNOLOGY, COIMBATORE

PEELAMEDU POST
COIMBATORE DIST, PIN - 641004

17. UNIVERSITY COLLEGE OF ENGINEERING, TINDIVANAM

(CONSTITUENT COLLEGE OF ANNA UNIVERSITY-CHENNAI)
TINDIVANAM

18. UNIVERSITY COLLEGE OF ENGINEERING, VILLUPURAM

(CONSTITUENTCOLLEGE OF ANNA UNIVERSITY-CHENNAI)
VILLUPURAM

19. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, ACT CAMPUS

SARDAR PATEL ROAD,GUINDY,ANNA UNIVERSITY POST
CHENNAI DIST, PIN - 600025

20. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, CEG CAMPUS

SARDAR PATEL ROAD, GUINDY, ANNA UNIVERSITY POST
CHENNAI DIST, PIN - 600025

21. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, MIT CAMPUS

CHROMPET,CHENNAI,TAMBARAM TALUK
KANCHEEPURAM DIST, PIN - 600044

22. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY TIRUCHIRAPPALLI, BIT CAMPUS

MATTUR,TIRUCHIRAPPALLI POST
TIRUCHIRAPPALLI DIST, PIN - 620024

Best Colleges in TAMIL NADU under Anna University

noreply@blogger.com (Mohamed Rias) — Mon, 16 Mar 2009 19:59:00 +0000

Anna University Counselling for Engineering Course Admission will take place soon. The first question in Students mind will be which college they should prefer or Which is the best college in Tamil Nadu . Inorder to help students to choose a better college We are posting this article. For your convenience I am posting them on Alphabetical order.

1. A.C.COLLEGE OF ENGINEERING AND TECHNOLOGY,KARAIKUDI

KARAIKUDI
SIVAGANGAI DIST, PIN - 630004

2. BANNARI AMMAN INSTITUTE OF TECH., SATHYAMANGALAM, ERODE (AUTONOMOUS)

SATHY-BHAVANI (STATE HIGHWAY), ALATHUKOMBAI POST
ERODE DIST, PIN - 638401

3. B.S. ABDUR RAHMAN CRESCENT ENGINEERING COLLEGE - CHENNAI

SEETHAKATHIESTATE,G. S. T. ROAD,, VANDALUR POST
KANCHEEPURAM DIST, PIN - 600048

4. COIMBATORE INSTITUTE OF TECHNOLOGY, COIMBATORE

CIVIL AERODROME POST
COIMBATORE DIST, PIN - 641014

5. DR. MAHALINGAM COLLEGE OF ENGINEERING & TECHNOLOGY,POLLACHI-COIMBATORE

UDUMALAI ROAD, MAKKINAICKENPATTI POST,POLLACHI TALIK COIMBATORE DIST, PIN - 642003

6. EASWARI ENGINEERING COLLEGE - CHENNAI

BHARATHI SALAI, RAMAPURAM POST
TIRUVALLUR DT. DIST, PIN - 600089

7. GOVERNMENT COLLEGE OF ENGINEERING, BARGUR, KRISHNAGIRI

BARGUR POST, MADEPALLI
KRISHNAGIRI DIST, PIN - 635104

8. GOVERNMENT COLLEGE OF ENGINEERING, SALEM

NH 7 BANGALORE HIGHWAY
SALEM DIST, PIN - 636011

9. GOVERNMENT COLLEGE OF TECHNOLOGY, COIMBATORE

THADAGAM ROAD,GCT POST
COIMBATORE DIST, PIN - 641013

10. INSTITUTE OF ROAD AND TRANSPORT TECHNOLOGY - ERODE

SRI VASAVI COLLEGE POST
ERODE DIST, PIN - 638316

11. JEPPIAAR ENGINEERING COLLEGE - CHENNAI

RAJIV GANDHI SALAI, SHOLINGANALLUR POST
KANCHEEPURAM DIST, PIN - 600119

12. KARPAGAM COLLEGE OF ENGINEERING - COIMBATORE (AUTONOMOUS)

SF NO.758, 759 AND 760, OTHAKKAL MANDAPAM POST
COIMBATORE DIST, PIN - 641032

13. KONGU ENGINEERING COLLEGE, ERODE (AUTONOMOUS)

THOPPUPALAYAM, PERUNDURAI POST
ERODE DIST, PIN - 638052

14. K.S.RANGASWAMY COLLEGE OF TECH.,THIRUCHENGODE, NAMAKKAL (AUTONOMOUS)

KSR KALVI NAGAR, KSR KALVI NAGAR POST
NAMAKKAL DIST, PIN - 637215

15. KUMARAGURU COLLEGE OF TECHNOLOGY - COIMBATORE (AUTONOMOUS)

POST BOX NO. 2034, GANAPATHY POST
COIMBATOREDIST, PIN - 641006

16. MEPCO SCHLENK ENGINEERING COLLEGE,SIVAKASI - VIRUDHUNAGAR

SIVAKASI
VIRUDHUNAGAR DIST, PIN - 626005

17. MISRIMAL NAVAJEE MUNOTH JAIN ENGINEERING COLLEGE, CHENNAI

GURU MARUDHAR KESARI BULD, OKKIAM THORAIPAKKAM POST,
KANCHEEPURAM DIST, PIN - 600097

18. PANIMALAR INSTITUTE OF TECHNOLOGY - CHENNAI

NO 391, BANGALORE TRUNK ROAD, VARADHARAJAPURAM
POONAMALLEE, CHENNAI - PIN 602103

19. PSG COLLEGE OF TECHNOLOGY, COIMBATORE

PEELAMEDU POST COIMBATORE DIST, PIN - 641004

20. R.M.K ENGINEERING COLLEGE, GUMMIDIPOONDI - THIRUVALLUR

R.S.M. NAGAR,KAVARAIPETTAI POST,GUMMIDIPOONDI TALUK TIRUVALLUR DIST, PIN - 601206

21. SRI KRISHNA COLLEGE OF ENGINEERING & TECHNOLOGY,SUGUNAPURAM-COIMBATORE

SUGUNAPURAM, KUNIAMUTHUR POST
COIMBATORE DIST, PIN - 641008

22. SRI SIVASUBRAMANIYA NADAR COLLEGE OF ENGINEERING - THIRUPORUR POST

RAJIV GANDHI SALAI (OMR), THIRUPORUR POST
KANCHEEPURAM DIST, PIN - 603110

23. ST.JOSEPH'S COLLEGE OF ENGINEERING, CHENNAI - 600 119

JEPPIAAR NAGAR, SHOLINGANALLUR POST
KANCHEEPURAM DIST, PIN - 600119

24. THIAGARAJAR COLLEGE OF ENGINEERING - MADURAI

TIRUPARANKUNDRAM VILLAGE
MADURAI DIST, PIN - 625015

25. UNIVERSITY COLLEGE OF ENGINEERING, TINDIVANAM

(CONSTITUENT COLLEGE OF ANNA UNIVERSITY-CHENNAI)
TINDIVANAM

26. UNIVERSITY COLLEGE OF ENGINEERING, VILLUPURAM

(CONSTITUENTCOLLEGE OF ANNA UNIVERSITY-CHENNAI)
VILLUPURAM

27. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, MIT CAMPUS .

CHROMPET,CHENNAI,TAMBARAM TALUK
KANCHEEPURAM DIST, PIN - 600044.

28. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, ACT CAMPUS

SARDAR PATEL ROAD,GUINDY,ANNA UNIVERSITY POST
CHENNAI DIST, PIN - 600025

29. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, CEG CAMPUS

SARDAR PATEL ROAD, GUINDY, ANNA UNIVERSITY POST CHENNAI DIST, PIN - 600025

30. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY TIRUCHIRAPPALLI, BIT CAMPUS

MATTUR,TIRUCHIRAPPALLI POST
TIRUCHIRAPPALLI DIST, PIN - 620024

31. VELAMMAL ENGINEERING COLLEGE, CHENNAI - 600 066

VELAMMAL NAGAR,AMBATTUR-REDHILLS ROAD,SURAPET
TIRUVALLUR DIST, PIN - 600066

32. VEL TECH , AVADI - CHENNAI

NO-42, AVADI ALAMATHI ROAD,AMBATTUR TALIK
TIRUVELLORE DIST, PIN - 600062

I hope I have given you a complete list of best colleges in Tamil Nadu . If you are able to get a seat in any of these college you will get placement in very good companies. In this List , the colleges in green represents best colleges.

Create Compatible CSS for Firefox , IE6 , Opera , IE7 , etc

noreply@blogger.com (Mohamed Rias) — Sun, 01 Feb 2009 00:48:00 +0000

Learn How to create Compatible CSS for Various Browsers like Internet Explorer 6 , IE7 , IE8 , Opera , Firefox , etc..

Web-designers create blogger template for Hours using one particular browser say Firefox , They don't know that the CSS code they use is compatible only for the browser they are working at present. Especially in IE6 , there are many Compatible issues.

for Example : the sidebar may appear below main content wrapper or there would be more gap between each widget , content wrapper and sidebar may overlap ,etc.

So in this Post I will tell you How to create CSS code which is compatible for almost all browsers. For this you need to have two browsers Internet Explorer 6 and Firefox .

I have chose IE6 because it is one of the most common browsers which windows have.

First let's check is our current Blogger template is compatible with all browsers or not.

For this visit this website : Browser Screen shots
Enter your Blog URL and check the images there to know How your blog looks in various Browsers.

step 2 : If you find any incompatibility issues then you need to modify your CSS code to suit browsers.

Let's us see an Example

Generally the css we use if of this form :

#example {
float : left;
width : 170px;
margin-left : 5px;
}

In this assume that this particular div is incompatible with Internet Explorer version x.

then we need to modify the above css code as

#example {
float : left;
width : 170px;
margin-left : 5px;
}
#example {
float : left;
width : 185px;
margin-left : 3px;
}

in this first css code is for all versions of Internet Explorer and the second css code is for other browsers like firefox , opera , dillo , sea monkey , etc

but it will be confusing for you to edit.. so now we are going to add different CSS rules to IE, we can use the child selector command which IE can't understand. The child selector command involves two elements, one of which is the child of the other. So, html>body refers to the child, body, contained within the parent, html.

After introducing Child selector command , the css code must look like this

#example {
float : left;
width : 170px;
margin-left : 5px;
}
html > body #example {
width : 185px;
margin-left : 3px;
}

in this the green colored code is for IE versions and the red Colored code is for other browsers.

So with simple child selector command we can make our css code compatible for all browsers. Every time when I create a New template , I use to check whether it is compatible with other browsers or not. And I use to change the CSS code to suit that browser.

If you are unable to modify the CSS code then please mail me your template and explain the problem , I will rectify those errors and mail you back.

Happy New year Friends

noreply@blogger.com (Mohamed Rias) — Wed, 31 Dec 2008 18:33:00 +0000

I wish you all a very prosperous and Joyous New year.

For last year's words belong to last year's language
And next year's words await another voice.
And to make an end is to make a beginning.

~T.S. Eliot, "Little Gidding"

Ring out the old, ring in the new,
Ring, happy bells, across the snow:
The year is going, let him go;
Ring out the false, ring in the true.

~Alfred, Lord Tennyson, 1850

We will open the book. Its pages are blank. We are going to put words on them ourselves. The book is called Opportunity and its first chapter is New Year's Day.

~Edith Lovejoy Pierce

New Year is a time for celebration of love, of life, of Friendship.
It's the time to thank God for wonderful friends, and to bring to their
lives as much magic as they bring to ours...So here's celebrating our
Friendship and praying that its magic continues forever. Happy New Year

In this New year , my resolution is creating more unique hacks in blogger and taking blogger to Next Level.

I would like to know about your resolutions in this New year 2009 .

Add 125 x 125 ad section to Blogger

noreply@blogger.com (Mohamed Rias) — Sun, 05 Oct 2008 05:28:00 +0000

Learn How to add an extra B:section in your Blog template and also learn to add 125x125 ad banners !

I noticed that most of my readers are asking me How to add 125 x 125 ads section in Blogger templates. We know that to add a widget we need b:section with add page elements function enabled. So in this post I will tell you how to add b:section in your Blogger template and how to add CSS code to suit that b:section.

So with this hack you can add any widget you want. And I will also make a note on Adding 125 x 125 Page Element.

Lets start :

Adding b:section to Blog sidebar :

Step 1 : Sign in to Your Blogger account and got to Layout section of your Blog. Then Navigate to Edit HTML sub tab.

Step 2 : If your template possess two Columns in Right sidebar and if you want to add an Subscription form or 125 x 125 ad section above those two columns then do this step.

Search this tag or similar

The id can be different , so please paste the following code just above the sidebar section of your Blog.

So Now we have added the b:section code needed to add more widgets. Then we need to add css code for that b:section

#sidebar2 {
float : right;
margin-left:4px; width : 415px; background:#ffffff;
font : 11px Verdana;
}
#sidebar2 .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}

#sidebar2 .widget h2, #sidebar2 h2 {padding-left: 10px;
text-align:center;padding-left: 18px;
font: 12px/34px "Georgia", Verdana;
text-transform: uppercase;
color: #ffffff;
background: url("http://i263.photobucket.com/albums/ii150/mohamedrias/sidebar_title-2.gif") repeat;font-weight:bold;

}

#sidebar2 a {
color: #969696;
font-size : 12px;
text-decoration : none;
}
#sidebar2 a:hover {
color: #969696;
text-decoration : none;
}
#sidebar2 ul {
border : medium none;
margin : 7px;
padding : 0;
}
#sidebar2 ul li {
list-style-type : none;
border-bottom : 1px dotted #87581f;
margin : 0;
background-position : 0% 100%;
padding-left : 8px;
padding-right : 10px;
line-height : 15px;
padding-top : 5px;
padding-bottom : 5px;
}
#sidebar2 ul li a {
text-decoration: none; background: url(http://i263.photobucket.com/albums/ii150/mohamedrias/side_li_bullet.gif) no-repeat; padding:0 0 0 12px;color: #87581f;
}

please edit the text in green to suit your Blogger template.

So we have successfully added the b:section and css codings required.

Now navigate to Layout section of your blog and there you will see a new " Add page Elements " link just above the sidebar.

If you are planning to add 125 x 125 ad section then click add page element link. there select add HTML/ JAVASCRIPT page widget and insert the below code over there.

<div class="sidebar-ads">
<div class="sidebar-banner"><a href="#">
<img border="0" src="http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg "/></a></div>

<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg" /></a></div>

<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="http://i263.photobucket.com/albums/ii150/mohamedrias/banner_125x125.jpg" /></a></div>

<div class="clear"></div><p><a href="mailto:your email id" title="Advertise Here">Advertise Here</a></p>
</div>

After adding the code , click save widget. Then navigate to Edit HTML sub tab to add the necessary CSS code needed for this ad section

/* Sidebar - Ads */

.sidebar-ads {
float: left;
width: 410px;margin-left:5px;
margin-bottom: 5px;
}

.sidebar-banner {
padding: 5px;
float: left;
}

#sidebar2 p { background:url(http://i263.photobucket.com/albums/ii150/mohamedrias/adsdotdot-1.gif) no-repeat center left; margin-top:5px;text-align:right;padding-right:10px;}

Edit the test in red to suit your template.

So we have successfully added the 125 x 125 ad section.

Adding b:section below or above posts ( content)

Most wish to add two column b:section below main container ( posts ) . I will write about this hack soon. (Its a continuation of this hack )

If you guys need any help , please feel free to contact me mohamedrias1103@gmail.com . See you soon with new Blogger hacks.

Premium Quality Brownish Blogger template

noreply@blogger.com (Mohamed Rias) — Sat, 27 Sep 2008 15:15:00 +0000

Today I am Going to Publish my Fourth three column Blogger template. I hope among those Four Blogger templates this is the best one. It's a premium quality Brownish Blogger template. This Blogger template consists so many new features. let's see few among them

1. Twitter like news Widget or Adsense banner ad

There is a HTML / Javascript Element in the header section. You can use this widget either for displaying twitter like site updates or you can just place Adsense or Adbrite Ads.

Adding adsense ad is easy , so Now I will tell How to add the Twitter like news widget.

The CSS code required for this hack is already included in the template. So Now we just need to add the following code in the HTML widget found beside the header.

<div id="twitter-like-news" rel="nofollow">

<b:if cond="data:content == """>
<em> Site Message </em><h1>type the text you want to display here</h1>

</b:if>
<data:content/>
</data:content></div>

Change the text in red and green to suit your blogger template.

2. Top Navigation Widget

In the layout section of your blog , you can see a HTML/ Javascript widget. There you can put the links you want to display.

<ul>
<li><a href="/">Home</a></li>
<li><a href="http://rias-techno-wizard.blogspot.com/search/label/Blogger%20Template">Blogger Templates</a></li>
<li><a href="http://rias-techno-wizard.blogspot.com/search/label/Blogger%20widget">Widgets</a></li>
<li><a href="http://rias-techno-wizard.blogspot.com/search/label/Blogger%20Hack">Blogger Hacks</a></li>
<li><a href="http://feeds.feedburner.com/TechnoWizard?format=xml" rel="follow"><span style="color: rgb(255, 102, 0);">{Subscribe}</span></a></li></ul>

Customize the text in red and green to suit your blogger template.

3. Page Navigation widget :

The Page navigation widget in the blogger template has the css code like in my blog.

4. Three column Footer section.

This is one of the special features of this template. This template has a three column footer section in a unique style. I will write a post on this hack soon.

There is a Blog archive widget already included in the footer section. there please change the appearance of the widget to drop down menu type.

5. SEO ( search Engine Optimization ) title hack included

6. Favicon is also included , just change the image url with your own image url.

if you going to change your current blogger template with this one , then please look at this article so that you can change the template without loosing your widgets.

License: This work is done under creative commons license 3.0 . i have spent some 3 hours to create this template. So please don't remove the footer credits.

if you guys want any modification in this template then please send your suggestion to mohamedrias1103@gmail , I can modify this template to your wish for free.

Demo : Blogger Accessories

Premium quality brownish Template

I hope you will like this theme for sure . Very few Blog themes are there with professional look. I am sure that this theme is also one among them.

I can also convert wordpress themes to Blogger xml templates. if you are really inspired by any wordpress themes let me know , i can convert that template to you for free.

Submit Blogger Blog Sitemap To Google Webmasters

noreply@blogger.com (Mohamed Rias) — Mon, 15 Sep 2008 09:36:00 +0000

Today I am going to tell how to add blogger blog to Google. Everyone ask Why we must submit our blog to Google , Since Google automatically indexes our Blog. But by submitting our blog sitemap to Google we can make Google to index our Blog frequently. One more question everyone ask is

"Why should we submit our Blog sitemap to Search Engines ? "

Sitemaps allows a webmaster to inform search engines about URLs on a website that are available for crawling. A Sitemap is an XML file that lists the URLs for a site. It allows webmasters to include additional information about each URL: when it was last updated, how often it changes, and how important it is in relation to other URLs in the site. This allows search engines to crawl the site more intelligently.

So in this Post I am going to tell how to Submit our Blog url and Blog Sitemap to Google. Just follow these step by step instructions:

Step 1 : Submitting Blog url to Google.

To submit our Blog Url to Google visit this page(http://www.google.com/addurl/?continue=/addurl). There you will find a form like this ,

Fill the form and click submit.

So we have successfully added our Blog to Google. but it's just not enough. We need to submit our Blog Sitemap to Google.

Step 2 : Now we need to add our Blogger Blog sitemap to Google Webmasters.

Why we need to submit our Blog to Google Webmasters ?

Google Webmaster provide us some useful tools which helps us to know lots of things about our site. I will explain only top 2 tools :

* Google Crawling info

- when Google Indexed our Blog.

- Broken or Invalid Urls which Google unable to crawl

* Top search queries

- with this tool we can find the top queries that drive traffic to your site and where your site is included in the top search results. This will let you learn how users are finding your site.

I hope with the small introduction you might have learned the importance of Google Webmaster. So let us see how to Add our Blog there.

We can do this in two methods. First I will tell how to do it manually

Login to Google Webmaster with your Google Account .

It will take you to Dashboard page. There you can see a box saying " Click here to add your site" . In that box type your full blog url with http:// and click add site.

You know With Draft Blogger we can automatically submit our blog to Google Webmasters

So draft blogger will automatically add our blog url to Google Webmasters.

step 3 :

After adding your site url , navigate to dashboard again. One the right side of your site , you will find two links ( ADD and Verify ).

Now click " Verify " , it will take you to new page saying

In this select " Add Meta Tag " and copy and paste the code in your Blogger template. Then save your Blogger template and click verify.

step 4 : Adding Blog Sitemap to Google Webmasters

Now navigate to Dashboard again , there click add sitemap link . It will take you to a new page , There click " Add a sitemap" . Then select " Add General Web Sitemap" . and do as instructed.

that's it. So we have successfully added our Blog sitemaps to Google.

Now we can see indexed stats of our Blog sitemap .

After submitting the sitemap , you will see indexed stats like these

If you have any trouble let me know , I will try my best to help you guys.

DailyPress - Blogger Template

noreply@blogger.com (Mohamed Rias) — Fri, 12 Sep 2008 08:48:00 +0000

First of all i want to say sorry to you all because I haven't wrote any post since last week. My college started last week so I was busy in preparing for my exams. So hereafter i will try to write at least 3 post every week.

On Last Monday itself i converted Daily Press Wordpress theme to blogger , but due to my exams I was unable to publish that on Monday.

Daily Press is a wordpress theme created by Blog Oh ! Blog .Let us see the main features of this theme

See the Screenshot of this DailyPress Blogger Template

Main Features of DailyPress :

* Search form is included in the right hand side of header.

- I have already wrote an article on " Adding Search Form to Blogger " .

The code for the hack is given below ( if you delete it by mistake then you can copy the code here )

* Below Header there is a Navigation menu

In the Edit HTML page of your template search this code

<li><a href='http://rias-techno-wizard.blogspot.com/search/label/Blogger%20Template'>Blogger Templates</a></li>
<li><a href='http://rias-techno-wizard.blogspot.com/search/label/Blogger%20widget'>Widgets</a></li>
<li><a href='http://rias-techno-wizard.blogspot.com/search/label/Blogger%20Hack'>Blogger Hacks</a></li>
<li><a href='http://feeds.feedburner.com/TechnoWizard?format=xml' rel='follow'><span style='color: rgb(255, 102, 0);'>{Subscribe}</span></a></li>

Edit the text in green and Red to suit your template.

* Three 125 x 125 ads placement widget on sidebar

- Use the below code to set up this widget.

<a href="#" class="ads"><img border="0" alt="Ad" src="http://wpthemes.blogohblog.net/wp-content/themes/dailypress/images/ad250.gif"/></a>
<a href="#" class="ads"><img border="0" alt="Ad" src="http://wpthemes.blogohblog.net/wp-content/themes/dailypress/images/ad250.gif"/></a>
<a href="#" class="ads"><img border="0" alt="Ad" src="http://wpthemes.blogohblog.net/wp-content/themes/dailypress/images/ad250.gif"/></a>
<div class="clear"></div>
<p><a href="#" title="Advertise Here">Advertise Here</a></p>

please change the text in red to suit your template

* A tabbed Navigation Widget on sidebar. I will write a post on this soon.

By default i have included three titles like " Recent Post " , " Recent Comments " and " Popular posts ". If you want to change the titles then go to layout section of your blog. then Navigate to Edit Html subtab. There search for those three titles " Recent Post " , Recent Comments and Popular Posts . Rplace them with the title you want.

* Social bookmarking Widget with custom CSS is also included.

* Comment form of unique style is included.

* Related Posts Widget included and

* Page Navigation hack is also Included

Download the DailyPress Theme

Demo of this theme is available here

If you Guys need any modification or any other hack with this template , then please email me to mohamedrias1103gmail.com. I will modify this template to your wish for Free.

This week i am going to publish some excellent hacks like

1. Having Custom Layouts in Blog HomePage , Labels Page and Posts Page.

2. How to Show Author Comments in Different Style ( Author image included )

3. Rotating Ads ( can show different ads in different pages )

and few more....

Google translation Flags Widget for Blogger Blog

noreply@blogger.com (Mohamed Rias) — Tue, 02 Sep 2008 15:25:00 +0000

Now with Google translation widget you can translate english to 24 other languages like Arabic , Bulgarian , Chinese ( simplified and traditional) , Croatian , Czech , danish , Dutch , Finnish , French , German , Greek , Hindi , Italian , Japanese , Korean ,Norwegian , Polish , Portuguese ,Romanian , Russian , Spanish and Swedish. I hope no one might have seen such a huge list anywhere. This Widget is powered by Google. This Google translation Widget helps your readers to read the article in their own regional language.

You can add this widget either in sidebars or below each post.

Code for Google Translation Widget :

<div style="padding:10px 10px 10px 10px;text-align:center;">

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cbg&hl=en&ie=UTF8'); return false;" title="Translate English to Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-TW&hl=en&ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chr&hl=en&ie=UTF8'); return false;" title="Translate English to Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ccs&hl=en&ie=UTF8'); return false;" title="Translate English to Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cda&hl=en&ie=UTF8'); return false;" title="Translate English to Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cnl&hl=en&ie=UTF8'); return false;" title="Translate English to Dutch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Dutch" src="http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif" height="18" title="Translate to Dutch"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfi&hl=en&ie=UTF8'); return false;" title="Translate English to Finnish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" height="18" title="Translate to Finnish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Translate English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to French" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_fr.gif" height="18" title="Translate to French"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Translate English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" height="18" title="Translate English to German"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cel&hl=en&ie=UTF8'); return false;" title="Translate English to Greek"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" height="18" title="Translate to Greek"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chi&hl=en&ie=UTF8'); return false;" title="Translate English to Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" height="18" title="Translate to Hindi"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Translate English to Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" height="18" title=" Translate English to Italian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="18" title="Translate English to Japanese BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title=" Translate English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" height="18" title="Translate English to Korean BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cno&hl=en&ie=UTF8'); return false;" title="Translate English to Norwegian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" height="18" title="Translate to Norwegian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpl&hl=en&ie=UTF8'); return false;" title="Translate English to Polish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" height="18" title="Translate to Polish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpt&hl=en&ie=UTF8'); return false;" title="Translate English to Portuguese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" height="18" title="Translate to Portuguese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cro&hl=en&ie=UTF8'); return false;" title="Translate English to Romanian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" height="18" title="Translate to Romanian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Translate English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" height="18" title="Translate to Russian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title=" Translate English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" height="18" title=" Translate English to Russian BETA "/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Translate English to Spanish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" height="18" title="Translate English to Spanish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Csv&hl=en&ie=UTF8'); return false;" title="Translate English to Swedish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" height="18" title="Translate to Swedish"/></a>
<div style="display:none;">
<small><a href="http://www.techieblogger.com" target="_blank">Grab this widget</a></small></div>
</div>

Customizing the code to your language : In this widget i wrote coding to translate WebPage in English to other languages. If you want to use this widget to translate your regional language to other foreign Language , then you need to customize the script.

I am going to explain How to change text from Arabic to English. Do the same to translate from one particular language to other languages.

The Text in green represents your web page language code. Since My Blog is in English i am using en ( english ) code. You need to change that code to your blog Language.

Language Codes :

Arabic = ar ; Bulgarian = bg ; Chinese Simplified = zh-CN ; traditional Chinese = zh-TW ; Croatian = hr ; Czech = cs ; Danish = da ; Dutch = nl ; Finnish = fi ; French = fr ; German = de ; Greek = el ; Hindi = hi ; Italian = it ; Japanese beta = ja ; Korean = ko ; Norwegian = no ; Polish = pl ; Portuguese = pt ; Romanian = ro ; Russian = ru ; Spanish = es ; and lastly Swedish = sv .

The text in red represents the language to which the web page is going to be translated. So put the respective language code there.

Add Google Translation hack as a Widget

Login to your Blogger Account then navigate to Layout section of your blog . then add a HTML / Javascript page element and copy and paste the code above there. And save the widget.

that's it you have successfully added the Google translation flag in your Blog.

Adding Google translation Flags below Blogger posts

To Add Google translation Widget below each post in blogger , Login to your blogger account and navigate to Layout section of your blog. then go to EDIT HTML subtab and put a check on Expand Widgets box.

Now search for this code <p><data:post.body/></p> and paste the following code below that line.

<div style='border: 1px solid rgb(153, 153, 153); padding: 5px; margin: 15px; background-color: rgb(255, 248, 175);'>

<span style='color:#000000;font-size:14px;text-transform:uppercase;font:georgia;margin-bottom:5px;'> Translate This post to your regional Language </span><br/>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cbg&hl=en&ie=UTF8'); return false;" title="Translate English to Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-TW&hl=en&ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chr&hl=en&ie=UTF8'); return false;" title="Translate English to Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ccs&hl=en&ie=UTF8'); return false;" title="Translate English to Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cda&hl=en&ie=UTF8'); return false;" title="Translate English to Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cnl&hl=en&ie=UTF8'); return false;" title="Translate English to Dutch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Dutch" src="http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif" height="18" title="Translate to Dutch"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfi&hl=en&ie=UTF8'); return false;" title="Translate English to Finnish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" height="18" title="Translate to Finnish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Translate English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to French" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_fr.gif" height="18" title="Translate to French"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Translate English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" height="18" title="Translate English to German"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cel&hl=en&ie=UTF8'); return false;" title="Translate English to Greek"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" height="18" title="Translate to Greek"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chi&hl=en&ie=UTF8'); return false;" title="Translate English to Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" height="18" title="Translate to Hindi"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Translate English to Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" height="18" title=" Translate English to Italian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="18" title="Translate English to Japanese BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title=" Translate English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" height="18" title="Translate English to Korean BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cno&hl=en&ie=UTF8'); return false;" title="Translate English to Norwegian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" height="18" title="Translate to Norwegian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpl&hl=en&ie=UTF8'); return false;" title="Translate English to Polish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" height="18" title="Translate to Polish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpt&hl=en&ie=UTF8'); return false;" title="Translate English to Portuguese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" height="18" title="Translate to Portuguese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cro&hl=en&ie=UTF8'); return false;" title="Translate English to Romanian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" height="18" title="Translate to Romanian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Translate English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" height="18" title="Translate to Russian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title=" Translate English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" height="18" title=" Translate English to Russian BETA "/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Translate English to Spanish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" height="18" title="Translate English to Spanish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Csv&hl=en&ie=UTF8'); return false;" title="Translate English to Swedish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" height="18" title="Translate to Swedish"/></a>
<div style="display:none;">
<small><a href="http://rias-techno-wizard.blogspot.com" target="_blank">Grab this widget</a></small></div>
</div>

Change the line in red to suit your Tempate.

Now you can see a beautiful Google translation Widget in your blog below each post.

I hope this hack will be very useful for all bloggers. if you need any help , please ask me in comment section. i can even provide help through google talk. Add mohamedrias1103@gmail.com to your gtalk account.

Google translation Widget for Blogger - Translate any website in English to 25 other languages

noreply@blogger.com (Mohamed Rias) — Tue, 02 Sep 2008 13:47:00 +0000

Now with Google translation widget you can translate english to 25 other languages like Arabic , Bulgarian , Chinese ( simplified and traditional) , Croatian , Czech , danish , Dutch , Finnish , French , German , Greek , Hindi , Italian , Japanese , Korean ,Norwegian , Polish , Portuguese ,Romanian , Russian , Spanish and Swedish. I hope no one might have seen such a huge list anywhere. This Widget is powered by Google. This Google translation Widget helps your readers to read the article in their own regional language.

You can add this widget either in sidebars or below each post.

Code for Google Translation Widget :

<div style="padding:10px 10px 10px 10px;text-align:center;">

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cbg&hl=en&ie=UTF8'); return false;" title="Translate English to Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-TW&hl=en&ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chr&hl=en&ie=UTF8'); return false;" title="Translate English to Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ccs&hl=en&ie=UTF8'); return false;" title="Translate English to Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cda&hl=en&ie=UTF8'); return false;" title="Translate English to Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cnl&hl=en&ie=UTF8'); return false;" title="Translate English to Dutch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Dutch" src="http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif" height="18" title="Translate to Dutch"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfi&hl=en&ie=UTF8'); return false;" title="Translate English to Finnish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" height="18" title="Translate to Finnish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Translate English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to French" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_fr.gif" height="18" title="Translate to French"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Translate English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" height="18" title="Translate English to German"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cel&hl=en&ie=UTF8'); return false;" title="Translate English to Greek"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" height="18" title="Translate to Greek"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chi&hl=en&ie=UTF8'); return false;" title="Translate English to Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" height="18" title="Translate to Hindi"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Translate English to Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" height="18" title=" Translate English to Italian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="18" title="Translate English to Japanese BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title=" Translate English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" height="18" title="Translate English to Korean BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cno&hl=en&ie=UTF8'); return false;" title="Translate English to Norwegian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" height="18" title="Translate to Norwegian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpl&hl=en&ie=UTF8'); return false;" title="Translate English to Polish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" height="18" title="Translate to Polish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpt&hl=en&ie=UTF8'); return false;" title="Translate English to Portuguese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" height="18" title="Translate to Portuguese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cro&hl=en&ie=UTF8'); return false;" title="Translate English to Romanian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" height="18" title="Translate to Romanian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Translate English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" height="18" title="Translate to Russian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title=" Translate English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" height="18" title=" Translate English to Russian BETA "/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Translate English to Spanish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" height="18" title="Translate English to Spanish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Csv&hl=en&ie=UTF8'); return false;" title="Translate English to Swedish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" height="18" title="Translate to Swedish"/></a>
<div style="display:none;">
<small><a href="http://www.techieblogger.com" target="_blank">Grab this widget</a></small></div>
</div>

In the above example , the text in red is used to open links in new page.

text in green is your language code ( web pages language ).

Arabic = ar ; Bulgarian = bg ; Chinese Simplified = zh-CN ; traditional Chinese = zh-TW ; Croatian = hr ; Czech = cs ; Danish = da ; Dutch = nl ; Finnish = fi ; French = fr ; german = de ;
Greek = el ; hindi = hi ; Italian = it ; Japanese beta = ja ; korean = ko ; Norwegian = no ; Polish = pl ; Portuguese = pt ; Romanian = ro ; Russian = ru ; Spanish = es ; and lastly swedish = sv ;.

please replace the text in green to your language. My blog is in English so I have kept " en " there.

text in Red :

Text in red is the language code to which you are going to translate. Please change the code in red to your destination language.

Text in violet :

It's the title tag , when we hover over the images the title tag will shown.

I hope i have explained everything in the code.

How to Add this to Sidebar

If you want to add this widget in your sidebar please login to your blogger account. Navigate to Layout section of your Blog. Add a HTML / Javascript page element and paste the code above there.

That's it you have successfully added Google translation Widget to your sidebar.

Adding Google translation widget below Each post in Blogger

To add Google translation Widget below each in blogger . Go to EDIT HTML page. There put a check in Expand Widgets box. now search for this code <p><data:post.body/></p> now add the Google translation Code below that line.

Now you can see a beautiful Google translation Widget in your blog below each post.

Show Labels containing specific number of Posts

noreply@blogger.com (Mohamed Rias) — Mon, 25 Aug 2008 12:16:00 +0000

I have already written " How to show only specific number of posts on Labels Page ". Today I am going to tell How to Show Only Labels with specific number of posts. This hack is very useful for those who have plenty of Labels in their Blog. It's a very simple hack , just follow the below steps to implement this hack in your blog.

Step 1 : Login to your Blogger Account and go to Layout section of your Blog.

If you don't have any Labels widget then add it by clicking ADD Page ELEMENT link in the Page. Then navigate to EDIT HTML subtab and Check EXPAND WIDGETS box.

Step 2 :

Now search for this Line.

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

Now below this line , you will find this code

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>

Now replace the above code with the following code.

It should look like this

In the above script edit the text in green to show Labels which contains more than text in Green.

for example : I have chosen number 2 , then Labels which contains more than 2 posts will be shown and other labels will be hidden.

Edit the text in red to show only specific number of posts in Labels Page.

That's it , you have successfully implemented the "Show Labels with specific number of Posts " hack in your blog.

If you have any problem , let me know.

BLOGGER TEMPLATE : FIREBUG THEME RELOADED

noreply@blogger.com (Mohamed Rias) — Mon, 18 Aug 2008 11:11:00 +0000

Firebug is actually a wordpress theme developed by Blog oh ! Blog. After getting permission from the site Author Jai , I have successfully converted that Firebug Theme to Blogger Template. I made some modifications to that theme to make that even better.

Firebug reloaded theme is for those who like Dark Backgrounds.

Main features of FireBug Reloaded :

* Adsense Ad 468 x 60 on header right side.

- To suit the header background , please apply these settings in adsense ad set-up.

If you want to use search form instead of Adsense Ad then Please Insert this Code in the HTML widget.

< <div id="topsearch">

<form id="searchForm" action="/search" method="get">
<input id="s" class="swap_value" value="Enter your keywords here" name="q" type="text">
<input id="go" alt="Search" src="http://i286.photobucket.com/albums/ll96/themelib/firebug/go.gif" title="Search" type="image">
</form>
</div>
<div class="clear">

</div>

* Page Navigation Menu Hack with some Bugs fixed.

* Top navigation Menu with Date calender on Right side.

* Subscription Form on Sidebar.

- To have subscription form on sidebar , please insert this code in a HTML/JAVASCRIPT widget.

<a href="http://feeds.feedburner.com/TechnoWizard" class="rss" rel="alternate" type="application/rss+xml">Subscribe via RSS</a> | <a href="http://feeds.feedburner.com/TechnoWizard">Comments (RSS)</a>
<br/><br/>

<form action="http://www.feedburner.com/fb/a/emailverify" target="popupwindow" method="post" onsubmit="window.open('http://www.feedburner.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">Or, subscribe via email: <input class="subscribetext" name="email" type="text"/><input value="http://feeds.feedburner.com/~e?ffid=1488667" name="url" type="hidden"/><input value="Blogger Accessories" name="title" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input value="Subscribe" class="subscribebutton" type="submit"/></form>

Please replace the text in RED with your own links and code.

* Related posts Widget is Installed.

* Social Bookmarking Widget is also included.

- I have included Post submission links only for Top 10 Bookmarking sites. If you want to include more sites , ask in Comment form I will send the code for remaining sites also.

* Comments with Mybloglog feature enabled. I will write a post soon on this hack.

* Three 125 x 125 Ads section on sidebar.

- To enable this feature , please copy and paste the code.

I hope you will encourage me to create more templates like these.

FireBug Reloaded Theme Demo

Download FireBug Reloaded Blogger template

If you guys need any Blogger Hack or modification , please tell me in comment form . I can even modify template to your wish for free.

FRAMED THREE COLUMN BLOGGER TEMPLATE

noreply@blogger.com (Mohamed Rias) — Sun, 17 Aug 2008 12:05:00 +0000

Today I am going to Introduce my third three Column Blogger Template called " Framed Blogger Template". I am Calling it as Framed Blogger template , because this Template has borders for each section like header , Content , sidebar , etc. Now I am testing this Blogger Template in my own Blog.

Main features of this Framed Blogger Template :

1. On the right side of the header you can see two widgets in your Layout section ( both are locked). In Top HTML widget you can add Adsense ad or any other HTML code.

The bottom Top Menu widget is only for showing navigation links.

2. Author Comments in different style hack is included.

3. Page navigation Hack.

- In this framed Blogger template I am introducing my next Page Navigation widget with some bugs fixed and with a new CSS style. Now this Page Navigation widget contains links for First page and Last page.

4. Two sidebars on right side. ( 180px and 280px )

5. Best adsense Placement options for higher CTR.

6. Related posts Widget is included.

7. Adsense ad 468 x 60 is placed at the bottom of the post , please replace the code with yours. ( this adsense ad will be shown only in Post pages. I will write an article on this very soon)

This work is done under Creative Commons License 3.0 , so please don't remove the footer credits.

you can modify the script to suit your template , but you can't redistribute any script included in this template , without my permission.

Demo of Framed Blogger template

Framed Three Column Blogger template

I hope you will welcome this Blogger template and encourage me to create more templates like these.

my next Blogger template : Firebug reloaded

Blogger Accessories Three Column Blogger Template

noreply@blogger.com (Mohamed Rias) — Wed, 13 Aug 2008 11:29:00 +0000

Today I am going to Publish my first Three Column Blogger Template. This Three Column Blogger Template has two sidebars on Left and Right side with Content in Center. This three column template contains valid CSS .

Main Features of this Three Column Blogger Template.

* Adsense 468 x 60 ad on header top

* SEO page title Hack is also included.

* Navigation Menu is included

* Numbering Blogger Comments Hack is also included.

* Unique CSS style for Author comments is also included inorder to distinguish author comments from others.

* Display only specific number of posts in Lables Page hack included.

* Related Posts Widget is also included

* Page Navigation Menu of my CSS style.

*Comment Form is embedded below each post.

This Work is done under creative commons License 3.0

So please don't remove the footer credits.
If you want to see the template in Action , please have a look at my own Blog because I am using this template only.

Blogger Accessories Three Column Blogger Template.

I hope all of you will welcome this new three column template. Please leave a comment so that i can modify this template further.

Show only specific Number of posts in Labels Page - Blogger Hack

noreply@blogger.com (Mohamed Rias) — Sat, 09 Aug 2008 07:52:00 +0000

One of my Reader asked me in Comment Form " How to Show Specific Number of Posts in Labels Page ? " . So I am writing this Post on his request. This Hack ( Show Specific Number of Posts In Labels Page ) is very useful for Page Navigation Hack . Users who use my Page Navigation hack might have came across an error , that is When They visit Labels Page , Blogger will display all posts under that particular label although you might have mentioned in the page Navigation Widget to show only 2 , 3 or any number you specified there.

So here is an easy Hack to display only specific number of posts per page while visiting Labels. Just follow the simple steps below to implement this hack on your blogger blog.

Step 1 :

Users Who Have installed Labels Widget in their Blog , Please Navigate to EDIT HTML PAGE . Then put a check to Expand Widgets Box on Right Side.

Now search for this Code :

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

only the Widget Id can be different , other things will be same. Now search for this code within the widget

Now replace the above code with this code .

The digit in red represents number of posts to be Shown in Single Labels Page.
Change the digit ( number ) in red to your wish .

You Can put same number you entered in Page Navigation Hack

That's it We have successfully added " Show Specific Number of Posts in Labels Page " . here after your Blog Will Show only specific number of posts in Labels Page. I hope This Hack will be useful for you all. If you have any doubts or difficulties in implementing this Hack please let me Know. I will clarify them in comment form or If neccessary I will write a New post like this.

thanks for reading.......

Blogger Dummies

30+ Adsense Wordpress Plugins

Easy AdSenser

wp-insert

AdSense Integrator

Advertising Manager

AdSense Now!

Adshare

AdSense Manager

Simple AdSense Insert

All in One Adsense and YPN

Ads Adder

Smart Ads

AdSense Anna

Adsense Attachment Page

AdSense Revenue Sharing 1.2

Adsense-Deluxe

Googmonify

Adsense Under Image

Shylock AdSense

Adsense Injection

Google Ad Wrap - Section Targeting

Adsense Inline

Mighty Adsense Wordpress plugin

Adsense Beautifier

Author Advertising Wordpress Plugin

AdSense Sharing Revenue and Earnings System

Adsense Wordpress Plugin

WP-Politifier

Adsense Attachment Page

WP Simple Adsense Insertion

AdSense-Deluxe WordPress Plugin

Google Adsense Ads by SAN

Google Adsense for Feeds

Ozh' Who Sees Ads

Context Ad Wrapper

Screen resolution CSS hack for web designers

what is the best screen resolution settings?

CSS controlling the alignment of the layout

Screen resolution compatible CSS - Blogger users

Screen resolution compatible CSS - Wordpress Users

how to change screen resolution

how to get a higher screen resolution on windows vista/XP

how to set screen resolution using keyboard hotkey

Converting Wordpress themes to Blogger Templates

Customizing Blogger Templates

Show Adsense ads below post title

How to add Adsense ads below post title ?

Encoding Adsense Ad Code ?

Adding adsense ad code to blogger template

Customizing Adsense ads

Showing adsense Ad only in Post pages

Making adsense ads to Float

My suggestion

backup Blogger Blog Widgets - an easy video tutorial

BACKUP BLOGGER WIDGETS VIDEO TUTORIAL

Read More hack for Blogger with automatic Thumbnail creator script

1. It can't automatically create summaries.

2. This feature can be available only for future posts.

3. Can't create Thumbnails automatically

Read More hack with automatic Thumbnail creator script

Adding the Javascript in the header

Final step : ADD the code in post body

Customizing The code

Adding read more image

30+ smashing tutorials for creating Texture and Background Effects in Photoshop

color grunge textures

10 excellent Fonts for making professional designs

Digital Statement Blogger Template

Main features of this template: