Image hover effect in blogger, is a trick used by many of pro bloggers. When you move your cursor to any of the image the hover effect over it takes place and its view is more clear then before.It's a small css trick that is done by adding styling to your blog css and define its class while using your image url in blog posts.

How to make image hover over effect.

• Log in to blogger ID.
• Got To LAYOUT > EDIT HTML > Press Ctrl+F.
• Search for </head>

<a href="http://freetidbit.blogspot.com" target="_blank" alt="Scenery"><img src="http://i482.photobucket.com/albums/rr190/f_ms/SCENERY/Fallstream.jpg"/></a>

<a class="linkopacity" href="http://freetidbit.blogspot.com" target="_blank" alt="Scenery"><img src="http://i482.photobucket.com/albums/rr190/f_ms/SCENERY/Fallstream.jpg" /></a>

Creating running text/marquee gives your blog style. You can exihibit this at the beginning of your blog as an introduction or you can put it anywhere else as you please. To go about this,

• Login to your blog ID.


• Click on
• Click on
• Choose

• Add the below code into the JAVA/SCRIPT Page Element

Incase for some reason this is not working or something has gone wrong, below i am illustrating the same example with the widget for this website.

• Just replace the below code with your details, that is YOUR TEXT and http://YOURBLOGADDRESS.blogspot.com/

• Just copy and paste this on a JAVA/SCRIPT Page Element

<marquee direction="left" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" align="center"> TIDBIT..... Bits and Pieces Of Information.<b>&#160;&#160;&#187;&#160;&#160;</b> <a href="http://freetidbit.blogspot.com//2009/08/reason-for-this-blog.html/">Join In To Enjoy Your TIDBIT..... Bits and Pieces Of Information.Tidbit Is An Online Diary.</a> - <a href="http://freetidbit.blogspot.com//">HOME</a> - <a href="http://freetidbit.blogspot.com//2009/08/archives.html/">ARCHIVES</a> - <a href="http://freetidbit.blogspot.com//2009/08/ebooks.html/">EBOOKS</a> - <a href="http://freetidbit.blogspot.com//2009/08/subscribe.html/">SOFTWARE STORE</a> </marquee>

• Click Save and you have a running text marquee on your blog.

REFERENCES:- Blogspot Tutorial

On some websites you may find that when you hover the mouse pointer on the links (hyperlinks), they change their colors. Same as on this website. In case you would like to know how to go about this,
A free rainbow script from Dynamic Drive will help you achieve this.

Steps to carry out:

• Download this script from rainbow.js and extract it using winrar/winzip or you can copy and paste the file from Dynamic Drive on a notepad and save it as rainbow.js file.


• Upload it to a uploading web site like SigMirror or Hotlinkfiles or Ripway. For this you can open a free account at any of these sites.


• After uploading you can copy the rainbow.js file url of the web site where you have uploaded and saved your file.

• Login to your blog ID.
• Click on Layout.
• Click "Edit HTML" tab and find this code </head>
• Save the script code like the above sample (<script src='http://kangrohman.googlepages.com/rainbow.js'/>)(make your own), above the </head> code.

• Final step is to click on "SAVE TEMPLATE" button and you are done with it.

Translation button is a useful feature if the website is not to be found in the language of your choice. With this button you can translate the website content to a language which you can read.

To do this follow the steps below:
Click on Click on Choose
Add the below code into the JAVA/SCRIPT Page Element

Auto scrolling posts like "news headlines" shows the posts in the form of news headlines the same way as one see's on different TV Channels. As you can see on this website this widget gives one a brief idea of what posts the website contains in an auto scrolling manner. To do this follow the steps below:
Click on Click on Choose Add the below code into the JAVA/SCRIPT Page Element

As you can see the first letter in this post is "A" which is reproduced in the newspaper style of printing. Incase you are wondering how this is done here are the steps to go about it,

1. Login to your blogger ID.
2. Click on LAYOUT. Click on EDIT HTML.
3. Now put a tick on the check mark box for "Expand Widget template" as shown in picture.

Backing up of widgets is very important if one wants to change their template, because otherwise when a new template is uploaded all the widget data will be lost. A couple of ways to backup the widget data are as described below. One way is directly from the Page Element.

Backup Widgets from Page Element.
To do this the following steps are to be performed,

1. Login to blogger with your ID.
2. Click on Layout.
3. Click menu Page Element
4. Click EDIT to open each Widget Page Element as shown in diagram
5. Copy the code inside the Widget Page Element and paste it on a notepad and save it.

1. If you are using Internet Explorer open your blog home page address.
2. Next goto VIEW on the Menu Bar of Internet Explorer as shown on the picture.
3. In VIEW goto submenu and click on SOURCE. With this you will open your Widget HTML Source page which you can save it in Formatted HTML view.

<h2 class='title'>Message Board</h2><!-- The Title of your Widget --> <div class='widget-content'><!-- This is the beginning Code --> <script style="text/javascript" src="http://www.sigmirror.com/files/30252_ojdf1/MessageBoard.js"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://freetidbit.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> </div><!-- This is the end Code -->

