Jumat, 20 Mei 2011

Saat Kursor Menyentuh Link, Title blog dan Link Melayang


Pertama login blog masing masing ..
trus tambah gatget html javascript
paste kode di bawah ini di dalam nya
kode:
<style type="text/css">
div.nicetitle {background:#d00606 url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/196933_1743868322146_1401893631_31776483_2628934_n.jpg);color:#c3d006;font:14px "Helvetica" !important;left: 0;padding: 15px;position: absolute;top:0;z-index:20;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-moz-opacity:.98;opacity:.98;border:10px double #d00906;width:250px !important;box-shadow:-2px -2px 4px #111, 2px 2px 4px #111;-moz-box-shadow:-2px -2px 4px #111, 2px 2px 4px #111;-webkit-box-shadow:-2px -2px 4px #111, 2px 2px 4px #111;}div.nicetitle p {margin: 0;padding: 0 3px;-moz-opacity:1;opacity:1;}div.nicetitle p.destination {font-size:9px;color:#FFCC99;padding-top: 3px;text-align: left;-moz-opacity: 1;}div.nicetitle p span.accesskey {color: #d17e62;}
</style>

<script type="text/javascript">
//<![CDATA[
var XHTMLNS = 'http://www.w3.org/1999/xhtml';var CURRENT_NICE_TITLE;var browser = new Browser();function Browser(){var ua, s, i;this.isIE = false;this.isNS = false;this.version = null;ua = navigator.userAgent;s = 'MSIE';if ((i = ua.indexOf(s)) >= 0){this.isIE = true;this.version = parseFloat(ua.substr(i + s.length));return;}
s = 'Netscape6/';if ((i = ua.indexOf(s)) >= 0){this.isNS = true;this.version = parseFloat(ua.substr(i + s.length));return;}
s = 'Gecko';if ((i = ua.indexOf(s)) >= 0){this.isNS = true;this.version = 6.1;return;}}
var delay;var interval = 0.60;function makeNiceTitles(){if (!document.createElement || !document.getElementsByTagName) return;if (!document.createElementNS){document.createElementNS = function(ns, elt){return document.createElement(elt);}}
if (!document.links){document.links = document.getElementsByTagName('a');}
for (var ti=0; ti<document.links.length; ti++){var lnk = document.links[ti];if (lnk.title){lnk.setAttribute('nicetitle', lnk.title);lnk.removeAttribute('title');addEvent(lnk, 'mouseover', showDelay);addEvent(lnk, 'mouseout', hideNiceTitle);addEvent(lnk, 'focus', showDelay);addEvent(lnk, 'blur', hideNiceTitle);}}
var tags = new Array(2);tags[0] = document.getElementsByTagName('ins');tags[1] = document.getElementsByTagName('del');for (var tt=0; tt<tags.length; tt++){if (tags[tt]){for (var ti=0; ti<tags[tt].length; ti++){var tag = tags[tt][ti];if (tag.dateTime){var strDate = tag.dateTime;var month = strDate.substring(5,7);var day = strDate.substring(8,10);if (month[0] == '0'){month = month[1];}
if (day[0] == '0'){day = day[1];}
var dtIns = new Date(strDate.substring(0,4), month-1, day, strDate.substring(11,13), strDate.substring(14,16), strDate.substring(17,19));tag.setAttribute('nicetitle', (tt == 0 ? 'Added' : 'Deleted') + ' on ' + dtIns.toString());addEvent(tag, 'mouseover', showDelay);addEvent(tag, 'mouseout', hideNiceTitle);addEvent(tag, 'focus', showDelay);addEvent(tag, 'blur', hideNiceTitle);}}}}}
function addEvent(obj, evType, fn){if (obj.addEventListener){obj.addEventListener(evType, fn, true);return true;}
else if (obj.attachEvent){var r = obj.attachEvent('on'+evType, fn);return r;}
else{return false;}}
function findPosition(oLink){if (oLink.offsetParent){for (var posX = 0, posY = 0; oLink.offsetParent; oLink = oLink.offsetParent){posX += oLink.offsetLeft;posY += oLink.offsetTop;}
return [posX, posY];}
else{return [oLink.x, oLink.y];}}
function getParent(el, pTagName){if (el == null){return null;}
else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase()){return el;}
else{return getParent(el.parentNode, pTagName);}}
function showDelay(e){if (window.event && window.event.srcElement){lnk = window.event.srcElement}
else if (e && e.target){lnk = e.target}
if (!lnk) return;
if (lnk.nodeType == 3 || (lnk.nodeType == 1 && lnk.tagName.toLowerCase() != 'ins' && lnk.tagName.toLowerCase() != 'del')){lnk = getParent(lnk, 'a');}
delay = setTimeout("showNiceTitle(lnk)", interval * 1000);}
function showNiceTitle(link){if (CURRENT_NICE_TITLE) hideNiceTitle(CURRENT_NICE_TITLE);if (!document.getElementsByTagName) return;nicetitle = lnk.getAttribute('nicetitle');var d = document.createElementNS(XHTMLNS, 'div');d.className = 'nicetitle';tnt = document.createTextNode(nicetitle);pat = document.createElementNS(XHTMLNS, 'p');pat.className = 'titletext';pat.appendChild(tnt);if (lnk.accessKey){axs = document.createTextNode(' [' + lnk.accessKey + ']');axsk = document.createElementNS(XHTMLNS, 'span');axsk.className = 'accesskey';axsk.appendChild(axs);pat.appendChild(axsk);}
d.appendChild(pat);if (lnk.href){tnd = document.createTextNode(lnk.href);pad = document.createElementNS(XHTMLNS, 'p');pad.className = 'destination';pad.appendChild(tnd);d.appendChild(pad);}
STD_WIDTH = 200;if (lnk.href){h = lnk.href.length;}
else{h = nicetitle.length;}
if (nicetitle.length){t = nicetitle.length;}
h_pixels = h*6;t_pixels = t*10;if (h_pixels > STD_WIDTH){w = h_pixels;}
else if ((STD_WIDTH>t_pixels) && (t_pixels>h_pixels)){w = t_pixels;}
else if ((STD_WIDTH>t_pixels) && (h_pixels>t_pixels)){w = h_pixels;}
else{w = STD_WIDTH;}
d.style.width = w + 'px';mpos = findPosition(lnk);mx = mpos[0];my = mpos[1];d.style.left = (mx-0) + 'px';d.style.top = (my-115) + 'px';if (window.innerWidth && ((mx+w) > window.innerWidth)){d.style.left = (window.innerWidth - w - 25) + 'px';}
if (document.body.scrollWidth && ((mx+w) > document.body.scrollWidth)){d.style.left = (document.body.scrollWidth - w - 25) + 'px';}
document.getElementsByTagName('body')[0].appendChild(d);CURRENT_NICE_TITLE = d;}
function hideNiceTitle(e){if (delay) clearTimeout(delay);if (!document.getElementsByTagName) return;if (CURRENT_NICE_TITLE){document.getElementsByTagName('body')[0].removeChild(CURRENT_NICE_TITLE);CURRENT_NICE_TITLE = null;}}
window.onload = function(e) {makeNiceTitles();}
//]]>
</script>


trakhir untuk pemangil nya
gunakan link seperti

kode:
<li><a href="URL TUJUAN" target="_blank" title="TITLE TUJUAN">JUDUL TUJUAN</a></li>


selesai ...

Tidak ada komentar:

Posting Komentar