Kursor Menyentuh Link, Title blog dan Link Melayang yuk kita liat gambar nya

Asalamualaikum Sobat B-Xp 

pada kesempatan kali ini saya mau bahas tentang blogspot, memberi tutor blog dengan  Saat Kursor Menyentuh Link, Title blog dan Link Melayang yuk kita liat gambar nya

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 ...

Tinggalkan komentar yaah..