Sunday, August 16, 2009

NiceTitle For Blogs

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.

+/- Read More

Steps to follow :

  • First step is to set up the script. For this, Download nicetitle.js and Upload it to your Googlepages account.
  • Go to Layout Section.
  • Then, go to EDIT html.
  • Add the following lines of code just before </head> in your Template.
<script type="text/javascript" src="nicetitle.js"></script>

(Note: Replace nicetitle.js with your file upload link)

  • Now, 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;

Save your template.
Stumble Delicious Technorati Twitter Facebook
If you enjoyed this post, make sure you subscribe as an Reader!


Post a Comment

← Newer Post Older Post → Home

Recent Posts

Recent Comments

Follow Me - Advertise your site at! Submit your site and get tons of traffic! - Advertise your site at! Submit your site and get tons of traffic!