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