Give style to your Blog Link Titles

NiceTitle is a relatively simple script that creates a div-container that pops up when a link (with the title attribute is hovered. This script shows the title of the link plus the URL links redirect to when the links are hovered.
How to Set Up this Script?

Setting up this script is also same like adding other codes in Blogger.You just need to Paste the CSS plus JavaScript code in your blog Code Section.To setup this script in your blog Just follow the simple steps below.
1. Download nicetitle.js and Upload it to your Googlepages account.
2. After that Goto Edit Html Page from your Blogger Dashboard after you Log in to your Blogger Account.
3. After that add the following lines of code just before </head> in your Template.

<script type="text/javascript" src="nicetitle.js"></script>

4. Next step is you should add style to this Script.For that Add the following block of codes just above ]]</b:skin> in your Template.

div.nicetitle {
background-color: #A38531;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 4px;
position: absolute; top: 0; left: 0;
text-align: left;
width: 25em;
z-index: 20;
}
div.nicetitle p {
margin: 0;
padding: 0 3px;
}
div.nicetitle p.destination {
font-size: 9px;
padding-top: 3px;
text-align: left;
}

After you complete the above steps Save your Template and don't forget to use Title in your Links.If you have any questions then simply tell us about it either by Commenting or Contacting us.

Share this post :