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.
Consider to Subscribe to our RSS feed or Follow us at Twitter or Join our Facebook Fan Page.Enter your Email below to subscribe to our updates via Email.
Similar Posts
- Smooth horizontal CSS Menu with Blog Search engine
- Install Syntax Highlighter for better code Viewing in Blogger
- A blogger hack to show related Posts below Each blogger Posts
- Add digg button to each of your blog posts
- Social bookmarking Widget for Blogger(II)
Article by Dinesh Dhakal
Dinesh has written 294 awesome articles for us. Dinesh Dhakal(Deineshd) is the Admin of this blog.He is from Kathmandu, Nepal who is blogging since complete 4 years.You can catch him on twitter at Twitter.com/deineshd and in Facebook at Facebook.com/deineshd.
{ 11 comments… read them below or add one }
hey,..i use this tutorial,..but why is not work on my blog?
it just work on my link pict…
@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.
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 ^_^
thanks for the tips. will try later.
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
http://hackpage.blogspot.com blog gprs hacks tips tricks how to hack trick tip hacks tips tricks hackpage
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
good news
This website is great!
like jquery plugin tool tip…nice