We have been moved to http://www.bloganol.com/

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.

comments

8 Responses to "Give style to your Blog Link Titles"
indungg said...
November 10, 2008 at 7:43 PM

hey,..i use this tutorial,..but why is not work on my blog?


[googleholic] said...
November 10, 2008 at 7:45 PM

it just work on my link pict...


Deinesh said...
November 10, 2008 at 11:51 PM

@Indungg

I think you have used exactly same code given in step 3.You must download the script from step 1 then upload it to your googlepages account.After that replace nicetitle.js with your unloaded link in step 3.Or you can use this link directly in step 3 .It doesn't matter.
http://www.kryogenix.org/code/browser/nicetitle/nicetitle.js


If this didn't answer you then please let us know about it.Thanks for sharing your problem.


techniqueal t. said...
November 11, 2008 at 3:25 AM

ive been using nicetitles in my blog for some time already and it is one of the easiest script to install and use in blogger (also created a tutorial on this)

pretty nifty too ^_^


gre said...
November 11, 2008 at 5:22 AM

thanks for the tips. will try later.


MdMindia said...
February 6, 2009 at 12:49 AM

Hei thanks for your super hacks.

I want to know about adsense,how long our blog must be on published, do we have to wait 6 months for the aproval .Pls help me. . . . h


Anonymous said...
June 9, 2009 at 8:25 AM

http://hackpage.blogspot.com blog gprs hacks tips tricks how to hack trick tip hacks tips tricks hackpage


Neil adit said...
July 27, 2009 at 8:57 AM

Hi,
Get the latest blogger news and updates,hacks,guide,tricks,tips and widgets for ur sweet blog.
Blogger Tips | Tutorials | Hack | Guide
Regards,
http://www.btips.co.cc/
Neil


Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!