Earlier, we have been to talking about how to make our blog look more attractive and professional. Changing comment form the size and removing white space that appears below the comment form, were two useful tricks to make your blog comment section look more better. Now, its time to play more with comment form of blogspot. Lets try how to a change blogger comment form background to image or a particular color, and how we can customize blogger comment form.

How to ChangeComment Form Background :

Changing blogger comment form background to an image can add for fun to your blogger and this will make your comment form more attractive. You can also add hover effect which will change comment form background when some one drags the mouse on comment form. Its really very easy to do.

• How to Customize Blogger Comment Form?
• Go to your Blogger Account > Dashboard > Template > Edit HTML > Proceed
• Check "Expand Widget Templates" box
• Search for this code (tip: press CTRL and F at once from your keyboard)

<div class='comment-form'>

Change this code to;

<div id='bablogger-form'>
Good, Now search for this code;
]]></b:skin>
Paste below given code just before the searched code.

#bablogger-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQTK6TPN0iCpW0h_VGwt7tk39_0u8ksGLtzRxlzxX9bYTYpplAggrKQmYI8ygoQ-_jAwwdWkox7KjxaW8fmAIVPS7i2J2hWj2W46W3NpJvFUN6itxcZh-TgjKN_MMv04gOgoLKA-KTIx3x/s400/plz-do-not-spam1.gif) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}

• Save Your template and its done..

You can change the colored link with your any other background image link.

Read More »

Blogger is very popular free service and is used by millions of people. There are so many bloggers who want to add extra beauty in a blogs and want their blogs to look more attractive and eye-catching. One of the best way to add extra fun to yours blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is a very easy and you can do this within 1 minute. You can use any kind of image i.e. static or animated as your blog cursor.

• How To Change Mouse Cursors in Blogger
• Go to Your Blogger Account > Dashboard > Template > Edit HTML > Proceed
• Search for this code

]]></b:skin>

• Paste new code just Before above searched code.
• body, a, a:hover {cursor: url(http://cursors1.totallyfreecursors.com/thumbnails/checkerflash.gif), progress;}
• Save Your template and You're done ;)

Note: You can change cursors by changing the line in red (which is cursor file location).

How to Download Free Cursors :

You can download thousands of free cursors from following websites..

• Totally Free Cursors
• Cursors @ Fun Utilities
• Myspace Cursor

Read More »