Blog überarbeiten: Neue Optik für meine Blogs

Heute war Blog-Tag. Ich habe mein persönliches Blog und das Hundeblog überarbeitet.

Beide Blogs arbeiten jetzt mit modifizierten Kubrick-Themes. Ich habe die Titelbilder gegen eigene Kreationen ausgetauscht und ein wenig in den Templates gewurstelt.

Resultat der Umbauarbeiten: Einzelne Posts werden jetzt korrekt mit einer

-Überschrift angezeigt. Der Blog-Titel ganz oben im Bild ist nur noch ein
. Das ist meiner Ansicht nach logischer, denn die Hauptüberschrift soll doch den einzelnen Beitrag kennzeichnen, nicht das Blog.

Außerdem habe ich das </code>-Tag geändert. Hier erscheint jetzt nur noch der Titel eines Beitrags oder des Archivs. Die Blog-Bezeichnung gibt es nur noch, wenn die Startseite geladen ist.</p> <p>Die beiden Titelbilder habe ich übrigens selbst fotografiert. Das Titelbild dieses Blogs ist eine Bambuspflanze. Die habe ich im Gegenlicht mit meiner alten Nikon 5700 aufgenommen. Die Sonne blinzelt ein wenig hindurch und gibt dieses coolen Schatteneffekt. Das komplette Bild sieht übrigens so aus:</p> <p><img src='http://www.goldmann.de/blog/wp-content/sonne_durch_pflanze.jpg' alt='Gegenlichtaufnahme durch einen Bambus' /></p> <p>Das Titelbild des Hundeblogs zeigt unseren <a href="http://www.tipps-zum-hund.de/blog/category/nelson/">Nelson</a> im gestreckten Galopp. Auch hier habe ich einen Ausschnitt verwendet. Das komplette Bild sieht so aus:</p> <p><img src='http://www.goldmann.de/blog/wp-content/nelson_galopp.jpg' alt='Dalmatiner im gestreckten Galopp' /></p> <p>Die Sidebar gibt es jetzt überall – also auch bei den einzeln angezeigten Artikeln. Ich denke, das verleitet vielleicht noch den einen oder anderen Leser, auf andere Rubriken oder auf einen anderen Eintrag zu klicken.</p> <p>Für die Anzeige der neuen <a href="http://www.semiologic.com/software/recent-posts/">Postings</a> und <a href="http://www.semiologic.com/software/recent-comments/">Kommentare</a> habe ich mir Plugins von <a href="http://www.semiologic.com/">Semilogic</a> geholt.</p> <!-- google_ad_section_end --> <script type="text/javascript"><!-- google_ad_client = "pub-9594363489538035"; /* 336x280, Erstellt 16.04.08 */ google_ad_slot = "4719951341"; google_ad_width = 336; google_ad_height = 280; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <p class="postmetadata"> Tags: <a href="http://www.goldmann.de/blog/category/autor/" title="View all posts in Autor" rel="category tag">Autor</a>, <a href="http://www.goldmann.de/blog/category/programmieren/php/" title="View all posts in PHP" rel="category tag">PHP</a>, <a href="http://www.goldmann.de/blog/category/wordpress/plugin/" title="View all posts in Plugin" rel="category tag">Plugin</a>, <a href="http://www.goldmann.de/blog/category/programmieren/" title="View all posts in Programmieren" rel="category tag">Programmieren</a>, <a href="http://www.goldmann.de/blog/category/webmaster/" title="View all posts in Webmaster" rel="category tag">Webmaster</a>, <a href="http://www.goldmann.de/blog/category/wordpress/" title="View all posts in Wordpress" rel="category tag">Wordpress</a> // <strong><a href="http://www.goldmann.de/blog/blog-uberarbeiten-neue-optik-fur-meine-blogs/#respond" title="Comment on Blog überarbeiten: Neue Optik für meine Blogs">Add Comment »</a></strong> </p> <p style="margin-top: 10px;"><b>Mehr zu diesem Thema:</b><ul><li><a href=http://www.goldmann.de/blog/quicktags-fur-safari-als-plugin/>Quicktags für Safari als Plugin</a></li><li><a href=http://www.goldmann.de/blog/wordpress-plugin-zur-anzeige-der-vorhandenen-artikel/>Wordpress Plugin zur Anzeige der vorhandenen Artikel</a></li><li><a href=http://www.goldmann.de/blog/podcast-bei-itunes/>Podcast bei iTunes</a></li><li><a href=http://www.goldmann.de/blog/die-tage-im-wordpress-fieber/>Die Tage im Wordpress Fieber</a></li><li><a href=http://www.goldmann.de/blog/wordpress-fur-neuen-safari-patchen/>Wordpress für neuen Safari patchen</a></li></ul></p> </div> <div class="comments-template"> <!-- You can start editing here. --> <!-- If comments are open, but there are no comments. --> <div id="comment-form"> <h3 id="respond">Discussion Area - Leave a Comment</h3> <form action="http://www.goldmann.de/blog/wp-comments-post.php" method="post" id="commentform"> <p><input type="text" name="author" id="author" value="" size="40" tabindex="1" /> <label for="author"><small>Name (required)</small></label></p><br/> <p><input type="text" name="email" id="email" value="" size="40" tabindex="2" /> <label for="email"><small>Mail (will not be published) (required)</small></label></p><br/> <p><input type="text" name="url" id="url" value="" size="40" tabindex="3" /> <label for="url"><small>Website</small></label></p><br/> <!--<p><small><strong>XHTML:</strong> You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </small></p>--> <p><textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea></p> <p class="submit"><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" /> <input type="hidden" name="comment_post_ID" value="86" /> </p> </form> </div> </div> </div> <div class="navigation"> « <a href="http://www.goldmann.de/blog/ask-sucht-jetzt-auch-in-deutschland/" rel="prev">Ask sucht jetzt auch in Deutschland</a> <a href="http://www.goldmann.de/blog/google-update-big-daddy-auf-dem-weg/" rel="next">Google Update “Big Daddy” auf dem Weg</a> » </div> </div> <!-- Start Sidebar --> <div class="sidebar"> <ul> <li><!-- SiteSearch Google --> <form method="get" action="http://www.goldmann.de/gsearch.php" target="_top"> <input type="hidden" name="domains" value="www.goldmann.de"></input> <label for="sbi" style="display: none">Geben Sie Ihre Suchbegriffe ein</label> <input type="text" name="q" size="30" maxlength="255" value="" id="sbi"></input> <input type="hidden" name="sitesearch" checked value="www.goldmann.de" id="ss1"></input> <label for="sbb" style="display: none">Suchformular senden</label> <input type="submit" name="sa" value="Suche" id="sbb"></input><span style="font-size:0.8em"> powered by Google</span> <input type="hidden" name="client" value="pub-9594363489538035"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="channel" value="1669038446"></input> <input type="hidden" name="ie" value="ISO-8859-1"></input> <input type="hidden" name="oe" value="ISO-8859-1"></input> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:11"></input> <input type="hidden" name="hl" value="de"></input> </form> </li> <!-- SiteSearch Google --> <li> <div class="syndication"> <ul class="rss"> <li class="sub"><a href="http://www.goldmann.de/blog/feed/" title="Syndicate this site using RSS" class="feed"><span></span><abbr title="Really Simple Syndication">RSS</abbr> Syndication</a></li> </ul> </div> <li id="text-92094891" class="widget widget_text"> <div class="textwidget"><a href="http://redgo.tv"><img border="0" src="http://www.goldmann.de/blog/wp-content/logo_vertikal_klein.jpg"/></a> <br/><br/> <a href="http://twitter.com/mgoldmann"><img src="http://www.goldmann.de/blog/wp-content/uploads/2009/01/mts-twitter-buttons-06.png" border=0></a> <a href="http://www.goldmann.de/">www.goldmann.de</a> </div> </li> <li id="text-92068931" class="widget widget_text"><h2 class="widgettitle">Der Autor</h2> <div class="textwidget"> <!-- Imagevideo --> <div style="margin-bottom:20px;margin-top:20px;"> <embed src="http://www.goldmann.de/pl/flvplayer.swf" width="140" height="120" bgcolor="#FFFFFF" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.goldmann.de/movies/vorstellung_klein.flv&image=http://www.goldmann.de/movies/vorstellung_vorschau_klein.png&callback=analytics"/> </div></div> </li> <li id="linkcat-36" class="widget widget_links"><h2 class="widgettitle">Service</h2> <ul class='xoxo blogroll'> <li><a href="http://www.goldmann.de/">Goldmann.de Startseite</a></li> <li><a href="http://www.tipps-zum-hund.de/blog" rel="me" title="Ein Blog über unsere beiden Hunde Columbine und Nelson">Hundeblog</a></li> <li><a href="http://www.goldmann.de/impressum.php">Impressum</a></li> <li><a href="http://www.machen.de/blog/">Machen.de Blog</a></li> <li><a href="http://www.schraudolph.de" rel="friend" title="Artikel von Markus Schraudolph zu IT-Themen und Unterhaltungselektronik">Markus Schraudolph</a></li> <li><a href="http://www.michaeldunker.de/">Michael Dunker: Journalist und SEO</a></li> <li><a href="http://www.tippscout.de">Tippscout</a></li> <li><a href="http://www.triathlon-tipps.de/" rel="sibling" title="Alles rund um den Triathlon">Triathlon-Tipps</a></li> <li><a href="http://www.videomarketing-news.de/" title="Mein Portal mit Nachrichten und Wissen rund um das Online-Marketing mit Videos.">Videomarketing-News</a></li> </ul> </li> <li id="meta-2" class="widget widget_meta"><h2 class="widgettitle">Meta</h2> <ul> <li><a href="http://www.goldmann.de/blog/wp-login.php">Log in</a></li> <li><a href="http://www.goldmann.de/blog/feed/" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="http://www.goldmann.de/blog/comments/feed/" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li> </ul> </li> </ul> </div> <!-- End Sidebar --> <div id="footer"> <p> Copyright © 2007 Software, Hardware und das Video. Design by <a href="http://antbag.com/">Antbag</a>. </p> </div> </div></body> </html>