<script style="text/javascript" src="http://www.sigmirror.com/files/30252_ojdf1/MessageBoard.js"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://freetidbit.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Template backing up and uploading is a basic procedure. But for a first time blogger even this can be a bit complicated. And in case you would like to know how to upload a new template than follow the procedure mentioned below :

1. Login to blogger with your ID
2. Click the on Dasboard link , next click on Layout.
3. Click on Edit HTML
4. Click on Download Full Template link.
5. Once you do this a new window will open and you can choose where to Save the template backup.

1. First download the template from different template sites. There are a lot of Free Template sites. A template in xml format is ideal, that is a *.xml file.
2. Login to blogger with your ID
3. Click on Dasboard link , next click on Layout. Like in the above step
4. Click on Edit HTML like in the above step.
5. Click the on Browse button and search for the template that you have saved on your computer. Double click to open the xml file.
6. Click on the upload button to upload the new template into your blog site.

Sometimes one may want to hide the blogger banner, though personally i have felt the need for this Navigation bar. But in case you would love to hide this the following would be of help

To hide the Blogger Navbar :

1- Log in to blogger
2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.
3- Paste the CSS definition in the top of the template code:
Remove the code to show it again.


REFERENCES:- Blogger Templates

There’s a PDF / Word document waiting in your email inbox that you need to print on paper, put your handwritten signatures, scan the signed copy and send it back to the client again via email. That process is both time consuming and forces you to do something that you are trying so hard to avoid (i.e., use paper). So if you are looking to eliminate paper from the loop, here are some software tools, web services and workarounds that will help you capture your signature directly on the electronic file without requiring paper or ink.

Steps To Electronically Sign Documents

The first step is to create a digital image of your signature - there are multiple ways of doing that:
Option #1.
If you have a scanner, an iPhone, iPod Touch or any touch sensitive mobile device, use an app like “Fountain Pen” or “Sketch Pad” to draw your signature using your fingers and then transfer the image to your computer.
Option #2.
If you have don’t have access to a touch phone or a scanner, put your signatures on a white piece of paper and take a photograph of that paper using your digital camera or even the camera of your mobile phone.
Option #3.
Alternatively, you can use any graphics software (like MS Paint), an online image editor (like Splash Up) or even Google Docs (see video) to draw your signature with the mouse pointer. I like the Google Docs options since it creates a transparent stamp of your signature.
Option #4.
Go to Live Signature, draw your signature on the screen and click the “Create Signature” button to download your signature as an image.


Now that you have the written signature in image form, the next step involves putting that e-sign image into the document. If the contract or agreement is in Microsoft Word or any other common editable format, things are pretty easy. Open the document in any Word processing software (or Google Docs) and insert the signature image inline. Save the document as PDF and email it back to the client.

How to Sign a PDF Document

If the initial document is in Adobe PDF format, you need to follow a couple of extra steps because, unless you have a PDF editor like Adobe Acrobat, editing PDF files is not always straight-forward.

Option #1:
Convert the PDF document to Word using this free web service, add the image to the Word file (as in the previous example) and export the document as PDF to prevent editing. The PDF to Word service may not always replicate the exact formatting and appearance of the original PDF file but it’s still very close especially in the case of text documents. To password protect your signed-PDF documents, open the document inside PDF Hammer, add a password restriction and re-export it as PDF.

Option #2:
If the PDF document that you have to sign is long or includes complex formatting, conversion may not be the right option for you. In that case, you have two choices:
2 a: PDF X-Change - This is awesome PDF Viewer for Windows that also includes some very useful editing features.
Import the signature image into the Stamps Palette, open the PDF file that you want to sign and use the stamps tool (under Tools -> Comment & Markup) to sign anywhere in the document. You can then export the signed document as PDF and none of the original formatting should be lost.
2 b: OpenOffice Draw - The latest version of OpenOffice 3.1 along with this free Sun Extension can be used as a a PDF editor. Once installed, click the OpenOffice icon on your desktop and open the PDF document - this will auto open in OpenOffice.org Draw. Now choose Insert -> Picture -> From File to insert the signature image anywhere in the PDF file.

The good part about OpenOffice is that it is available for Windows, Mac and Linux platform but there’s no individual install for the Draw module so you’ll have to download the full 150 installer of OpenOffice.org but choose to install only Draw at setup.

Web Apps for Electronic Signature

The options discussed above are handy if you have to sign documents but what if you are on the other side of the fence and need another party to sign your document electronically. In that case, you should consider using web based signatures services from either EchoSign or Right Signature - they both work on similar lines. You upload a PDF or Word document that needs to signed and also specify the email addresses of people who have to sign that file. The recipients can open the document inside their web browser, add their signature (with the timestamp) and done. You can then download the signed document on to your own computer. There’s no software to install and no sending fax messages back and forth. Both Echo Sign and Right Signature are paid services but trial users can send up to 5 documents for free.

REFERENCES:- Digital Inspiration