Blogger Dummies

Best Colleges in TAMIL NADU under Anna University

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

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.

Incompatibility issues in IE6 and Firefox

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

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

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.

If you have a sidebar like this then add a b:section above the 2 columns to add more widgets

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.

After adding the CSS code this is how it will look

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.