Blogger Tricks : Give style to your Blog Link Titles

2 comments
Save to del.icio.us 0 hits!

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.

Related Posts :



Comments
2 comments
Do you have any suggestions? Add your comment. Please don't spam!
Subscribe to my feed
Onlinedefine said...

This is a Good Post written for us to give style.
Thank You

AB said...

Glad you liked it !!

Post a Comment

About Me

Latest posts

Blogger Zone