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.

If you enjoyed this post, make sure you subscribe as an Reader!