5202

ein Blog über technische Fragen zu Blogger

Blog-Autor-Kommentar hervorheben

von

Ihr habt einen Blogger Blog, benützt die neuen verschachtelten Kommentare und wollt euch in den Kommentaren rein optisch von euren Besucher abheben? Geht - mit einem kleinen Hack!

Kommentar Tag

Gestern ist mir aufgefallen, dass es innerhalb des Kommentarteils einen bis jetzt noch funktionslosen .blog-author Tag gibt. Das hat mich auf die Idee gebracht, mit einem kleine jQuery Hack die eigenen Kommentare eine neue Klasse zu geben und dann mit CSS frei zu gestalten.

Schritt 1: Dieses Script legt ihr in ein HTML/Javascriptgadget und packt es irgendwo in den Blog [tief ist immer gut].

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript">
</script>
<!-- my own comments -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
 $(".blog-author").closest('.comment').addClass('me')
});
//]]>
</script>

Schritt 2: Im Vorlagen Designer gebt ihr nun diese CSS ein:

.me {
  background: #e65c00;
  background-radius: 2px;
}
.me .avatar-image-container {
  padding: 0 10px
}
.me .comment-block {
  padding:0 14px
}

Die Farbe #e65c00 ist relativ krawallig - ich habe sie nur genommen, damit ihr den 'Erfolg' sofort seht. Ihr könnt das natürlich gegen jede ander Farbe ändern.

Funktioniert?

Das ganze funktioniert _nur_ in den neuen Blogger Vorlagen mit verschachtelten Kommentaren.

Enjoy it!

Weitere Posts