Fehlerbehebung: Link im Kommentarfeld [Tutorial-Quicktipp]

Heute habe ich einen kleinen Leckerbissen für euch :D Das Skript ist zwar nicht von mir, die Ehre gebührt HTML-König Oliver, aber ich bin schon allein darauf stolz, dass ich den Post auf seinem Blog gefunden habe und jetzt mit euch teilen kann. x)

Folgendes. Man stelle sich vor, irgendjemand verleiht mir einen Tag [täääg], teilt es mir auf meinem Blog mit und lässt dankenswerterweise den Link zum Tagpost da: http://hihi.blogspot.de/2013/08/tagpost.html. Der Käse am Kommentarsystem von Blogger ist unter anderem, dass nicht erkannt wird, dass es sich um einen Link handelt, sodass man "mühsam" selbst kopieren und die Seite aufrufen muss.

Ich will euch nun dieses von Oliver gecodete Skript (genauer jQuery) weiterleiten. Ich hab ja schon in einem meiner früheren Tutorials erklärt, wie man sich ein bisschen umständlich selbst einen Link basteln kann, aber diese Lösung finde ich ein bisschen eleganter, weil man eben http://hihi.blogspot.de oder www.hihi.blogspot.de gleich in einen Link umgewandelt bekommt, ohne dass man selbst an irgendwas denken muss. Praktisch, nicht? Probiert es mal mit eurem Bloglink bei mir in den Kommentaren aus!

Step 1

---

Sucht unter Vorlage → HTML bearbeiten nach </html>. Befindet sich gaaanz unten im Quellcode.

Step 2

---

<script src='http://code.jquery.com/jquery-1.9.1.min.js'/> <script type='text/javascript'> //<![CDATA[ (function($){ var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g, url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g, linkifyThis = function () { var childNodes = this.childNodes, i = childNodes.length; while(i--) { var n = childNodes[i]; if (n.nodeType == 3) { var html = $.trim(n.nodeValue); if (html) { html = html.replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(url1, '$1<a href="http://$2">$2</a>$3') .replace(url2, '$1<a href="$2">$2</a>$5'); $(n).after(html).remove(); } } else if (n.nodeType == 1 && !/^(a|button|textarea)$/i.test(n.tagName)) { linkifyThis.call(n); } } }; $.fn.linkify = function () { return this.each(linkifyThis); }; })(jQuery); jQuery('.comment-content').linkify(); $('.comment-content i, .comment-content b, .comment-content a').append(" ").prepend(" "); //]]> </script>
Diesen Code kopiert ihr und fügt ihn direkt über </html> ein, damit es so ausschaut wie im Bild. That's it!