tag:blogger.com,1999:blog-59840944542300974612024-03-13T17:25:57.825+01:00Copy Paste LoveHier findest du Tutorials rund um das Thema Bloggen, Fotografie und Design für Blogger. Dieser Blog hilft dir, deinen .blogspot-Blog zu deinen Wünschen zu gestalten.MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.comBlogger316125tag:blogger.com,1999:blog-5984094454230097461.post-37656423827180481232017-04-12T21:17:00.000+02:002017-04-12T21:17:24.491+02:00Wie erstelle ich ein Menü? - Seiten-Gadget (Teil 1)<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-Gw7lNsLNXGk/WO55fG_ZDWI/AAAAAAAAKuY/foHCwxab2sMhYVXOSJxqJBTa5XnjsIfUACLcB/s1600/men%25C3%25BC_seitengadget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-Gw7lNsLNXGk/WO55fG_ZDWI/AAAAAAAAKuY/foHCwxab2sMhYVXOSJxqJBTa5XnjsIfUACLcB/s1600/men%25C3%25BC_seitengadget.jpg" /></a></div>
<br /></div>
<div style="text-align: left;">
Heute werde ich damit anfangen, euch zu zeigen, wie man Menüs bastelt. Aber bevor ich mit dem allerkompliziertesten CSS und HTML Gedöns anfange, zeige ich euch, wie man ein man Seitenelemente hinzufügt. Die meisten werden es wohl schon kennen, aber es ist trotzdem erwähnenswert ;)</div>
<div style="text-align: left;">
</div>
<a name='more'></a><br />
<br />
<div style="text-align: left;">
<h2>
1. Erstellt Seiten</h2>
Dafür geht ihr von eurem Dashboard auf "Seiten" und drückt auf "Neue Seite", falls ihr noch keine Seiten habt. Ihr könnt die Seiten erstmals leer lassen, nur die Überschrift ist wichtig. Inhalt könnt ihr auch im Nachhinein hinzufügen und ändern.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-gqXG7Pcq9AQ/WO555O3H1-I/AAAAAAAAKuc/XjYP6XLsPVUeTUDVj_w85BPqBsTtF61KgCLcB/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-gqXG7Pcq9AQ/WO555O3H1-I/AAAAAAAAKuc/XjYP6XLsPVUeTUDVj_w85BPqBsTtF61KgCLcB/s1600/1.PNG" /></a></div>
<br /></div>
<div style="text-align: left;">
<div style="text-align: center;">
</div>
</div>
<div>
Hier mal einige Ideen, die ihr als Seite umsetzen könnt:<br />
<br />
<ul>
<li>About Me</li>
<li>Kontakt</li>
<li>Links/Favoriten</li>
<li>Photoalben</li>
<li>Videos</li>
<li>Projekte</li>
<li>Tutorials</li>
<li>Shop</li>
<li>Disclaimer</li>
<li>Impressum</li>
<li>Presse</li>
<li>Giveaways</li>
<li>Umfragen</li>
<li>Werbung</li>
<li>Gästebuch</li>
<li>FAQ's</li>
</ul>
</div>
<div>
<br /></div>
<div>
<b>ACHTUNG: </b>Ihr müsst darauf achten, dass eine Seite <b>kein Extrablog</b> ist, sondern eben nur eine Seite - wie ein einzelner Post. Wenn ihr möchtet, könnt ihr für diese Seiten Kommentare zulassen, dazu drückt ihr beim erstellen eurer Seite, was nicht viel anders aussieht wie beim Erstellen eines Postes, auf Optionen links oben.<br />
<br /></div>
<div>
<div style="text-align: center;">
</div>
</div>
<div>
<h2>
2. Menü einblenden</h2>
</div>
<div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-4eKOiVTCKEY/WO58LuW9BhI/AAAAAAAAKuo/9KE2hgLlaVEGR-cvggW8IgCDigiGsyu4ACLcB/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-4eKOiVTCKEY/WO58LuW9BhI/AAAAAAAAKuo/9KE2hgLlaVEGR-cvggW8IgCDigiGsyu4ACLcB/s1600/3.PNG" /></a></div>
<div style="text-align: left;">
Wenn ihr das Gadget erstellt habt, taucht ein Fenster mit diesem Inhalt auf. Dort könnt ihr die Seiten, die im Menü angezeigt werden, bestimmen sowie externe Seiten verlinken. Unten könnt ihr mit Drag & Drop ganz einfach die Reihenfolge der Punkte ändern.</div>
<br /></div>
<div style="text-align: left;">
<div style="text-align: center;">
</div>
</div>
<div style="text-align: left;">
<h2>
<b>3. Speichern!</b></h2>
Und schon habt ihr ein Seitenmenü auf eurem Blog. Das Design ist hier abhängig von eurer Vorlage.<br />
<br />
<h4>
<a href="http://blog.miradesigns.de/search/label/Men%C3%BC%20erstellen" target="_blank">Alle "Wie erstelle ich ein Menü?"- Tutorials ansehen.</a></h4>
</div>
</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com78tag:blogger.com,1999:blog-5984094454230097461.post-42490858401126368242017-04-12T20:48:00.000+02:002017-04-12T20:49:13.463+02:00Drei Widgets nebeneinander einfügen<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-tGFgG2u9lxw/WO51q9hYnNI/AAAAAAAAKuM/Pj0mRKOnjJMdOV5PxBqbLcRSCqlMyOgBgCLcB/s1600/widgets_nebeneinander.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-tGFgG2u9lxw/WO51q9hYnNI/AAAAAAAAKuM/Pj0mRKOnjJMdOV5PxBqbLcRSCqlMyOgBgCLcB/s1600/widgets_nebeneinander.jpg" /></a></div>
<br />
<br />
Hallo Ihr Lieben,<br />
<br />
Heute zeige ich euch, wie man in die Minima Vorlage drei Widgets nebeneinander einfügen kann. Im Vorlagendesigner kann man zwar einen Footer mit drei Spalten einfügen, für die, die lieber mit der Minima-Vorlage arbeiten, haben diese Möglichkeit nicht.<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-_p-pCbtlhrw/UsCI3RZm5xI/AAAAAAAAH4M/91FInseA7Y4/s1600/Varianten.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://3.bp.blogspot.com/-_p-pCbtlhrw/UsCI3RZm5xI/AAAAAAAAH4M/91FInseA7Y4/s640/Varianten.png" width="640" /></a></div>
Man kann die Widgets eigentlich überall einfügen, aber am sinnvollsten sind mir diese zwei Varianten. Beide Varianten eignen sich hervorragend, um eine fehlende Sidebar zu ergänzen. Hier kann man die wichtigsten Widgets unterbringen.<br />
<br />
Der erste Schritt ist bei beiden Varianten gleich:<br />
<h2>
1. CSS einfügen</h2>
<div>
Öffnet Vorlage --> HTML bearbeiten. Sucht nach folgender Zeile: </div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Klickt auf das Dreieck und öffnet das CSS. Direkt am Ende des blauen Codes fügt ihr folgendes vor <span style="color: blue; font-family: "courier new" , "courier" , monospace;">]]></span><span style="color: #274e13; font-family: "courier new" , "courier" , monospace;"></b:skin> </span><span style="font-family: inherit;">ein</span><span style="font-family: inherit;">:</span></div>
<blockquote class="tr_bq">
/* column3-head Anfang<br />
==================== */<br />
#column3-head {<br />
width: 96%;<br />
position: relative;<br />
clear:both;<br />
margin-left:20px;<br />
color:#000;<br />
float:left;<br />
background:#fff;<br />
padding: 15px 0 15px 0;<br />
}<br />
#column3-head h2 {<br />
padding: 5px 0 2px 0;<br />
margin: 0 0 30px 0;<br />
color:#ff5a00;<br />
font-size: 18px;<br />
letter-spacing: -1px;<br />
border-bottom: 1px solid #e1e1e1;<br />
text-transform: none;<br />
}<br />
#column3-head ul {<br />
padding: 0;<br />
margin: 0;<br />
}<br />
#column3-head ul li {<br />
line-height: 26px;<br />
list-style-type: none;<br />
border-bottom: 1px solid #031c5d;<br />
}<br />
#column3-head ul li a {<br />
display: block;<br />
padding: 0 10px;<br />
color:#666666;<br />
text-decoration: none;<br />
}<br />
#column3-head ul li a:hover {<br />
background: #B1ACB1;<br />
}<br />
#left-column3-head {<br />
width: 32%;<br />
float: left;<br />
padding-left:10px;<br />
}<br />
#center-column3-head {<br />
width: 32%;<br />
float: left;<br />
padding-left:10px;<br />
}<br />
#right-column3-head {<br />
width: 32%;<br />
float: right;<br />
padding: 0 5px 0 10px;<br />
}<br />
/* column3-head Ende<br />
==================== */</blockquote>
<br />
<h2>
2. Widgettitel anpassen</h2>
Falls ihr eurer 3er-Widgets ein eigenes Titel-Design verpassen wollt, dann könnt ihr diesen Schritt überspringen. Damit die Widgettitel das gleiche Aussehen übernehmen wie in der Sidebar, löscht diesen Teil aus dem Code, was wir gerade eben eingefügt habt:<br />
<blockquote class="tr_bq">
#column3-head h2 {<br />
padding: 5px 0 2px 0;<br />
margin: 0 0 30px 0;<br />
color:#ff5a00;<br />
font-size: 18px;<br />
letter-spacing: -1px;<br />
border-bottom: 1px solid #e1e1e1;<br />
text-transform: none;<br />
}</blockquote>
<br />
<h2>
3. HTML einfügen</h2>
<div>
Nun werden wir den Code einfügen und somit festlegen, wo die neuen Widgets auftauchen.</div>
<div>
<br /></div>
<div>
Diesen Code braucht ihr. Fügt es in die richtige Stelle ein, wo genau, steht weiter unten.</div>
<blockquote class="tr_bq">
<!-- 3-Column Head Anfang --><br />
<div id='column3-head'><br />
<b:section class='column3-head' id='left-column3-head'><br />
<b:widget id='Text1' locked='false' title='test1' type='Text'/><br />
</b:section><br />
<b:section class='column3-head' id='center-column3-head'><br />
<b:widget id='Text2' locked='false' title='test2' type='Text'/><br />
</b:section><br />
<b:section class='column3-head' id='right-column3-head'><br />
<b:widget id='Text3' locked='false' title='test3' type='Text'/><br />
</b:section><br />
</div><br />
<!-- 3-Column Head Ende --></blockquote>
<br />
<br />
<div>
<b>Variante 1</b></div>
<div>
<b><br /></b></div>
<div>
<ul>
<li>Widgets unter der Pagelist (Seitennavigation) einfügen: Code hinter folgendes einfügen:</li>
</ul>
<blockquote class="tr_bq">
<div id='crosscol-wrapper' style='text-align:center'><br />
<b:section class='crosscol' id='crosscol'><br />
<b:widget id='PageList1' locked='false' title='' type='PageList'/><br />
</b:section><br />
</div></blockquote>
<br />
<ul>
<li> Widgets zwischen Header und Pagelist (Seitennavigation) einfügen: Code hinter folgendes einfügen:</li>
</ul>
<blockquote class="tr_bq">
<div id='header-wrapper'><br />
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br />
<b:widget id='Header1' locked='true' title='Blogname' type='Header'/><br />
</b:section><br />
</div></blockquote>
<br />
<b>Variante 2</b><br />
<br />
<ul>
<li>Widgets über den Blog-Footer einfügen: Code vor folgendes einfügen:</li>
</ul>
<blockquote class="tr_bq">
<div id='footer-wrapper'>...</div></blockquote>
<br />
<h2>
4. Speichern und fertig.</h2>
Diese Methode benutze ich übrigens selber. Danach kann man zur Layout-Sicht wechseln, die Test-Widgets löschen und an ihrer Stelle seine eigenen Widgets einfügen. :)<br />
<br />
<br />
<h2>
Woher bekomme ich eine Minima-Vorlage her?</h2>
<div>
Da sie nicht mehr bei Blogger direkt vertreten ist, habe ich zwei verschiedene Versionen zum Downloaden:</div>
<div>
<ul>
<li>das originale <a href="http://blog.miradesigns.de/2012/10/minima-download.html" target="_blank">Minima</a></li>
<li>und das von mir <a href="http://blog.miradesigns.de/2014/01/eine-neue-minima-vorlage-re-minima_6.html" target="_blank">angepasste Minima</a> ohne Rahmen und co.</li>
</ul>
</div>
<div>
</div>
</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com4tag:blogger.com,1999:blog-5984094454230097461.post-52563077011650904612017-04-12T20:11:00.000+02:002017-04-12T20:11:24.053+02:00[LinkWithin] "Das könnte Sie auch interessieren" einrichten<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-KnaoYBWlyn0/WO5tr6cSOZI/AAAAAAAAKtc/zIr9X3lL1IoClp-hvNnzomtrXJJk-a5lACLcB/s1600/linkwithin_einrichten.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-KnaoYBWlyn0/WO5tr6cSOZI/AAAAAAAAKtc/zIr9X3lL1IoClp-hvNnzomtrXJJk-a5lACLcB/s1600/linkwithin_einrichten.jpg" /></a></div>
<br />
Hallo Ihr Lieben,<br />
<br />
<br />
viele Blogs haben unter den Posts ähnliche und verwandte Beiträge verlinkt. Bei Wordpress-Themes sind sie teilweise schon standardmäßig eingebaut und auch viele meiner Kunden wünschen sich so ein Widget in ihren Blogs. Meist funktionieren sie mit komplizierten Algorithmen und "lesen" Post und/oder Labels aus, um die passenden Inhalte anzuzeigen. Zum Glück gibt es aber noch die einfache Möglichkeit: Mit LinkWithin.<br />
<br />
<a name='more'></a><br />
<br />
Durch dieses Widget wird dem Leser direkt ein paar interessante Posts vorgeschlagen. Wer seine Besucher zum stöbern verleiten und motivieren will, sollte auf jeden Fall über so ein Widget nachdenken.<br />
<br />
<h2>
LinkWithin installieren</h2>
<h4>
1. Code generieren</h4>
Geht auf <a href="http://www.linkwithin.com/learn" target="_blank">die Seite</a> und meldet euren Blog an. <b>Unter Platform wählt ihr "Other" und nicht "Blogger"!</b> Drückt dann auf "Get Widget!".<br />
<br />
<h4>
2. Code in Blogger kopieren</h4>
Auf der nächsten Seite kriegt ihr gleich einen Code. Kopiert das ganze in ein <b>Widget</b> unter <b>Layout</b>, welches ihr später eventuell wieder schnell löschen könnt. Dort zieht ihr das Widget direkt unter den Blog Posts. Danach könnt ihr <b>abspeichern</b> und es auf euren Blog anschauen!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-ug-K_5dHzFc/WO5r8La_qGI/AAAAAAAAKtI/5WF5ynxgJ1Qix9nIWyv8hEpDIPC7PkJSgCLcB/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-ug-K_5dHzFc/WO5r8La_qGI/AAAAAAAAKtI/5WF5ynxgJ1Qix9nIWyv8hEpDIPC7PkJSgCLcB/s1600/1.PNG" /></a></div>
<br />
<br />
<h3>
So sieht es dann aus:</h3>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-s2hCyqdJYVY/WO5tA0vwrNI/AAAAAAAAKtU/8CUbPsVWaroRKyLJ4HndhRAtDn9FGaOCwCLcB/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-s2hCyqdJYVY/WO5tA0vwrNI/AAAAAAAAKtU/8CUbPsVWaroRKyLJ4HndhRAtDn9FGaOCwCLcB/s1600/2.PNG" /></a></div>
<b><br /></b>
Um es wieder zu entfernen, löscht ihr einfach das Widget wieder raus :)<br />
<br />
<h2>
Noch mehr ähnliche Tutorials:</h2>
<ul>
<li><a href="http://blog.miradesigns.de/2012/04/linkwithin-nur-auf-postseiten.html" target="_blank">LinkWithin nur auf Postseiten</a></li>
<li><a href="http://blog.miradesigns.de/2013/06/alternative-zum-linkwithin-simples-posts.html" target="_blank">Alternative zum LinkWithin: Simples "Related Posts"</a></li>
<li><a href="http://blog.miradesigns.de/2013/03/zufallige-posts-als-widget-einfugen.html" target="_blank">Zufällige Posts als Widget einfügen</a></li>
<li><a href="http://blog.miradesigns.de/2014/03/linkwithin-widget-anpassen.html" target="_blank">[LinkWithin] Widget anpassen</a></li>
</ul>
<br />
<br />
<div style="text-align: right;">
<span style="font-size: x-small;">20.3.2014 /// Update von Mira</span></div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com84tag:blogger.com,1999:blog-5984094454230097461.post-23153675063386703162017-04-12T17:48:00.000+02:002017-04-12T17:48:28.027+02:00Design Back-Up erstellen<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-bV35VHAz0D8/WO5GunV37XI/AAAAAAAAKp8/os1c4xB9BCIL_0OskEB59FHly-u1WoQGgCLcB/s1600/Design_Back_Up_Erstellen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-bV35VHAz0D8/WO5GunV37XI/AAAAAAAAKp8/os1c4xB9BCIL_0OskEB59FHly-u1WoQGgCLcB/s1600/Design_Back_Up_Erstellen.jpg" /></a></div>
<br />
Hallo Ihr Lieben,<br />
<br />
ein Design Back-Up ist immer nützlich und sollte vor jeder Änderung am Design durchgeführt werden, um ungewünschte Effekte nach den Änderungen am Design oder gar ganze Design-Umstellungen oder -Wechsel, die doch nicht gefallen, rückgängig zu machen. Mit einem Back-Up fährt ihr einfach sicherer!<br />
<br />
<a name='more'></a><br />
<b>1. Öffnet "Design" von eurem Blog.</b><br />
<b><br /></b>
<b>2. Klickt rechts oben auf die Schaltfläche "Backup/Wiederherstellung.</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-Zeq4DSIzsoo/WO5ID2MajhI/AAAAAAAAKqI/Q9DWbmtXX20Y5VK01ZAyfdDmUEk-AuAVQCLcB/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-Zeq4DSIzsoo/WO5ID2MajhI/AAAAAAAAKqI/Q9DWbmtXX20Y5VK01ZAyfdDmUEk-AuAVQCLcB/s1600/1.PNG" /></a></div>
<b><br /></b>
<b>3. </b>Es öffnet sich ein kleines Fenster. <b>Klickt auf die erste Schaltfläche "Design herunterladen".</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-M8h_azEa_8o/WO5IbfJUeuI/AAAAAAAAKqM/kA63KDGpZmoXQiK5SkGtEP3fSLAFbUP-QCLcB/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-M8h_azEa_8o/WO5IbfJUeuI/AAAAAAAAKqM/kA63KDGpZmoXQiK5SkGtEP3fSLAFbUP-QCLcB/s1600/2.PNG" /></a></div>
<b><br /></b>
<b>4. Speichert die Datei ab.</b> Ändert den Namen, sodass ihr schnell wiedererkennt, um welches Design es handelt und sucht euch ein Speicherort aus, wo ihr es schnell wieder finden könnt.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-oBajiK9ko0A/WO5I-43Et7I/AAAAAAAAKqU/rFPN-vZ4xR405fRURaM87ohHYm8led4GgCLcB/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-oBajiK9ko0A/WO5I-43Et7I/AAAAAAAAKqU/rFPN-vZ4xR405fRURaM87ohHYm8led4GgCLcB/s1600/3.PNG" /></a></div>
<br />
<br />MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com1tag:blogger.com,1999:blog-5984094454230097461.post-12190849390772231032017-04-12T16:35:00.000+02:002017-04-12T16:55:47.323+02:00Link (im Kommentar) einfügen<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Pv6B6F-CqGw/WO48MNSZyLI/AAAAAAAAKo0/2JywIztBmCwEh2uAHexI5srmyrCzKKHCACLcB/s1600/link_im_kommentar_hinzuf%25C3%25BCgen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-Pv6B6F-CqGw/WO48MNSZyLI/AAAAAAAAKo0/2JywIztBmCwEh2uAHexI5srmyrCzKKHCACLcB/s1600/link_im_kommentar_hinzuf%25C3%25BCgen.jpg" /></a></div>
<br />
Heute zeige ich euch, wie man einen Link in den Kommentar einfügt, sodass der Leser nur einmal drauf drücken muss, um auf die gewünschte Seite zu gelangen. Es ist total einfach, dafür braucht man nur ein bisschen HTML-Grundwissen!<br />
<br />
<br />
<a name='more'></a><br />
<br />
Wenn ihr ein Kommentar schreibt und am Ende euren Blog verlinken wollt dann braucht ihr den "Verlinkungsbaustein". Der sieht so aus:<br />
<br />
<div style="text-align: center;">
<b><a href="URL">...</a></b></div>
<div style="text-align: center;">
<b><br />
</b></div>
<div style="text-align: left;">
Das erste in der Klammer ist der erste Baustein, der sagt, was erreicht werden soll. Das in der letzten Klammer ist ein Schließbaustein, der sagt, wo es aufhört. Alle HTML-Codes brauchen ein Öffnerbaustein und ein Schließbaustein, es gibt nur eine Ausnahme: <br> (Der macht den Absatz, wie wenn ihr im Text Enter drückt.)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
In das <b>... </b>fügt ihr ein Text ein, das angezeigt werden soll. Zum Beispiel "Mein Blog" oder "Hier kommst du zu meinem Blog". Merkt euch, alles was nicht in den Eckklammer sind, wird als Text angezeigt.<br />
<br />
Außerdem solltet ihr in URL den Link eingeben, und zwar immer so: <b>http://</b>www.dasistmeinblog.com/</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Das sieht dann im Kommentarbereich so aus:</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-8FoolYA4Dms/WO40i-oMZTI/AAAAAAAAKoI/YBTGAxq5Jb8QBsYI8DEdL0U9-U92XnEYgCLcB/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-8FoolYA4Dms/WO40i-oMZTI/AAAAAAAAKoI/YBTGAxq5Jb8QBsYI8DEdL0U9-U92XnEYgCLcB/s1600/1.PNG" /></a></div>
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
So habt ihr euren Blog schön in einem Kommentar verlinkt.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Das ganze, was ich jetzt erklärt habe, funktioniert auch im HTML-Bereich und bei den Gadget "HTML Einfügen" und ist allgemein gültig. </div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com231tag:blogger.com,1999:blog-5984094454230097461.post-2473311860310975822016-04-11T18:08:00.002+02:002017-04-12T16:55:47.349+02:00Blogger: Neuerungen ab Ende April<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-pCCKcXHh4X8/WO4-R5cyY3I/AAAAAAAAKpM/yFkuLSVg0JQXIN4OR-OlRyawcAfV56I4QCLcB/s1600/blogger_neuerungen_april_2016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-pCCKcXHh4X8/WO4-R5cyY3I/AAAAAAAAKpM/yFkuLSVg0JQXIN4OR-OlRyawcAfV56I4QCLcB/s1600/blogger_neuerungen_april_2016.jpg" /></a></div>
<br />
Hallo Ihr Lieben,<br />
<br />
seit kurzem taucht auf dem Blogger Dashboard folgende Meldung auf, die bei manchen wahrscheinlich Fragen im Kopf hinterlassen hat:<br />
<br />
<i><b>Neuerung ab Ende April</b><br />Alle Besucher können dann deine Blogspot-Blogs über eine verschlüsselte Verbindung ansehen, indem sie https://<your-blog>.blogspot.com aufrufen. Bestehende Links und Lesezeichen für deine Blogs funktionieren weiterhin. Im Rahmen dieser Änderung wird die HTTPS-Verfügbarkeitseinstellung entfernt – für deine Blogs gibt es dann immer auch eine HTTPS-Version.</i><br />
<div>
<br />
<div>
Alles klar? Nein? Kein Problem, denn ich hatte auch einige Fragen gehabt und sie meinen persönlichen Experten für so ziemlich alles gefragt: Google ;)</div>
</div>
<div>
<br /></div>
<h2>
Was ist HTTPS?</h2>
<div>
Google sagt: <b>HTTPS</b> (= Hypertext Transfer Protocol Secure) ist eine Variante von HTTP, die zusätzliche Sicherheit verspricht. Diese wird erreicht durch eine Verschlüsselung der ausgetauschten Daten. - Okay! Wir wissen, dass Webseiten mit http://... aufgerufen werden, bei https-Seiten werden sie also stattdessen mit https://... aufgerufen. Hierbei steht das zusätzliche S für Secure oder auch Sicherheit und zeichnet die Seiten als <b>vertrauenswürdig</b> aus. Wer noch mehr darüber lesen will, aber kein Lust auf Fachchinesisch hat, findet hier eine relativ einfach zu lesenden <a href="http://www.sat1.de/ratgeber/sicherheit-im-internet/was-ist-https" target="_blank">Erklärung</a>.</div>
<div>
<br /></div>
<h2>
Was ändert sich für mich als Blogger?</h2>
<div>
Eigentlich gar nichts. Außer, dass dein Blog nun sowohl mit http:// als auch mit <b>https://</b> aufrufbar ist. Im September 2015 wurde diese <a href="https://blogger.googleblog.com/2015/09/https-support-coming-to-blogspot.html" target="_blank">Funktion schon eingeführt</a>, allerdings konnte man frei wählen, ob man das will oder nicht - damals wurden von <b>Darstellungs-Problemen</b> berichtet (also dass der Blog teilweise nicht richtig angezeigt wird), die man aber beheben kann. Ob diese Probleme noch vorhanden sind oder ob Google in der Zwischenzeit diese schon gelöst hat, da müssen wir uns überraschen lassen.</div>
<div>
<br /></div>
<h2>
Was ändert sich für mich als Leser?</h2>
<div>
Rein gar nichts. Alles wie gehabt ;)</div>
<div>
<br /></div>
<h2>
Welchen Vorteil hat HTTPS für meinen Blog?</h2>
<div>
Laut Google gibt es folgende Vorteile:<br />
<ul>
<li>Es kann geprüft werden, ob Ihre Besucher die richtige Website öffnen und nicht auf eine schädliche Website weitergeleitet werden.</li>
<li>Es kann festgestellt werden, ob ein Angreifer versucht, Daten zu ändern, die von Blogger an den Besucher übermittelt werden.</li>
<li>Es bietet weitere Sicherheitsmerkmale, die es anderen erschweren, Konversationen Ihrer Besucher abzuhören, deren Aktivitäten nachzuverfolgen oder deren Daten zu stehlen.</li>
</ul>
Da Google viele seine Dienste auf HTTPS umgestellt hat und auch versucht, andere Seiten da mit zu ziehen, hat man als Blogger mit HTTPS neben der Sicherheit einen weiteren Vorteil: <b>Man wird von Google besser eingestuft.</b></div>
<div>
Ein Beispiel: Wenn eine Person nach "empfindliche Haut Shampoo Blog Review" sucht, werden bevorzugt die Blogsreviews mit HTTPS gezeigt. Warum? Weil das HTTPS ein Aushängeschild ist, das einfach nur sagt: Hier bist du (einigermaßen) sicher.</div>
<div>
Einigermaßen, weil man natürlich nie zu 100% sicher ist im Netz - aber damit schlagen wir ein ganz anderes Thema auf, das für den normalen Internet-Nutzer viel zu kompliziert wäre.</div>
<div>
<br /></div>
<h2>
Wen betrifft diese Neuerung nicht?</h2>
<div>
Nicht betroffen sind Blogs mit eigener Domain. Das HTTPS-Zertifikat kann allerdings erworben werden.</div>
<div>
<br /></div>
<div>
<b><br /></b></div>
<div>
<b>Wie steht ihr zu dieser Umstellung? Habt ihr euch schon mit diesem Thema beschäftigt?</b></div>
<div>
<b><br /></b></div>
<div>
Viele Grüße,</div>
<div>
Mira</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com17tag:blogger.com,1999:blog-5984094454230097461.post-59924885229205045582015-09-16T00:00:00.000+02:002017-04-12T16:55:47.434+02:00Fremdes Design installieren<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-liFT_rTI9TM/WO4_BDJglEI/AAAAAAAAKpU/hSnaNYndqE0gEQMmYmDo6PsnFkukuAVOwCLcB/s1600/fremdes_design_installieren.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-liFT_rTI9TM/WO4_BDJglEI/AAAAAAAAKpU/hSnaNYndqE0gEQMmYmDo6PsnFkukuAVOwCLcB/s1600/fremdes_design_installieren.jpg" /></a></div>
<br />
Hallo Ihr Lieben,<br />
<br />
manchmal ist man nicht zufrieden mit dem eigenen Design und egal was man versucht, es funktioniert oder gefällt nicht. Die Lösung: ein Design von woanders her auf seinem Blog anwenden. Im Internet findet man sie überall, Blogdesigns für kleines Geld oder für lau. In diesem Post zeige ich euch, wie man sie richtig installiert und gebe euch Tipps beim aussuchen!<br />
<h2>
Wo finde ich Designs?</h2>
<div>
Für Blogger gibt es eine Menge Anbieter, hier sind meine Favoriten:</div>
<div>
<ul>
<li><a href="http://www.themexpose.com/" target="_blank">ThemeXpose</a> - alle Designs sind kostenlos, für ein wenig Geld kann man die Credits entfernen.</li>
<li><a href="http://miradesigns.de/downloads/" target="_blank">MiraDesigns</a> - Dort verkaufe ich meine Designs.</li>
<li><a href="http://www.copypastelove.de/search/label/Template" target="_blank">CopyPasteLove</a> - Hier findet ihr auch einige kostenlose Designs.</li>
<li><a href="https://www.etsy.com/de/search?q=blogger%20template&ref=auto1" target="_blank">Etsy</a> - Dort findet ihr eine Menge Blogdesigns!</li>
<li>und noch viele andere Seiten!</li>
</ul>
<div>
<br /></div>
<h2>
Wie installiere ich ein Template?</h2>
</div>
<h3>
1. Dafür sucht ihr euch ein Design aus und ladet es herunter.</h3>
<div>
Wenn ihr die Möglichkeit habt, eine Demo anzuschauen, dann tut das! Lieber erst anschauen und ausprobieren!</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-dKC3sAiNwKI/VfWieSgqfYI/AAAAAAAAJMQ/u0TdvRRftZ0/s1600/herunterladen.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-dKC3sAiNwKI/VfWieSgqfYI/AAAAAAAAJMQ/u0TdvRRftZ0/s1600/herunterladen.PNG" /></a></div>
<h3>
</h3>
<h3>
2. Entpackt die Datei.</h3>
<div>
In der Regel bekommt man beim Download nicht nur das Design, sondern noch eine ReadMe-Datei und eventuell noch eine Dokumentation, die euch beim Einrichten helfen soll. Um an diese Sachen heran zu kommen, <a href="http://www.scdb.info/de/entpacken/" target="_blank">müsst ihr die .zip-Datei entpacken</a>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Cc-y3fP-6rY/VfWjijGPXfI/AAAAAAAAJMc/2pU9JabmyIA/s1600/entpacken.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-Cc-y3fP-6rY/VfWjijGPXfI/AAAAAAAAJMc/2pU9JabmyIA/s1600/entpacken.png" /></a></div>
<h3 style="clear: both; text-align: left;">
</h3>
<h3 style="clear: both; text-align: left;">
3. Sucht nach der .XML-Datei.</h3>
<div>
Je nach dem, was für ein Design ihr gewählt habt und wie viele Variationen diese hat, findet ihr in dem entpackten Ordner eine oder mehrere .XML-Dateien. Diese beinhalten eure Designs.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-1QoWlP40WNY/VfWkUCYTFjI/AAAAAAAAJMk/IoHKyLyIZEs/s1600/XML-Datei.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-1QoWlP40WNY/VfWkUCYTFjI/AAAAAAAAJMk/IoHKyLyIZEs/s1600/XML-Datei.PNG" /></a></div>
<h3>
</h3>
<h3>
4. Geht zu Blogger.com und öffnet die Vorlage-Seite. Rechts oben findet ihr BackUp/Wiederherstellung. Klickt darauf.</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-GpfMjVOp-34/VfWlHg0oncI/AAAAAAAAJMw/-3Po7k6iKVM/s1600/Vorlage_hochladen_1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-GpfMjVOp-34/VfWlHg0oncI/AAAAAAAAJMw/-3Po7k6iKVM/s1600/Vorlage_hochladen_1.PNG" /></a></div>
<div>
<br /></div>
<h3>
</h3>
<h3>
5. Macht zuerst ein BackUp, indem ihr auf "Vollständige Vorlage herunterladen" klickt.</h3>
<div>
Danach könnt ihr mit "<b>Datei auswählen"</b> die gewünschte .XML-Datei hochladen.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nTUNBau8b0o/VfWlkjPVp8I/AAAAAAAAJM4/9xp30OHpabo/s1600/Vorlage_hochladen_2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-nTUNBau8b0o/VfWlkjPVp8I/AAAAAAAAJM4/9xp30OHpabo/s1600/Vorlage_hochladen_2.PNG" /></a></div>
<div>
<h3>
</h3>
<h3>
6. Lest euch die ReadMe-Datei und die Dokumentation durch.</h3>
</div>
<div>
Dort findet ihr weitere Hinweise, wie ihr das Design so einrichtet, damit sie alle Funktionen aus der Demo hat.</div>
<div>
<br />
<br /></div>
<h2>
Darauf solltet ihr achten, wenn ihr ein fremdes Design benutzt:</h2>
<div>
<ul>
<li><b>Macht euch Gedanken, was ihr haben wollt</b>! Die Auswahl an Designs ist riesig und manchmal verliert man sein Ziel aus den Augen. Brauche ich wirklich einen riesigen Slider? Ist eine Gallerie sinnvoll? Beachtet, dass je mehr Funktionen und Extras ein Template hat, desto länger wird er später brauchen um zu laden.</li>
<li>Ihr seid euch nicht sicher, ob ihr die <b>Credits löschen</b> dürft? Dann lest in der ReadMe-Datei oder fragt per Mail beim Designer nach. Kostenlose und günstige Designs setzen aber meistens voraus, dass ihr die Credits drin lasst.</li>
<li>Die Zukunft ist unterwegs online, also achtet darauf, dass eure Vorlage unter <b>Responsive Design</b> fällt. Ein Design, das responsive ist, reagiert auf die verschiedenen Ausgabegeräte, sodass sie auf dem Smartphone, Tablet und Desktop verschieden aussehen und trotzdem dem gleichen Design-Schema folgen.</li>
</ul>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="margin-left: auto; margin-right: auto;"><a href="http://miradesigns.de/downloads/" target="_blank"><img border="0" src="https://4.bp.blogspot.com/-TYoZ2UAkkPg/VfWo7L89POI/AAAAAAAAJNE/keIGUS8onsc/s1600/preview.jpg" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://miradesigns.de/downloads/" target="_blank">Beispiel für Responsive Design</a></td></tr>
</tbody></table>
<div>
<br /></div>
</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com16tag:blogger.com,1999:blog-5984094454230097461.post-84691143899490469082015-09-09T00:00:00.000+02:002017-04-12T16:55:47.492+02:00Favicon einfuegen<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-z2snxYnn6es/VeogDEn8zMI/AAAAAAAAJKs/4UFAqsuRZ6Y/s1600/favicon_aendern.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Für alle, die sich schon immer gefragt haben, wie dieses kleine, komische Bild heisst, das ihr in dem Bild oben sehen könnt: Das nennt sich Favorite Icon, oder ganz kurz <b>Favicon.</b> Diese Grafik taucht auf, wenn jemand eine Seite zu den Lesezeichen bzw. Bookmarks hinzufügt.<br />
<br />
Da bei Blogger Blogs immer nur dieses hässliche "<b>B</b>" zu sehen ist, hattet ihr bestimmt schon öfters das Bedürfnis, dieses kleine Bild neben den Tab-Titel eures Blogs zu ändern.<br />
<br />
<a name='more'></a><h2>
1. Geht auf Blogger - Layout und bearbeitet den Favicon.</h2>
<div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-VU0TGaS6wa4/VeohKZUzGTI/AAAAAAAAJK4/-8OyqijK9Fc/s1600/layout.PNG" /></div>
<h2>
2. Ladet eure Grafik hoch.</h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-uNpi7WhUlOc/VeohjxUr8kI/AAAAAAAAJLA/3o-eiaTdZxs/s1600/favicon_win.PNG" /></div>
<h2>
Welche Grafiken kann ich benutzen?</h2>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<ul>
<li>Benutzt nur Grafiken, die euch gehören oder die ihr benutzen dürft.</li>
<li>Eure Grafik muss eine <b>.ico- oder .png-Datei</b> sein.</li>
<li>Eigentlich werden Favicons in der Größe <b>16x16px</b> angezeigt. Bei Blogger reicht es aber völlig aus, wenn das Bild quadratisch ist. Achtet darauf, dass die Dateigröße weniger als 100KB sein muss.</li>
<li>Teilweise transparente Grafiken funktionieren auch (siehe das Favicon von CopyPasteLove).</li>
</ul>
</div>
</div>
</div>
<h2>
<span style="font-weight: normal;">Gründe, warum es nicht auf eurem Blog erscheint:</span></h2>
Euer Browser lädt noch euren alten Favicon, weil der sich normalerweise nicht andauernd ändert. Seid ihr ungeduldig, löscht den Cache eures Browsers. Wie? Das ist bei jedem Browser anders, also <a href="https://www.google.de/search?aq=f&ix=acb&sourceid=chrome&ie=UTF-8&q=cache+leeren" target="_blank">fragt Google</a>.MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com89tag:blogger.com,1999:blog-5984094454230097461.post-9323788003217420692015-09-07T00:00:00.000+02:002017-04-12T16:55:47.507+02:00[Diskussion] Blog in der Bewerbung erwähnen?<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-AI9MA40Ur6w/Vexv13dDCLI/AAAAAAAAJLQ/EiAPKFpyFH0/s1600/Blog_in_Bewerbung_erwaehnen.jpg" /></div>
<br />
Hallo Ihr Lieben,<br />
<br />
letztens stieß ich durch meine Arbeit auf einen Beitrag von Caro (<a href="http://the-purple-frog.blogspot.de/" target="_blank">The Purple Frog</a>), der mich zum Nachdenken gebracht hatte. Es ginge darum, ob man den <a href="http://the-purple-frog.blogspot.de/2015/07/sollte-ich-meinen-blog-in-einer.html" target="_blank">Blog in einer Bewerbung erwähnen</a> sollte.<br />
<br />
Vor einigen Jahren versuchte ich eine Ausbildung zum Mediengestalter zu finden und damals entschied ich mich dafür, meinen Blog zu erwähnen. Da es zum Beruf passte, erstellte ich auch direkt ein Portfolio, in dem ich meine Blogdesigns Arbeiten zeigte.<br />
<br />
Doch leider wurde ich nicht genommen. Eine genaue Erklärung habe ich von keiner Firma bekommen, die meisten schienen sich sogar vor der Absage zu drücken und konnten mir noch eine Woche vor dem (theoretischen) Ausbildungsbeginn nicht sagen, ob sie mich zumindest zu einem Vorstellungsgespräch einladen.<br />
<br />
Nach dieser Zeit habe ich mein Medieninformatik-Studium angetreten und für mich ergab sich daraus, dass ich mit meinem Blog<b> kein Vorteil bei der Bewerbung </b>erzielen konnte.<br />
<br />
Als ich gelesen habe, dass Caro mit der Erwähnung ihres Blogs Erfolg bei der Bewerbung hatte, wurde ich dann doch neugierig.<br />
<h4>
Habt ihr schon mal euren Blog in der Bewerbung erwähnt? Wurdet ihr darauf angesprochen? Habt ihr bemerkt, ob es eine Auswirkung auf eure Bewerbung hatte? Und was haltet ihr allgemein davon, den Blog zu erwähnen?</h4>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com25tag:blogger.com,1999:blog-5984094454230097461.post-83484793137187999492015-09-04T20:26:00.000+02:002017-04-12T16:55:47.484+02:00Zitatbox gestalten<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"></link>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-Ymb5oojVHFI/VenjVcazENI/AAAAAAAAJKQ/bE014sb5ILU/s1600/zitatbox_gestalten.png" /></div>
Hallo Ihr Lieben,<br />
<br />
heute zeige ich euch, wie man den Zitatbox schöner gestalten kann. Außerdem habe ich euch 6 Varianten vorbereitet, die ihr so übernehmen oder abgeändern könnt.<br />
<br />
<a href="http://www.copypastelove.de/2013/06/suchen-finden-mit-dem-neuem-html-editor.html" target="_blank">Sucht im "HTML bearbeiten"</a> nach:<br />
<br />
<blockquote class="tr_bq">
.post-body blockquote {</blockquote>
<br />
Darunter könnt ihr nun beliebige CSS-Codes einfügen, die eure Zitatbox zu etwas besonderem machen. Mögliche Eigenschaften für euer Zitatbox findet ihr im <a href="http://www.copypastelove.de/2015/08/der-css-katalog.html" target="_blank">CSS-Katalog</a>.<br />
<br />
<h2>
Variante 1:</h2>
<div>
Mit einem Strich links.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<blockquote class="tr_bq" style="clear: both; font-family: 'Open Sans', sans-serif; text-align: left;">
Ich bin eine hübsche Zitatbox <3</blockquote>
<blockquote class="tr_bq">
.post-body blockquote {<br />
margin: 1em 0 1em 10px;<br />
padding: 0 0 0 20px;<br />
border-left: 2px solid #ea808b;<br />
}</blockquote>
<h2>
Variante 2: </h2>
<div>
Mit einem Rahmen.</div>
<blockquote class="tr_bq" style="border: 1px solid #ea808b; clear: both; font-family: 'Open Sans', sans-serif; padding: 10px; text-align: left;">
Ich bin eine hübsche Zitatbox <3</blockquote>
<blockquote class="tr_bq">
.post-body blockquote {<br />
margin: 1em 0 1em 10px;<br />
padding: 10px;<br />
border: 1px solid #ea808b;<br />
}</blockquote>
<h2>
Variante 3:</h2>
<div>
Der erste Buchstabe ist anders als der Rest. Für diese Variante muss eure gewünschte Schriftart über </head> im HTML eingebaut sein (<a href="http://www.copypastelove.de/2011/11/schriftart-bei-posttitel-andern.html" target="_blank">Wie das geht?</a>). </div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" src="http://1.bp.blogspot.com/-zNOxkAunPFc/VeNExahXgoI/AAAAAAAAJJU/RzsGvv0_2Us/s1600/3.PNG" /></div>
<blockquote class="tr_bq">
.post-body blockquote {<br />
margin: 1em 0 1em 10px;<br />
padding: 0 0 0 20px;<br />
}<br />
.post-body blockquote:first-letter {<br />
font-family: 'Great Vibes';<br />
font-size: 35px;<br />
}</blockquote>
<h2>
Variante 4:</h2>
<div>
Die Box ist mit einem Hintergrund versehen.</div>
<blockquote class="tr_bq" style="background: url(https://3.bp.blogspot.com/-z17okhZHJX0/VeNHCJGXttI/AAAAAAAAJJg/PF7IYyJJw00/s320/squares4.jpg); border: 0; font-family: 'Open Sans', sans-serif; padding: 20px;">
Ich bin eine hübsche Zitatbox <3</blockquote>
<blockquote class="tr_bq">
.post-body blockquote {<br />
background: url(https://3.bp.blogspot.com/-z17okhZHJX0/VeNHCJGXttI/AAAAAAAAJJg/PF7IYyJJw00/s320/squares4.jpg);<br />
padding: 20px;<br />
margin: 1em 0 1em 10px;<br />
}</blockquote>
<div>
<h2>
Variante 5:</h2>
</div>
<div>
Bei dieser Variante werden vor und nach dem eigentlichen Zitat Zeichen angehängt.</div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" src="http://2.bp.blogspot.com/-UlHzLwYyeTM/VeNIvvRjRRI/AAAAAAAAJJs/aCO27pwb83E/s1600/4.PNG" /></div>
<blockquote class="tr_bq">
.post-body blockquote {<br />
margin: 1em 0 1em 10px;<br />
padding: 0 0 0 20px;<br />
border-left: 2px solid #ea808b;<br />
}<br />
.post-body blockquote:before {<br />
content: '" ';<br />
}<br />
.post-body blockquote:after {<br />
content: ' "';<br />
}</blockquote>
<h2>
Variante 6:</h2>
<div>
Hier wird gezielt ein Hintergrund gesetzt, sodass ein Anführungszeichen links oben auftaucht.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<blockquote class="tr_bq" style="background-position-x: left; background-position-y: top; background: url(https://3.bp.blogspot.com/-lkaSq8Ynu4M/VeNKRBUSypI/AAAAAAAAJJ4/1saDDhCl8bY/s1600/quote.png) no-repeat; border: none; font-family: 'Open Sans', sans-serif; margin: 1em 0 1em 10px; padding: 10px;">
Ich bin eine hübsche Zitatbox <3</blockquote>
<blockquote class="tr_bq">
.post-body blockquote {<br />
margin: 1em 0 1em 10px;<br />
padding: 10px;<br />
background: url(https://3.bp.blogspot.com/-lkaSq8Ynu4M/VeNKRBUSypI/AAAAAAAAJJ4/1saDDhCl8bY/s1600/quote.png) no-repeat;<br />
background-position-x: left;<br />
background-position-y: top;<br />
}</blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<h2>
<b>Wo kann ich eine Zitatbox machen?</b> </h2>
Im <b>Posteditor</b>, wo ihr euren Post schreibt, könnt ihr die Zitatbox einsetzen. Ihr markiert einfach eure gewünschte Textstelle und klickt auf die "-Anführungszeichen oben in der Werkzeugleiste.<br />
Um den Stil auch in einem <b>HTML/Javascript-Widget</b> zu benutzen, fügt ihr ein <blockquote> vor und ein </blockquote> nach den als Zitat anzuzeigenen Text ein.</div>
Anonymousnoreply@blogger.com18tag:blogger.com,1999:blog-5984094454230097461.post-69941516070832980742015-09-01T01:28:00.001+02:002017-04-12T16:55:47.458+02:00Monthly Links August 2015<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-JHhGbQakFgI/VdJSe7MuN_I/AAAAAAAAJEU/B9KXbWyFybg/s1600/monthly%2Blinks.jpg" /></div>
<br />
Ich habe diesen Monat fleißig Links aus Facebooks Bloggergruppen gesammelt, die tolle Tipps, Tricks und Tutorials beinhalten. Alle Posts wurden im August 2015 geschrieben.<br />
<h2>
1. Woche</h2>
<div>
<ul>
<li>Sabrina hat ein <a href="http://www.vanity-luxe.de/2015/08/raspberry-lover.html" target="_blank">neues Design für euch</a> gemacht. Wer Lust auf etwas neues für seinen Blogger Blog hat, kann dort mal vorbeischauen!</li>
<li>Ihr wünscht euch <a href="http://www.vanity-luxe.de/2015/08/how-to-take-brighter-photos.html#.VdJTPbLtlBc" target="_blank">hellere Fotos für euren Blog</a>? Sabrina hat auch noch einen tollen Post mit Tipps für das Fotografieren geschrieben.</li>
<li>Diana hat sich sehr viel Mühe gegeben, um zu zeigen, wie man die <a href="http://www.changiereffekt.de/bloggen/wie-du-die-eu-cookie-richtlinie-im-blog-umsetzen-kannst/" target="_blank">Cookie Richtlinien im Blog umsetzt</a> und viele weitere wissenswerte Infos zu Cookies auf ihrem Blog geschrieben.</li>
<li>Aileen beschäftigt sich für euch mit der Frage, <a href="http://mademoiselle-moment.com/2015/08/wie-starte-ich-blog.html" target="_blank">wie man einen Blog starten kann</a> und gibt euch dazu tolle Tipps und Denkanstöße.</li>
<li>Anne von Neontrauma spricht über den Trend <a href="http://neontrauma.de/bloggen/slow-blogging-der-blogger-trend-2015.php" target="_blank">Slow Blogging</a> und klärt auf, was das überhaupt bedeutet.</li>
</ul>
<h2>
2. Woche</h2>
</div>
<div>
<ul>
<li>Ihr wollt wissen, wie ihr mit Photoshop das bestmögliche aus euren Bildern holen könnt? Dann schaut bei Sabrina vorbei, denn sie hat dort <a href="http://www.vanity-luxe.de/2015/08/how-I-edit-my-pictures-in-ps.html#.VdJTMrLtlBc" target="_blank">Tipps für Bildbearbeitung in Photoshop</a> bereitgestellt!</li>
<li>Wem die Cookie-Leiste stört, die nun immer oben auftaucht, sobald ein neuer Leser auf dem Blog kommt, darf sich Janas Post durchlesen. Hier zeigt sie, wie ihr den <a href="http://www.lichtkonfetti.de/2015/08/tutorial-cookie-hinweis-gestalten.html" target="_blank">Cookie-Hinweis gestalten</a> könnt!</li>
<li>Achtung: Sarkasmus! Ami Coco zeigt in ihrem Post <a href="http://www.amicoco.com/2015/08/how-to-create-perfect-blog-post.html" target="_blank">How to create a perfect blog post</a> wie man einen Blogpost gestalten kann... oder auch nicht.</li>
<li>Clarabour hat ein paar <a href="http://clarabour.de/2015/08/free-presets-for-lightroom-2/" target="_blank">Presets für Lightroom</a> für euch gesammelt, die euch einiges an Arbeit und Zeit beim Bilder bearbeiten ersparen.</li>
<li>Janneke erklärt, <a href="http://www.blogyourthing.com/mini-blog-booster-nr7-andere-blogger-promoten/" target="_blank">wie und warum man als Blogger andere Blogger promoten sollte</a> und welche Vorteile das haben kann!</li>
<li>Aileen von Mademoiselle Moment gibt euch <a href="http://mademoiselle-moment.com/2015/08/blogdesign.html" target="_blank">Tipps für das Blogdesign</a>.</li>
<li>Anne von BlogChick erklärt, warum es wichtig ist, <a href="http://www.blogchicks.de/2015/08/14/nicht-vergessen-gib-deinen-bildern-namen/" target="_blank">euren Bilder richtige Namen zu geben</a>...</li>
<li>...und gibt auch gleich Tipps, wie man seine <a href="http://www.blogchicks.de/2015/08/11/facebook_seite/" target="_blank">Facebookseite erfolgreicher machen</a> kann.</li>
</ul>
</div>
<h2>
3. Woche</h2>
<div>
<ul>
<li>Isabelle gibt auf ihrem Blog Tipps und Antworten zu der Frage, <a href="http://www.isabellemw.com/2015/08/tipps-zur-frage-wie-starte-ich-einen.html" target="_blank">wie man einen Blog startet</a>.</li>
<li>Auf Himmelsblau.org hat Missi ihre <a href="http://himmelsblau.org/wordpress/?p=11599" target="_blank">drei liebsten Schrift-Kombis</a> gezeigt und verrät, wo ihr sie kostenlos herunterladen könnt!</li>
<li>Tenzi von Tenzmeeloves zeigt, wie bei ihr <a href="http://www.tenzmeeloves.de/2015/08/behind-scenes-so-entstehen-meine.html" target="_blank">hinter den Kulissen ein Blogpost entsteht</a>.</li>
</ul>
</div>
<h2>
4. Woche</h2>
<div>
<ul>
<li>Natalie von The Inspiring Life schreibt Tipps, wie ihr euren <a href="http://www.the-inspiring-life.com/2013/08/blende-belichtungszeit-und-iso-zahl.html" target="_blank">Schmuck besser fotografieren</a> könnt! </li>
<li>Tenzi von Tenzmeeloves hat sich gefragt, wo die <a href="http://www.tenzmeeloves.de/2015/08/bloggen-mal-anders-wo-bleibt-die.html" target="_blank">Persönlichkeit bei Blogs</a> geblieben ist und hat einige Kollegen dazu befragt.</li>
<li>Außerdem teilt sie mit uns ihre aktuellen <a href="http://www.tenzmeeloves.de/2015/08/neue-kategorie-font-love.html" target="_blank">Lieblings-Fonts</a>.</li>
<li>Marie von wandelbar zeigt euch, wie sie in Photoshop eine <a href="http://www.wandelbar-photo.de/2015/08/tutorial-meine-hautretusche-in-nur-5.html" target="_blank">Hautretusche in 5 Minuten</a> schafft. Die Tipps funktionieren auch in GIMP!</li>
<li>Sabine von Ferngeweht gibt <a href="http://www.ferngeweht.de/tipps-nachtaufnahmen/" target="_blank">Tipps für gelungene Nachtaufnahmen</a>.</li>
</ul>
</div>
<div>
PS: Wer im September's Monthly Links dabei sein möchte, darf seinen Link(s) hier lassen!</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com8tag:blogger.com,1999:blog-5984094454230097461.post-42004932652198086002015-08-31T00:00:00.000+02:002017-04-12T16:55:47.399+02:00[Diskussion] Verschiedene Themen auf einem Blog?<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-yMh2-tYXQJg/VeMTsCN3poI/AAAAAAAAJIA/w1c8a6OwIu8/s1600/verschiedene_themen_auf_einem_blog.jpg" /></div>
<br />
Hallo Ihr Lieben,<br />
<br />
als ich letztens an einem Design für eine Kundin gearbeitet habe, kam sie auf die Idee, noch einen zweiten Blog zu eröffnen, um dort über andere Dinge zu schreiben. Sie meinte, es wäre dann besser getrennt und die Themen auf den einzelnen Blogs wären nicht wie wild zusammen gewürfelt.<br />
<br />
Eigentlich wollte ich ihr schreiben, dass ich es selbst nicht schlimm finde, wenn ein Blog mehr als nur ein oder zwei Themen hat. Aber dann dachte ich mir, es schadet ja nicht, getrennte Blogs zu schreiben. Ich denke, da ist jeder anders und hat da seinen eigenen Geschmack.<br />
<h3>
Was sagt ihr? Lest ihr lieber Blogs, die nur ein bestimmtes Thema bzw. Themengebiet abdecken oder ist das euch nicht so wichtig?</h3>
<div>
Persönlich finde ich es auch etwas schöner, wenn ein Blog nicht das <b>wildeste Dschungel</b> an Beiträgen anbietet, denn dann ist es einfacher das Design dazu passend zu gestalten, der Blog selbst wirkt auch <b>geradliniger</b> und man weiß sofort, was einem erwartet.</div>
<div>
<br /></div>
<div>
Andererseits bietet der Blog <b>keinen großen Themenvielfalt</b> und es kann (!) schnell <b>langweilig</b> werden. Wie schon gesagt: der Leser weiß eben, was ihn erwartet. Wer seine Blogs feinsäuberlich nach Themen trennt, hat gewiss auch <b>mehr Arbeit</b> - wenn er nicht will, dass seine Blogs einschlafen.</div>
<div>
<br /></div>
<div>
Die oben genannte Aspekte sind allerdings aus der Sicht des Bloggers, interessant finde ich aber vor allem, was die Leser eher bevorzugen.</div>
<h4>
Ein Blog mit vielen Themen und Themenbereiche oder lieber ein Blog mit nur wenigen Themen? Was findet ihr als Leser besser?</h4>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com14tag:blogger.com,1999:blog-5984094454230097461.post-9188489245078236312015-08-28T00:00:00.000+02:002017-04-12T16:55:47.504+02:00 CSS-Bezeichnungen im Minima<style>
.post h3 {
background: #fff !important;
}
</style>
<br />
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-tZMskNjmiDI/VdUuQ4ZOEUI/AAAAAAAAJFM/DxwyV1dZ5fE/s1600/title.jpg" /></div>
<br />
Hallo ihr Lieben, </div>
<div style="text-align: justify;">
Heute erkläre ich euch, was die einzelnen CSS-Bezeichnungen, die ihr beim „Layout gestalten“ seht genau bedeuten.<br />
<br />
Welche Eigenschaften ihr in die jeweiligen Bezeichnungen (der korrekte Fachausdruck ist Selektor) verwenden könnt, seht ihr im <a href="http://www.copypastelove.de/2015/08/das-css-katalog.html" target="_blank">CSS-Katalog</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wenn ihr unter „Vorlage“ und „HTML bearbeiten“ euer Design verändern wollt, stößt man vorerst auf Begriffe, von denen man gar nicht genau weiß, was sie bedeuten. Natürlich kann man vieles übersetzen, jedoch bleibt oft die Frage „Was verändere ich damit denn eigentlich?“ im Kopf hängen. Um in Zukunft Bescheid zu wissen, zeige ich euch eine Definitionsliste, die ich nach persönlichen „Try & Fail“-Erfahrungen erstellt habe.<br />
<br />
Die Selektoren sind aus der Minima-Vorlage entnommen, mit der die meisten Blog-Designer arbeiten. Die Vorlage ist nicht mehr direkt bei Blogger verfügbar, aber ihr könnt die <a href="http://www.copypastelove.de/2012/10/minima-download.html" target="_blank">Original-Version hier</a> oder unsere <a href="http://www.copypastelove.de/2014/01/eine-neue-minima-vorlage-re-minima_6.html" target="_blank">bearbeitete Version hier</a> herunterladen. <u>Beachtet, dass ihr bei dieser Vorlage den Vorlagendesigner nicht mehr verwenden könnt!</u></div>
<br />
<div style="text-align: center;">
<h2 style="text-align: left;">
Links seht ihr die Begriffe bzw. Selektoren, die ihr in eurer Minima-Vorlage findet und rechts die passenden Definitionen.
</h2>
</div>
<br />
<b id="docs-internal-guid-89a72500-48ab-f264-c633-ded63f7a7a4c" style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
body {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Grundlegende Eigenschaften des Blogs</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
a:link {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften der Links</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
a:visited {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften der bereits besuchten Links</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
a:hover {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften der Links, wenn man mit der Maus darüberfährt</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
a img {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften der Bilder, die sich im Blog befinden und eine Verlinkung aufweisen</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Header</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
-----------------------------------------------*/</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Oberer Teil</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">-----------------------------------------------*/</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header-wrapper {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften des Header-Bereichs</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header-inner {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Dinge, die sich im Header befinden</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Grundlegende Eigenschaften des Headers</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header h1 {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für Blogtitel im Header</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header a {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften aller Links im Header (inkl. Blogtitel)</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header a:hover {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften aller Links im Header (inkl. Blogtitel), wenn man mit der Maus darüberfährt</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header .description {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Blogbeschreibung unter dem Header</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#header img {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für das Headerbild</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Outer-Wrapper</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
----------------------------------------------- */</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Hauptteil</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">----------------------------------------------- */</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#outer-wrapper {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Gesamten Bereich (Sidebar+Haupbereich)</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#main-wrapper {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Hauptbereich (Postbereich)</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#sidebar-wrapper {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Sidebar-Bereich</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Headings</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
----------------------------------------------- */</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Überschriften</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">----------------------------------------------- */</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
h2 {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für Sidebartitel, Datum und “Überschrift” im Postbereich</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Posts</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
-----------------------------------------------*/</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Postbereich</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">-----------------------------------------------*/</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
h2.date-header {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für das Datum</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Postbereich</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post h3 {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für Posttitel & Seitentitel auf der Startseite und (vor allem) auf der Postseite/Seite</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post h3 a, .post h3 a:visited, .post h3 strong {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Posttitel auf der Startseite</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post h3 strong, .post h3 a:hover {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Posttitel auf der Startseite, wenn man mit der Maus darüber fährt</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post-body {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den einzelnen Postbereich</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post-body blockquote {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für Zitate</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post-footer {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den unteren Teil des Posts</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.comment-link {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Link zu den Kommentaren</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post img, table.tr-caption-container {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Bilder im Postbereich</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.tr-caption-container img {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Keine Angabe*</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post blockquote {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Zitate</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.post blockquote p {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für Absätze in den Zitaten</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Comments</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
----------------------------------------------- */</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Kommentare</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">----------------------------------------------- */</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#comments h4 {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Überschrift oberhalb des Kommentarbereichs</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#comments-block {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">veraltet - keine Funktion**</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#comments-block .comment-author {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">veraltet - keine Funktion**</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#comments-block .comment-body {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">veraltet - keine Funktion**</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#comments-block .comment-footer {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">veraltet - keine Funktion**</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#comments-block .comment-body p {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">veraltet - keine Funktion**</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.deleted-comment {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften der gelöschten, sichtbaren Kommentaren</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.feed-links {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Keine Angabe*</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#blog-pager-newer-link {</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Link "Neuere Posts" am Ende des Blogs</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#blog-pager-older-link {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Link "Ältere Posts" am Ende des Blogs</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#blog-pager {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Link "Startseite" am Ende des Blogs</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Sidebar Content</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
----------------------------------------------- */</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Sidebar</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">----------------------------------------------- */</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.sidebar {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Grundlegende Eigenschaften für die Sidebar</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.sidebar ul {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für alle ungeordneten Listen der Sidebar</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.sidebar li {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für alle Punkte in den Listen der Sidebar</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.sidebar .widget. .main .widget {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für alle Gadgets in der Sidebar und im Postbereich</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.main .Blog {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Postbereich</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Profile</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
----------------------------------------------- */</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Profilgadget</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">----------------------------------------------- */</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.profile-img {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für das Bild im Profilgadget</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.profile-data {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Überschrift im Profilgadget</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.profile-datablock {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Überschrift im Profilgadget</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.profile-textblock {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den Text im Profilgadget</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
.profile-link { }</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für die Links im Profilgadget</span></div>
</td></tr>
</tbody></table>
</div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none; width: 602px;"><colgroup><col width="*"></col><col width="*"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
/* Footer</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
----------------------------------------------- */</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">/* Unterer Teil des Blogs</span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">----------------------------------------------- */</span></div>
</td></tr>
<tr style="height: 0px;"><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
#footer {}</div>
</td><td style="padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #e06666;">Eigenschaften für den unteren Teil des Blogs</span></div>
</td></tr>
</tbody></table>
</div>
<br />
<br />
<br />
<br />
<b>Zum Schluss ein kleiner Hinweis:</b> Wenn ihr eine Minima-Vorlage verwendet findet ihr alle Begriffe. Benutzt ihr eine neue Vorlage, werdet ihr diese wahrscheinlich nicht alle so vorfinden, wie sie hier aufgelistet sind. Trotzdem dürfte die Liste eine hilfreiche und nützliche Sache beim Designen eures Blogs sein.<br />
<br />
<br />
*Keine Angabe: bedeutet, dass ich für diesen Begriff keine Funktion herausgefunden habe. Wenn ihr mehr wisst, dürft ihr die Liste gerne ergänzen.<br />
<br />
**veraltet - keine Funktion: bedeutet, dass diese Selektoren vermutlich nicht mehr gebraucht werden und wenn, dann sehr selten.Anonymousnoreply@blogger.com17tag:blogger.com,1999:blog-5984094454230097461.post-19039873383564467832015-08-26T00:00:00.000+02:002017-04-12T16:55:47.331+02:00Textstellen hervorheben<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-tM_U0MWc_1A/VdUe18UpW0I/AAAAAAAAJFA/2Vex07ukHFA/s1600/title.jpg" /></div>
<br />
Heute zeige ich euch eine einfache Methode, wie ihr euren Text aufpeppen und einige Textstellen hervorheben könnt.<br />
<h2>
Gestalten</h2>
Wir fügen im "HTML bearbeiten" über "]]></b:skin>" folgenden Code ein:<br />
<blockquote class="tr_bq">
b{<br />
...<br />
}<br />
<br />
i{<br />
...<br />
}<br />
<br />
u{<br />
...<br />
}</blockquote>
<div>
Die ... könnt ihr nun durch beliebige CSS-Codes eintauschen. Im <a href="http://www.copypastelove.de/2015/08/das-css-katalog.html" target="_blank">CSS-Katalog</a> findet ihr passende Code-Schnipsel.<br />
<br />
Noch kurz zur Erklärung:<br />
<ul>
<li>b bedeutet <b>fett</b></li>
<li>i bedeutet <i>kursiv</i></li>
<li>u bedeutet <u>unterstrichen</u></li>
</ul>
<br />
<h2>
Verwendung</h2>
<h3>
Im Post-Editor:</h3>
<div>
Wollt ihr die Gestaltung im Post verwenden, könnt ihr eure Textzeilen markieren und folgende Punkte im Post-Editor anklicken:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-0cEfNbx5CRA/VdUdXkr_9mI/AAAAAAAAJE4/vqdYppAZBdw/s1600/PostEditor.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-0cEfNbx5CRA/VdUdXkr_9mI/AAAAAAAAJE4/vqdYppAZBdw/s1600/PostEditor.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Im Editor selbst seht ihr eure Formatierung nicht, dafür aber in der Vorschau und im veröffentlichten Post.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3 style="clear: both; text-align: left;">
In HTML/Javascript-Widget:</h3>
<div>
Fügt um euren gewünschten Textstellen, je nachdem was ihr gerne hättet, folgendes ein:</div>
<blockquote class="tr_bq">
<b>Dein Text</b><br />
<u>Dein Text</u><br />
<i>Dein Text</i></blockquote>
<div>
Ihr könnt das auch im Fließtext verwenden, in etwa so:</div>
<blockquote class="tr_bq">
Der Text hier ist normal, aber ab <b>hier sieht es anders aus</b>. Jetzt ist es wieder normal.</blockquote>
<br />
Viel Spaß beim ausprobieren!<br />
<div>
<br /></div>
</div>
Anonymousnoreply@blogger.com1tag:blogger.com,1999:blog-5984094454230097461.post-23288851688882028772015-08-24T17:33:00.000+02:002017-04-12T16:55:47.345+02:00{Minima Basics #2} Bloghintergrund ändern<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-zsHgBzrwmXA/VdtQncH3gjI/AAAAAAAAJG4/nqsu7lfv7Zs/s1600/bloghintergrund_%25C3%25A4ndern_title.jpg" /></div>
<br />
Es wurde gefragt, wie man einen eigenen Hintergrund einfügen kann. Bei den neuen Vorlagen kann man zwar ein Bild hochladen, aber die Größe ist der Datei ist begrenzt und außerdem kann man nicht bestimmen, wie der Hintergrund sich verhält.<br />
Bei der Minima-Vorlage, mit der ich am liebsten arbeite, kann man kein Bild hochladen - hierfür auch das Tutorial.<br />
<br />
<a name='more'></a><br />
<br />
<b>1. </b>Ladet ein Bild hoch, das ihr als Hintergrund nutzen wollt. Entweder ist es ein Bild, dass so groß ist wie das Bildschirm selbst oder ein Pattern, das sich unendlich wiederholt. Hier der Unterschied:<br />
<br />
<b>Bild</b>: <a href="http://cplovetest.blogspot.de/p/ein-bild-hintergrund.html" target="_blank">http://cplovetest.blogspot.de/p/ein-bild-hintergrund.html</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-YKySUyoPnKQ/Vds1wORMOiI/AAAAAAAAJGc/tXLpcVyj81M/s1600/Hintergrund%25C3%2584ndern-Beispiel2.JPG" /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<b>Pattern:</b> <a href="http://cplovetest.blogspot.de/p/pattern-hintergrund.html">http://cplovetest.blogspot.de/p/pattern-hintergrund.html</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-FGjPU7Idjl4/VdszrT2QX4I/AAAAAAAAJGQ/zF7fm7p_kno/s1600/Hintergrund%25C3%2584ndern-Beispiel1.JPG" /></div>
<br />
<b>Nur Farbe: </b><a href="http://cplovetest.blogspot.de/">http://cplovetest.blogspot.de/</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-Fpc8e7wrRfw/Vds3iFbLHsI/AAAAAAAAJGo/uWNL9-5k9Xg/s1600/Hintergrund%25C3%2584ndern-Beispiel3.JPG" /></div>
<br />
<br />
<b>2. </b>HTML bearbeiten. Öffnet dafür das HTML und öffnet die <b:skin>...</b:skin> Zeile:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-IJEIfHxppy8/VdscMe7tkpI/AAAAAAAAJFs/pf4AIpxIA3Q/s1600/OpenCSS.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-IJEIfHxppy8/VdscMe7tkpI/AAAAAAAAJFs/pf4AIpxIA3Q/s1600/OpenCSS.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sucht im blauen Bereich nach <b>Body{...} </b>und bearbeitet <b>background:...;</b></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Zunächst fügt ihr das Bild ein: <b>url(http://bild.jpg/)</b></li>
<li>Dann bestimmt ihr, ob sie wiederholt wird: <b>repeat - </b>oder nicht:<b> no-repeat</b> (dies muss aber nicht zwangsläufig geschrieben werden)</li>
<li>Unbewegter Hintergrund wie bei unserem 2. Beispiel: <b>fixed</b></li>
<li>Position des Hintergrund bestimmt ihr mit: <b>center</b>, <b>top</b>, <b>bottom</b>,<b> left</b> und/oder <b>right </b>- beachtet, dass sich die Befehle nicht widersprechen</li>
<li>Bestimmt noch die Farbe für den Hintergrund, falls diese nicht oder nur langsam ladet. Falls ihr kein Bild haben wollt, dann lasst alles bis auf die Farbangabe weg: <b>#cccccc</b> (weitere Farben:
<a href="http://www.colorpicker.com/">http://www.colorpicker.com/</a> )</li>
</ul>
<div>
<br /></div>
<div>
So kann der Code dann aussehen:</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<span style="-webkit-text-size-adjust: none; background-color: white; font-family: Consolas, 'Lucida Console', monospace; font-size: 12px; text-align: -webkit-auto;">background:url(http://triggerhippie.site50.net/designelemente/backhome/background2.png) fixed left bottom no-repeat #FFF6F6;</span></blockquote>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com49tag:blogger.com,1999:blog-5984094454230097461.post-87935778280850190332015-08-24T00:00:00.000+02:002017-04-12T16:55:47.496+02:00[Diskussion] Bannerwerbung auf Blogs?<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-Ex08tpZ6qBM/VdHeTQVXIdI/AAAAAAAAJC8/5CXfueqRV4s/s1600/WerbungaufBlogs.jpg" /></div>
<br />
Hallo Ihr Lieben,<br />
<br />
für viele ist Bloggen wohl eher ein Hobby, aber wenn man dadurch ein wenig dazu verdienen kann, ist das gar nicht so schlecht. In letzter Zeit war viel die Rede von Sponsored Posts und viele hatten verschiedene Meinungen dazu gehabt. Doch was ist mit Banner-Werbung?<br />
<h2>
Bannerwerbung und Werbeblöcke auf Blogs? Was sagt ihr?</h2>
<div>
Im Gegensatz zu Sponsored Posts, die meistens eine einmalige Bezahlung einbringen, kann man mit Werbeblöcke <b>dauerhaft verdienen</b>. Hier wird nicht pro Link bezahlt, sondern <b>pro Klick oder View</b> (also wie oft es gesehen wurde). Vorteil dieser Einnahmequelle ist, dass die Posts selbst nicht betroffen sind und somit <b>unabhängig</b> bleiben. Dass heißt, man muss keinen Post nach den Wünschen eines Kunden schreiben und keine bestimmten Link einpflegen.</div>
<div>
<br /></div>
<div>
Ein großer Nachteil dieser Banner ist, dass sie <b>nicht gut aussehen</b>, sofern sie nicht stilistisch passend eingebunden worden sind. Außerdem ist <b>der Verdienst deutlich geringer</b> als bei Sponsored Posts - daran sind unter anderem auch AdBlocker schuld (meiner Meinung nach).</div>
<div>
<br /></div>
<div>
<b>Auch ich benutze AdBlocker</b>, doch wenn ich einen Blog finde, der mir gefällt, schalte ich ihn dauerhaft für diese Seite aus. Das mache ich noch nicht lange, aber seit ich es in einer Blogger Gruppe gelesen habe, halte ich das für einen guten Kompromiss. Immerhin will man ja seine Lieblingsblog unterstützen, auch wenn es nur ein bisschen ist :)</div>
<div>
<br /></div>
<div>
Wenn es um Bannerwerbung geht, gibt es nahezu unendlich Anbieter im Netz. Ich selbst kenne nur AdSense, Zanox und BlogFoster, aber vielleicht kennt jemand von euch noch mehr?</div>
<div>
<br /></div>
<h4>
Was denkt ihr zum Thema Bannerwerbung auf Blogs? Schaltet ihr selbst Werbung auf eurem Blog?</h4>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com6tag:blogger.com,1999:blog-5984094454230097461.post-40654629251924378152015-08-21T00:00:00.000+02:002017-04-12T16:55:47.391+02:00Der CSS-Katalog<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-Znn5BHU4olo/VdUXnswu4oI/AAAAAAAAJEs/ecdT6n08hRQ/s1600/CSS%2BKatalog.jpg" /></div>
<br />
Da viele Tutorials Grundkenntnisse in CSS voraussetzen, habe ich hier ein CSS-Katalog erstellt, welches an sich kein eigenes Tutorial ist, sondern als Begleitmaterial für andere Tutorials dient.<br />
<br />
Achtung: Dieser Post ist nicht dafür geeignet, CSS in seiner Gesamtheit zu erlernen.<br />
<h2>
Benutzen von CSS</h2>
<div>
CSS ist für das Aussehen jeder Webseite verantwortlich (nicht verwechseln mit dem Aufbau!). Im Prinzip ist die Sprache sehr einfach. Ihr braucht einen Selektor (Adressat), den ihr ansprecht und eine Anweisung bestehend aus Attribute und Werte zuweist. Im Grunde sieht ein CSS-Code so aus:</div>
<blockquote class="tr_bq">
Selektor {<br />
Attribut: Wert;<br />
}</blockquote>
<div>
Dem angesprochenen Selektor kann man unendlich viele Anweisungen, also Attribute und Werte geben. Der Selektor ist abhängig vom HTML, denn CSS ist dafür da um HTML-Elemente zu gestalten.</div>
<div>
<br /></div>
<h2>
Einfache Attribute von CSS</h2>
<div>
Je nach dem ob ihr ein Block-Element (div-Elemente, Bilder) oder ein Schrift-Element (a-Elemente, span-Elemente) gestalten wollt, gibt es verschiedene Attribute. Manche kann man auch bei beidem einsetzen. Im folgenden gehe ich auf einfache Attribute ein und welche Werte man jeweils einsetzen kann.</div>
<h3>
Höhe und Breite (nur Block)</h3>
width | height: [Zahlen-Wert mit Größeneinheit];<br />
<div>
<h4>
Erklärung der Größeneinheiten:</h4>
<div>
<ul>
<li>px = Pixel</li>
<li>em = Höhe der verwendeten Schrift</li>
<li>% = Prozentsatz - relativ zum Elternelement (Element, indem sich das bearbeitete Element befindet)</li>
<li>auto = wird ohne Maßangabe benutzt, damit sich das Attribut sich an das andere vorgegebene Attributwert anpasst (zB. width ist fest vorgegeben, dann kann mit height:auto; die Höhe sich anpassen, damit das Bild nicht verzerrt wird). Funktioniert nur bei Bilder.</li>
</ul>
</div>
<h4>
Beispiele:</h4>
<blockquote class="tr_bq">
width: 50px;<br />
height: 5em;<br />
width: 100%;<br />
height: auto;</blockquote>
<div>
<br /></div>
<h3>
Rahmen (Block, Schrift)</h3>
<div>
border-top | border-right | border-bottom | border-left: [Zahlen-Wert mit Größeneinheit] [Art des Rahmens (double, dashed, dotted, solid)] [Farbe];</div>
<h4>
Erklärung der Werte:</h4>
<div>
<ul>
<li>dashed = gestrichelt</li>
<li>dotted = gepunktet</li>
<li>double = doppelter durchgehender Strich</li>
<li>solid = durchgehender Strich</li>
</ul>
</div>
<h4>
Beispiele:</h4>
<blockquote class="tr_bq">
border-top: 1px solid #000000;<br />
border-left: 3px dashed rgb(174, 255, 7);<br />
border-right: 5px dotted #ffffff;</blockquote>
<div>
<br /></div>
<h3>
Hintergrundfarbe (Block, Schrift)</h3>
<div>
background-color: [Farbe];</div>
<h4>
Beispiele:</h4>
<blockquote class="tr_bq">
background-color: #ffffff;<br />
background-color: rgb(0, 0, 0);</blockquote>
<div>
<br />
<h2>
Schrift-Attribute von CSS</h2>
</div>
<div>
Im folgenden werden CSS-Attribute gezeigt, die nur auf Schriften anwendbar sind (h1 bis h6, a und span Elemente).</div>
<h3>
Schriftgröße</h3>
<div>
font-size: [Zahlen-Wert mit Größeneinheit];</div>
<h4>
Beispiele:</h4>
<blockquote class="tr_bq">
font-size: 5em;<br />
font-size: 15px;</blockquote>
<div>
<br /></div>
<h3>
Schriftfarbe</h3>
<div>
color: [Farbe];</div>
<h4>
Beispiel:</h4>
<blockquote class="tr_bq">
color: #ccdd66;</blockquote>
<div>
<br /></div>
<h3>
Textformatierung</h3>
<div>
text-align: [center, left, right oder justify];</div>
<div>
<h4>
Erklärung der Werte:</h4>
</div>
<div>
<ul>
<li>center = zentriert</li>
<li>left/right = links/rechts</li>
<li>justify = Blocksatz</li>
</ul>
</div>
<h4>
Beispiel:</h4>
<blockquote class="tr_bq">
text-align: left;</blockquote>
<div>
<br /></div>
<h3>
Schriftformatierung</h3>
<div>
text-transform: [uppercase, lowercase, capitalize, none];</div>
</div>
<div>
<h4>
Erklärung der Werte:</h4>
</div>
<div>
<ul>
<li>uppercase = alles in Großbuchstaben</li>
<li>lowercase = alles in Kleinbuchstaben</li>
<li>capitalize = erster Buchstabe groß, Rest klein</li>
<li>none = keine Formatierung</li>
</ul>
<h4>
Beispiel:</h4>
</div>
<blockquote class="tr_bq">
text-transform: uppercase;</blockquote>
<br />
<div>
<h3>
Schriftart (nur Schrift)</h3>
</div>
<div>
font-family: [Schriftname], [alternative Schriftart];</div>
<div>
<br /></div>
<div>
Wie ihr eine Schrift einbindet, wird hier in den ersten 3 Schritten erklärt: <a href="http://www.copypastelove.de/2011/11/schriftart-bei-posttitel-andern.html">http://www.copypastelove.de/2011/11/schriftart-bei-posttitel-andern.html</a></div>
<h4>
Beispiel:</h4>
<blockquote class="tr_bq">
font-family: 'Verdana', sans-serif;</blockquote>
<div>
<br />
<h3>
Zeichenabstand (nur Schrift)</h3>
</div>
<div>
letter-spacing: [Zahlenwert mit Größeneinheit];</div>
<div>
<br /></div>
<div>
Erzeugt Abstand mit der angegebenen Größe.</div>
<h4>
Beispiel:</h4>
<blockquote class="tr_bq">
letter-spacing: 0.5em;<br />letter-spacing: 1px;</blockquote>
<div>
<br /></div>
<hr />
<div>
Diese Liste wird natürlich aktualisiert. Falls ihr etwas gerne wissen wollt, lasst es mich in den Kommentaren wissen!</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com6tag:blogger.com,1999:blog-5984094454230097461.post-57414273024997286242015-08-20T00:00:00.000+02:002017-04-12T16:55:47.430+02:00Zähler für Kommentare & Posts<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-BOz0S8iL4YY/VdJOyOZrnfI/AAAAAAAAJEI/B3MOoxwsgCk/s1600/title.jpg" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Wer von euch schon immer mal schnell sehen wollte, wie viele Posts und Kommentare sich denn eigentlich schon auf eurem Blog angesammelt haben, ist hier genau richtig. Diese kleine Statistik kann nämlich in Form eines Gadgets auf eurer Seite eingefügt werden.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><h2>
Schritt 1</h2>
<div class="separator" style="clear: both; text-align: left;">
Zunächst müsst ihr ein neues Gadget erstellen: Geht von eurem Blogger Dashboard auf <b style="font-style: italic;">Design, </b>dann auf <b style="font-style: italic;">Layout, </b>klickt irgendwo auf <b style="font-style: italic;">Gadget hinzufügen</b> und sucht das <b style="font-style: italic;">HTML/JavaScript </b>Gadget heraus.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-smum2d6sZX8/VdJND1Y26RI/AAAAAAAAJD0/QgMDeWpQGPI/s1600/Layout%2B-%2BHTML%2BGadget.JPG" /></div>
<br />
<br />
<h2>
Schritt 2</h2>
<span class="Apple-style-span" style="font-family: inherit;">Nun habt ihr ein großes leeres Feld vor euch. In dieses Feld (Content) kopiert ihr jetzt den folgenden Code:</span><br />
<blockquote class="tr_bq">
<script style="text/javascript"><br />
function numposts(json) {<br />
document.write('<u>Dieser Blog hat </u>' + json.feed.openSearch$totalResults.$t + '<u> Posts</u>');<br />
}<br />
function numcomments(json) {<br />
document.write('<u> und </u>' + json.feed.openSearch$totalResults.$t + '<u> Kommentare :)</u>');<br />
}</script><script src="/feeds/posts/default?alt=json-in-script&callback=numposts"></script><script src="/feeds/comments/default?alt=json-in-script&callback=numcomments"></script></blockquote>
<h2>
Schritt 3</h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
Um den Anzeigetext zu ändern, könnt ihr den hier unterstrichenen Teil verändern!<br />
<h2>
Schritt 4</h2>
Jetzt gibt es noch eine Sache, die ihr nachschauen müsst, damit das ganze funktioniert.<br />
Geht von eurem Blogger Dashboard aus auf <b><i>Einstellungen</i></b> und dann auf <b><i>Website-Feed</i></b>.<br />
Jetzt müsstet ihr das hier vor euch haben:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-AMg8-7eNvok/VdJOh3J7xcI/AAAAAAAAJEA/3-Xbx6ihySY/s1600/Einstellungen%2B-%2BSonstiges.JPG" /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span class="Apple-style-span" style="font-size: large;"><br />
</span><br />
Wichtig ist hier, dass "Blog-Feeds zulassen" <u>nicht</u> auf <b><i>Keine </i></b>steht und dass beim Feld bei <b><i>Feed-Umleitungs-URL</i></b> nichts eingetragen ist. Sollte das nicht der Fall sein, wird der Zähler nicht funktionieren.Anonymousnoreply@blogger.com39tag:blogger.com,1999:blog-5984094454230097461.post-27080512097553950952015-08-17T17:11:00.001+02:002017-04-12T17:15:12.136+02:00Landschafts- und Nahaufnahmen im Herbst<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-lTA_P81Iefc/WO5EMwCtMxI/AAAAAAAAKpk/9c6eK13xdeUMBGMXwDK95je0swJ_VLXcQCLcB/s1600/Landschafts_Nahaufnahmen_Herbst.jpg" imageanchor="1"><img border="0" src="https://2.bp.blogspot.com/-lTA_P81Iefc/WO5EMwCtMxI/AAAAAAAAKpk/9c6eK13xdeUMBGMXwDK95je0swJ_VLXcQCLcB/s1600/Landschafts_Nahaufnahmen_Herbst.jpg" /></a></div>
<br />
Die Abende werden kühler und die Tage kürzer und langsam beginnt sich auch die Natur draußen zu verändern. Das Laub wechselt seine Farben von Grün in herbstliche Braun und Rottöne. An den Sommer denkt man nun gar nicht mehr. Man macht sich bereit auf die nun folgenden kalten Monaten bis hin zum Winter. Aber so ganz ist der Winter ja noch nicht da. Denn nun haben wir erst den Herbst.<br />
<br />
<a name='more'></a><br />
Keine der Jahreszeiten hält für uns Fotografen ein so wunderschönes Farbenspiel bereit wie der Herbst.<br />
Auch die klare Luft und das weiche Tageslicht der kälter werdenden Monate können im Gegensatz zur diesigen Luft der Sommerzeit, sehr detaillierte und scharfe Aufnahmen zaubern.<br />
<br />
Wichtig dabei ist:<br />
<h3>
das Fotografieren mit Blick auf die Blendeneinstellung:</h3>
Bei Landschafstausnahmen möchte man ja meistens, dass alle Bereiche im Bild scharf abgebildet werden. Hierfür sollte man mit einer kleinen Blendenöffnung arbeiten. Also etwas zwischen Blende 8 und 16 ( <a href="http://s369674240.website-start.de/s/cc_images/cache_2417561456.jpg?t=1336753631" target="_blank">siehe Bild unten</a>).<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://dl.dropboxusercontent.com/u/55867706/CPL/Landschaftsaufnahmen%20im%20Herbst/blendenreihe.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://1.bp.blogspot.com/-yG_cfo04uFU/VdH46g8nKbI/AAAAAAAAJDU/PGlc-q8KF6c/s1600/blendenreihe.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Zwischenblenden sind auf dem Bild nicht zu sehen</td></tr>
</tbody></table>
Bei solchen Blendeneinstellungen sollte man allerdings im Kopf behalten, dass durch die kleine Öffnung weniger Licht auf dem Sensor ankommt und wir somit immer länger Belichten müssen.<br />
Hierfür wäre dann immer ein Stativ hilfreich, damit die Aufnahme nicht verwackelt. Denn Abblenden heißt auch immer das die Verwacklungsgefahr steigt.<br />
<br />
<h3>
Dynamik in der Aufnahme:</h3>
Um mehr Bewegung selbst in die Landschaftsaufnahme zu bekommen, kann man auch hier mit den Belichtungszeiten variieren. Bei längerer Belichtungszeit bei Flussverläufen, lässt sich ein toller Effekt erzielen. Wie zum Beispiel <a href="http://img.fotocommunity.com/Baden-Wuerttemberg/Rems-Murr-Kreis/alles-im-fluss-a19173445.jpg" target="_blank">hier</a>. Durch die andauernde Belichtung bildet sich eine Art Schleier auf dem Bild und lässt somit das Bild noch etwas geheimnisvoller erscheinen.<br />
Auch die Bewegung der Wolken am Himmel kann die Aufnahme mit einer längeren Belichtung interessanter machen.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-J7sj_urm7HA/VdH47wTmGNI/AAAAAAAAJDc/JOs3ns4lFPo/s1600/Nahaufnahmen.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://dl.dropboxusercontent.com/u/55867706/CPL/Landschaftsaufnahmen%20im%20Herbst/Nahaufnahmen.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Farbkontrast</td></tr>
</tbody></table>
<br />
Nahaufnahmen im Herbst dagegen sind auch schön anzusehen. Sie gelingen gerade durch die Vielfalt der Farben die der Herbst bietet. Farben die zum Beispiel im Farbkreis gegenüber liegen, erschaffen kontrastreiche und somit spannende Aufnahmen. Wie oben im Bild die Farben Rot und Grün und Gelb und Blau. Somit bekommt man nicht nur durch Zusammenspiel von Licht und Schatten, sowie Schärfe und Unschärfe Kontraste im Bild hin, sondern auch durch Farben.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://dl.dropboxusercontent.com/u/55867706/CPL/Landschaftsaufnahmen%20im%20Herbst/laub%20auf%20asphalt.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://2.bp.blogspot.com/-ERigc4ED2Fg/VdH48OFm-pI/AAAAAAAAJDg/suknJj1wjAY/s1600/laub%2Bauf%2Basphalt.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hell und Dunkel Kontrast</td></tr>
</tbody></table>
Ihr seht also was der Herbst alles so für die Fotografen unter euch bereit hält.<br />
<br />
<h3>
Kleine Checkliste was man ausprobieren sollte:</h3>
<br />
<ul>
<li><b>kleine Blendenöffnung (große Blendenzahl an der Kamera) bei komplett scharfen Landschaftsaufnahmen</b></li>
<ul>
<li>denkt hierbei an die längere Belichtungszeit die gebraucht wird</li>
<li>sowie an das Stativ</li>
</ul>
<li><b>das Spiel mit Schärfe & Unschärfe</b></li>
<ul>
<li>durch Bewegung im Bild oder durch die Brennweite am Objektiv</li>
</ul>
<li><b>sucht verschiedene Farben & Farbkontraste</b></li>
<ul>
<li><a href="http://www.wohnraumfarben.de/bilder/farbkreis-1.gif" target="_blank">Farbkreis</a></li>
</ul>
<li><b>Hell & Dunkel</b></li>
<ul>
<li>durch Licht und Schatten</li>
</ul>
</ul>
<br />
Und wenn ihr jetzt weiterhin Tipps zum Fotografieren in der Natur lesen wollt, dann schaut euch doch mal den Beitrag von <a href="http://niklas/">Niklas</a> hier auf Copy Paste Love zum Thema an.<br />
<br />
Ich wünsche euch viel Spaß beim Fotografieren!<br />
LG Michi<br />
<br />
<br />
Titelbild von <a href="https://magdeleine.co/author/annie-spratt/" target="_blank">Annie Spratt</a>.Michi Shttp://www.blogger.com/profile/12690754829640909300noreply@blogger.com16tag:blogger.com,1999:blog-5984094454230097461.post-47909138279845947012015-08-17T03:03:00.000+02:002017-04-12T16:55:47.417+02:00[Diskussion] Lohnt sich eine eigene Domain?<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-aWmQJIDWyoU/VdEuicmubKI/AAAAAAAAJCs/Z6ioQRXGRnU/s1600/EigeneDomain.jpg" /></div>
<br />
Hallo Ihr Lieben,<br />
<br />
nach langer Zeit melde ich mich wieder, im Gepäck ein neues Design, dass endlich auch funktioniert. Da trotzt Inaktivität meinerseits die Leserzahl hier weiterhin wächst, möchte ich hier ein wenig aktiver werden und euch dazu bringen, aktiver zu werden. Dafür werde ich hin und wieder ein paar Fragen rund zum Thema Bloggen und Blogdesigns hier in den Raum stellen und mir anhören, was ihr dazu zu sagen habt.<br />
<br />
Meine erste Frage an euch ist;<br />
<h2>
Lohnt sich denn eigentlich eine eigene Domain?</h2>
<div>
Eine eigene Domain ist schon etwas schönes. Das blöde <b>.blogspot.de hinten fällt weg</b> und die URL ist kürzer und einfacher zu schreiben und zu merken.</div>
<div>
<br /></div>
<div>
Der Nachteil daran ist jedoch, dass man jährlich einen <b>Beitrag ab 12€</b> (es sei denn, ihr seid Studenten, da geht das auch günstiger) zahlen muss und bei einer <b>Domainänderung</b> sich eine zweite kaufen muss, während die erstere noch im schlimmsten Fall weitere 12 Monate bezahlt werden muss, bis sie gelöscht wird.</div>
<div>
<br /></div>
<div>
Nach 2 Jahren bloggen habe ich mir meine ersten Domains gekauft, insgesamt habe ich schon sieben Domains gekauft, davon zwei im Laufe der Zeit abbestellt und eine werde ich noch kündigen. Leider muss ich bei letzteres noch ein Jahr warten, da ich es schlichtweg vergessen hatte. Viel Geld ist es nicht, aber ärgerlich ist es schon.</div>
<div>
<br /></div>
<h4>
Findet ihr, dass eine eigene Domain nötig ist? Lässt sie einen wirklich professioneller wirken? Habt ihr auch eine eigene Adresse und wenn ja, wann habt ihr eure erste eigene gekauft?</h4>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com17tag:blogger.com,1999:blog-5984094454230097461.post-21512311286397873392015-02-05T04:50:00.000+01:002017-04-12T16:55:47.338+02:00Template für Blogger<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-KIs8NIGDy1o/VNLoiCqpjQI/AAAAAAAAIpk/IJukUyJNAwI/s1600/vorschau.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-KIs8NIGDy1o/VNLoiCqpjQI/AAAAAAAAIpk/IJukUyJNAwI/s1600/vorschau.jpg" /></a></div>
<br />
Ich habe für euch ein altes Design aktualisiert!<br />
<br />
Der Header sollte 1000px breit sein, Höhe ist egal. Punkte im Menü könnt ihr unter "Seiten" einfügen. Das Menü hängt über dem Header und nimmt etwa 35px des unteren Randes "weg". Schrift, Farben und Hintergrund sind natürlich frei veränderbar, erfordert aber ein paar CSS-Skills und/oder ein paar Tutorials von Copy Paste Love. Widgets dürft ihr natürlich auch hinzufügen oder löschen! Ansonsten bitte ich euch, unseren Copyright nicht zu entfernen.<br />
<a name='more'></a><br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="http://cassiusdemo.blogspot.de/" target="_blank">Demo</a></span><br />
<span style="font-size: large;">Download:</span><br />
<span style="font-size: large;"><script id='elopage-script' src='https://elopage.com/assets/badges.js'></script><div class='elopage-badge-wrap' data-username='miradesigns' data-btncmps='price|text|duration|progressbar' data-product='245' data-btnfontfamily='Open Sans' data-btncolor='rgb(246, 52, 116)' data-btnfontcolor='#fff' data-btntext='null' data-locale='de' data-badge='ElopageBadgeBtn' data-username='miradesigns'> </div><br /></span></div>
<br />
<b>Installation:</b> Klickt auf Download und speichert die .xml-Datei. Geht auf Blogger.com und öffnet die "Vorlage" von eurem Blog. Klickt rechts oben auf "BackUp/Wiederherstellung". Dort klickt ihr zuerst auf "Vollständige Vorlage herunterladen" - falls euch das Design doch nicht gefällt, könnt ihr euren alten wieder hochladen. Danach klickt ihr auf "Datei auswählen" und wählt die .xml-Datei aus, welches ihr hier heruntergeladen habt.MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com47tag:blogger.com,1999:blog-5984094454230097461.post-32425886342876725012015-02-05T03:05:00.000+01:002017-04-12T17:49:14.203+02:00Kommentare auftrennen<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-3WpESZTfacE/WO5FqGBtl3I/AAAAAAAAKpw/11mojVmIax4in-gv-smRDc9yfVdanKHcQCLcB/s1600/Kommentare_auftrennen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-3WpESZTfacE/WO5FqGBtl3I/AAAAAAAAKpw/11mojVmIax4in-gv-smRDc9yfVdanKHcQCLcB/s1600/Kommentare_auftrennen.jpg" /></a></div>
<br />
Hey ihr Lieben,<br />
<br />
Ich zeige euch, wie man die Kommentaranzahl und den Kommentarlink getrennt anzeigen lassen kann. Besonders schön sieht das aus, wenn unter den Postfooter nicht viel steht und die einfache Kommentaranzeige unterhalb des Posts optisch schnell verloren geht.</div>
<div style="text-align: justify;">
<br />
<a name='more'></a><br /></div>
<div style="text-align: justify;">
<b>1. </b><b><a href="http://www.copypastelove.de/2017/04/design-back-up-erstellen.html" target="_blank">Macht einen Back-Up</a>!</b><br />
<br />
<b><br /></b>
<b>2. Html-Bereich öffnen </b>(Vorlage → HTML bearbeiten).</div>
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;"><br /></span></div>
<div style="text-align: justify;">
<b>3. Je nach dem, wohin ihr es haben wollt, müsst ihr die richtige Stelle herausfinden.</b><br />
<br />
Unter dem Posttitel:<br />
<u><div class='post-header-line-1'></u> bzw. <u><div class='post-header-line-1'/></u><br />
<u><br /></u>
Unter dem Post:<br />
<u><div class='post-footer-line post-footer-line-1'></u> bzw. <u><div class='post-footer-line post-footer-line-1'/></u><br />
<u><br /></u>
Meistens ist der zweite Treffer richtig, aber da jedes Template anders ist, probiert es mit der einer Stelle aus. Wenn es nicht funktioniert, dann probiert ihr es dann mit der zweiten etc. :)<br />
<br /></div>
<div style="text-align: justify;">
<br />
<b>4.</b> Fügt folgenden Code <u>unter</u> der gefundenen Stelle ein:<b> </b></div>
<blockquote class="tr_bq">
<b:if cond='data:post.allowComments'><br />
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if> | <u>Hinterlasse ein Kommentar</u></a></b:if></blockquote>
<div style="text-align: justify;">
Das Unterstrichene könnt ihr jetzt beliebig ändern. Wollt ihr es noch ausrichten?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-lIcwVNAlMvM/Ugj3zabImTI/AAAAAAAAHOg/p6H2EqyEdvc/s1600/titel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="61" src="https://2.bp.blogspot.com/-lIcwVNAlMvM/Ugj3zabImTI/AAAAAAAAHOg/p6H2EqyEdvc/s640/titel.jpg" width="640" /></a></div>
<br />
<br />
<b>5.1</b> <b>Ausrichten:</b> Sucht im Code nach: "]]></b:skin>". Darüber kommt folgendes: Je nach dem, wo ihr es eingefügt, nehmt ihr <u>.post-header-line-1{text-align:center;}</u> bzw. <u>.post-footer-line-1{text-align:center;}</u> und fügt es ein. "Center" könnt ihr mit "left" bzw. "right" austauschen.</div>
<br />
<b>5.2 Überflüssigen Kommentar-Link löschen.</b> Dafür fügt ihr direkt über <span style="text-align: justify;">"]]></b:skin>" folgendes ein:</span><br />
<blockquote class="tr_bq">
.post-comment-link {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;<br />
}</blockquote>
<div style="text-align: justify;">
<span style="font-style: italic;"><br /></span></div>
<div style="text-align: justify;">
<b>6. Abspeichern + Vorschau</b></div>
<div style="text-align: right;">
</div>
Anonymousnoreply@blogger.com61tag:blogger.com,1999:blog-5984094454230097461.post-36634626295678171322015-01-27T14:03:00.000+01:002017-04-12T16:55:47.384+02:00Responsive Design "Midnight"<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-LvsFoJGT4s0/VMeLgjqykLI/AAAAAAAAIns/1W1sqJz7CdM/s1600/titel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-LvsFoJGT4s0/VMeLgjqykLI/AAAAAAAAIns/1W1sqJz7CdM/s1600/titel.jpg" /></a></div>
<br />
Auf Wunsch habe ich ein zweites Responsives Design gebastelt. Ich hatte nicht viel Zeit dafür, aber ich hoffe, es gefällt euch auch. :)<br />
<a name='more'></a><br />
Um das Responsive Design auch auf der mobilen Ansicht zu aktivieren, müsst ihr davor unter Layout bei Mobil das Häkchen auf "Nein, auf Mobilgeräten die Desktop-Version meiner Vorlage anzeigen" setzen. Probiert es einfach mal aus ;)<br />
<br />
Ihr dürft den Header, den Hintergrund, Farben der Schrift und Links und die Widgets verändern. Um das Menü anzulegen, müsst ihr Seiten (unter "Seiten") anlegen. Wie immer solltet der Copyright drin bleiben.<br />
<div>
<div>
<div>
<div>
<div>
<br /></div>
<div style="text-align: center;">
<a href="http://midnightdemosite.blogspot.de/" target="_blank">DEMO</a> <br />
DOWNLOAD:<br />
<script id="elopage-script" src="https://elopage.com/assets/badges.js"></script><br />
<div class="elopage-badge-wrap" data-badge="ElopageBadgeBtn" data-btncmps="icon|text|price" data-btncolor="rgb(246, 52, 116)" data-btnfontcolor="#fff" data-btnfontfamily="Open Sans" data-locale="de" data-product="211" data-username="miradesigns">
</div>
</div>
</div>
</div>
</div>
</div>
MiraHohttp://www.blogger.com/profile/00257633531843177496noreply@blogger.com7tag:blogger.com,1999:blog-5984094454230097461.post-3209991093581081082015-01-08T13:38:00.001+01:002017-04-12T16:55:47.369+02:00[Gastbeitrag] No Copycats <div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-klBmnOfokf4/VK55Ge17WPI/AAAAAAAAA54/mWpLReb2WjI/s1600/banner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-klBmnOfokf4/VK55Ge17WPI/AAAAAAAAA54/mWpLReb2WjI/s1600/banner.png" /></a></div>
Hallo, ich bin Tenzi von <a href="http://tenzmeeloves.blogspot.de/" target="_blank">Tenzmeeloves</a>. <br />
<br />
Wir, Renesmee und ich, haben ein neues Projekt namens "No
Copycats" ins Leben gerufen. Warum? Weil immer häufiger Bilder, Layouts
oder auch ganze Texte kopiert und geklaut werden. Der Spaß hört
spätestens da auf. Es kann ja nun nicht sein, dass man sich jedes Mal
sorgen machen muss, das etwas geklaut werden kann. Wenn die eigenen
Bilder oder Texte auf den eigenen Blog nicht mal mehr sicher sein
können, wo dann? Ist es nicht schöner eigene Bilder zu schiessen oder
eigene Texte zu schreiben? Durch das Klauen von Texten und Bilder sind
schon viele tolle Blogs geschlossen worden. Leider kam es vor Kurzen
vor, das auch ich Opfer einer Copycat wurde. Sie nahm mein Bild und
bearbeitete es um. Ich finde sowas einfach nicht in Ordnung. <br />
<blockquote class="tr_bq">
</blockquote>
Daher möchten wir heute aufrufen, macht bei unserem Projekt mit. Tragt
euch ein und zeigt der Welt das ihr gegen das Stehlen von Bildern,
Grafiken und Texten seid. Ihr könnt unseren Banner gern auf euren Blog
stellen, damit auch eure Leser sehen das ihr eigene Bilder und eigene
Texte zur Verfügung stellt.<br />
<br />
Mehr dazu findet ihr bei uns auf dem Blog: <a href="http://tenzmeeloves.blogspot.de/2015/01/projekt-no-copycats.html" target="_blank">Tenzmeeloves</a><br />
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-5984094454230097461.post-68708674681627187392015-01-03T09:42:00.002+01:002017-04-12T16:55:47.451+02:00[Gastbeitrag] Kostenloses Design #1<div style="text-align: justify;">
Hallo ihr lieben - Wie versprochen gibt es heute ein neues <u>kostenloses</u> Design zum <b>Download</b>.
Oben im Design findet ihr eine übersichliche Navigation, wo ihr eure
Seiten / Links verlinken könnt. Die Kommentare sind mit einem schönen
Hintergrundbild gestylt. Ich hoffe euch gefällt das neue Design.
Demnächst kommen noch weitere Designs dazu. Seid also gespannt! ♥</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
Das Layout könnt ihr euch hier runterladen: </div>
<div style="text-align: center;">
<a href="http://tenzmeeloves.blogspot.de/2015/01/design-1-kostenloses-design-fur-euch.html">http://tenzmeeloves.blogspot.de/2015/01/design-1-kostenloses-design-fur-euch.html</a><br />
<br />
Und hier findet ihr weitere Layouts von uns: <a href="http://tenzmeeloves.blogspot.de/search/label/Design">http://tenzmeeloves.blogspot.de/search/label/Design</a></div>
<div style="text-align: center;">
<span style="font-size: large;"> </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-ghkvZDzXFQQ/VKbVot8ApeI/AAAAAAAAA0s/KuCyMbWFDxU/s1600/fgfhfgh.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-ghkvZDzXFQQ/VKbVot8ApeI/AAAAAAAAA0s/KuCyMbWFDxU/s1600/fgfhfgh.png" /></a></div>
Unknownnoreply@blogger.com5