◄ Min  Size Fonts: + | - | ± Color: Max ►

Change the URL Text into an Active Link use JavaScript

Tidak mau menulis link tujuan karena takut unsur badlink atau backlink yg tidak sesuai dengan tema blog sobat? Trik dan tips kali ini akan berbicara bagaimana cara merubah teks URL menjadi link hidup! URL/link yg tertera pada address browser biasanya akan dimulai dengan http:// or https:// Koben juga sering menuliskan link hanya dengan menuliskan alamatnya saja tanpa sintax hyperlink :D Ketika sobat menuliskan alamat seperti berikut:
  • http://www.google.com/
  • https://www.google.com/
  • ttp://example.com/~pages/pa-ge/?param=foo+bar
  • ttp://beben-koben.blogspot.com/2014/05/selection-good-resources-may-2014.html
  • https://www.google.com/search?q=tutorial
Itu nanti akan berubah menjadi hyperlink aktif yg bisa di klik dan terbuka dengan jalan new tab window.

Sobat tinggal menanamkan JavaScript berikut...
<script type='text/javascript'>
//<![CDATA[
document.addEventListener("DOMContentLoaded",function(){for(var t=document.evaluate('descendant::text()[contains(self::text(),"ttp") and not(ancestor::a) and not(ancestor::textarea) and not(ancestor::script) and not(ancestor::style)]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null),e=0;e<t.snapshotLength;e++){var n=t.snapshotItem(e);n.textContent.match(/h?ttps?:\/\/[a-zA-Z0-9\.\/\-_~\?=&%\+]+/g).forEach(function(t){var e=n.textContent.indexOf(t),a=document.createRange();a.setStart(n,e),a.setEnd(n,e+t.length);var o=document.createElement("a");o.setAttribute("href",0==t.indexOf("http")?t:"h"+t),o.addEventListener("click",function(t){window.open(this.getAttribute("href")),t.preventDefault(),t.stopPropagation()}),a.surroundContents(o),a.detach()})}});
//]]>
</script>
Source by: jsdo.it/kobachi/urltext2anchor

Happy coding \m/

Loading...
XChange the URL Text into an Active Link use JavaScript
Merubah teks url menjadi link aktif menggunakan JavaScript.
Subscribe my posts Register For Free!
[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...

al-Quran

MISC

Resources

WANT BE HERE!!! CONTACT ME :P
1 2 3 4 5 6 7 8 9

FACEBOOK PAGE