Baground Image In Comment Form

How to make your comment form with your image, like screenshot bellow

to make your comment form like screenshot, follow this step bellow:
1. Sign in to darft bloggers> Layout> Edit HTML
2. Check -> Expand Widget Templates.
3. Find the following code

4. Once you find them Replace with the following code,

5. Now find the code ]]>

6. copy and paste CSS code below and put before of ]]>

#mGm-form iframe{
background:#ffffff url(http://www.windows-vista-tips-and-tricks.com/image-files/windows-vista-wallpaper-10.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt “ms sans serif”, Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#ffffff url(http://www.windows-vista-tips-and-tricks.com/image-files/windows-vista-wallpaper-5.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;
}
#mGm-form a{
color:#7EB2AC;
}

7. save it by pressing the save template

Note:
Image FirstĀ  Before mouse over
Image second After mouse over

Scrypt red colour before image mouse over
Scrypt blue colour After mouse image over

Advertisements

About arifsatria

Opportunity only comes once, so if you have the opportunity to immediately capture. stop dreaming take action .......................
This entry was posted in Blogger Trick. Bookmark the permalink.

One Response to Baground Image In Comment Form

  1. world sport says:

    layak untuk di coba nih, trik yang bagus

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s