tag:blogger.com,1999:blog-66267682663348375532013-05-10T12:58:15.984+02:00Tutorials, Anleitungen, Social Media und BloggenRalf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.comBlogger130125http://creativecommons.org/images/public/somerights20.gifvisualbasix/gayIhttp://feedburner.google.comtag:blogger.com,1999:blog-6626768266334837553.post-91501168863182773252012-12-01T11:23:00.001+01:002012-12-01T11:24:54.747+01:002012-12-01T11:24:54.747+01:00<div align="justify"> <a href="http://lh5.ggpht.com/-_sNkzLryuhk/ULnaqkT9baI/AAAAAAAAC6w/bDZPMM4B0cY/s1600-h/labelbox%25255B3%25255D.jpg"><img align="left" alt="labelbox" border="0" height="145" src="http://lh3.ggpht.com/-LokWBtsLB9s/ULnarnOrDFI/AAAAAAAAC60/OcC1GFsZK1M/labelbox_thumb%25255B1%25255D.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="labelbox" width="260" /></a>Wer in seinem Blog mit Labels arbeitet und diese zur Navigation im Blog für Seine Leser verwendet, dem wird aufgefallen sein, dass sobald man auf ein Label klickt eine kleine graue Box oberhalb des Artikels auftaucht die darauf hinweist dass alle Artikel mit einem bestimmten Label angezeigt werden.</div> <a name='more'></a><br /> <div align="justify"> <br /></div> <div align="justify"> <br /></div> <div align="justify"> Nun diese Box kann hilfreich oder auch störend auf den Betrachter wirken. Deshalb möchte ich Ihnen zeigen wie Sie diese Box auch gänzlich von Ihrem Blog verbannen können. <strong>Am Ende dieser Seite erhalten Sie auch eine Videoanleitung.</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> 1. Gehen Sie im Blogger Dashboard auf “<strong>Vorlage</strong>” dann auf “<strong>HTML bearbeiten</strong>” und “<strong>Fortfahren</strong>”, machen Sie einen <strong>Haken</strong> in die Box “<strong>Widgetvorlagen komplett anzeigen</strong>”.</div> <div align="justify"> <br /></div> <div align="justify"> 2. Drücken Sie die Tasten Kombination “<strong>STRG </strong>und<strong> F</strong>”. Eine kleine Suchbox öffnet sich in Ihrem Browser auf der oberen rechten Seite.</div> <div align="justify"> <br /></div> <div align="justify"> 3. Kopieren und fügen Sie folgendes Snippet in die Suchbox ein:&nbsp; <span style="color: #666666;"><span style="color: red;">&lt;b:includable id='status-message'&gt;</span></span></div> <div align="justify"> <span style="color: #666666;"><span style="color: black;">Sie werden zu folgendem Code geleitet (siehe untere, erste Box). Diesen Code müssen wir mit einem anderen Code ersetzen, welchen Sie hier in der zweiten Box finden.</span></span></div> <div align="justify"> <span style="color: #666666;"><span style="color: black;"><br /></span></span></div> <table border="1" cellpadding="10" cellspacing="0" style="width: 650px;"> <tbody> <tr> <td valign="top" width="648"><span style="color: #666666;">&lt;b:includable id='status-message'&gt;<br />&lt;b:if cond='data:navMessage'&gt;<br />&lt;div class='status-msg-wrap'&gt;<br />&lt;div class='status-msg-body'&gt;<br />&lt;data:navMessage/&gt;<br />&lt;/div&gt;<br />&lt;div class='status-msg-border'&gt;<br />&lt;div class='status-msg-bg'&gt;<br />&lt;div class='status-msg-hidden'&gt;&lt;data:navMessage/&gt;&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;div style='clear: both;'/&gt;<br />&lt;/b:if&gt;<br />&lt;/b:includable&gt;</span></td></tr> </tbody></table> <br /> 4. Kopieren Sie den Code hier unten und ersetzen Sie diesen mit dem Code der zu Zeit so aussieht wie der in der oberen Box.<br /> <br /> <table border="1" cellpadding="10" cellspacing="0" style="width: 650px;"> <tbody> <tr> <td valign="top" width="650"><span style="color: #666666;">&lt;b:includable id='status-message'&gt;<br />&lt;b:if cond='data:navMessage'&gt;<br />&lt;div&gt;<br />&lt;/div&gt;<br />&lt;div style='clear: both;'/&gt;<br />&lt;/b:if&gt;<br />&lt;/b:includable&gt;</span></td></tr> </tbody></table> <br /> 5. Klicken Sie nun auf “Auf Blog anwenden” und dann auf “Blog anzeigen”. Klicken Sie auf eines Ihrer Labels und die Box sollte verschwunden sein.<br /> <br /> <strong>Und hier ist das Video zum Tutorial:</strong><br /> <div align="center"> <iframe height="385" src="https://docs.google.com/file/d/0B1Pe88_anbBvdVRMVUpUUW9Sa2s/preview" width="640"></iframe></div> <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/mdG3JeAQ9JE" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com1http://www.visualbasix.info/2012/12/wie-entfernt-man-die-label-box-in.htmltag:blogger.com,1999:blog-6626768266334837553.post-67220508140852686202012-07-29T15:05:00.000+02:002012-07-30T16:35:17.048+02:002012-07-30T16:35:17.048+02:00<span style="font-family: Aharoni;"><a href="http://www.visualbasix.info/2012/07/wie-erstellt-man-einen-rahmen-um-den.html"><img align="left" alt="Rahmen erstellen" border="0" height="145" src="http://lh3.ggpht.com/-kaWCUSCG3Ko/UBaGo-jhoJI/AAAAAAAAC1o/j02YDQaVBn0/Rahmen%252520erstellen_thumb%25255B2%25255D.jpg?imgmax=800" style="background-image: none; border-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Rahmen erstellen" width="275" /></a></span>Diese Frage wurde von einer Leserin aus Wien gestellt. In diesem Tutorial erfahren Sie, wie man Ihrem Blog verschiedene Umrandungen (Rahmen) verpasst, wie man den Rahmen ändert und farbig dem Blog anpassen kann. Für dieses Tutorial benötigen Sie keine HTML Kenntnisse, folgen Sie einfach nur der Schritt für Schritt Anleitung…<br /> <a name='more'></a><br /> <div align="justify"> <br /></div> Um einen Rahmen um den gesamten Blog einzufügen, gehen Sie bitte wie folgt vor:<br /> <br /> <b><span style="color: #cc0000;">Erstellen Sie erst eine Sicherheitskopie des HTML Templates!</span></b> <br /> <b><br /></b><br /> <div align="center"> <i>Gehen Sie dazu im Blog auf “<b>Vorlage</b>” dann oben rechts auf “<b>Backup/Wiederherstellung</b>” klicken, der HTML Code kann dann auf Ihrer Festplatte abgespeichert und notfalls zur Reparatur in den ursprünglichen Zustand zurückversetzt werden. Die Datei am besten mit dem aktuellen Datum versehen.</i> </div> <div align="center"> <i><br /></i></div> <b>Wenn Sie dieses erledigt haben, gehen Sie bitte wie folgt vor:</b> <br /> <b><br /></b><br /> Klicken Sie im Blogger Dashboard auf “<b>Vorlage</b>”, dann auf “<b>HTML bearbeiten</b>”. Setzen Sie einen Haken in die linke kleine Box “<b>Widgetvorlagen komplett anzeigen</b>” <br /> <br /> Drücken Sie jetzt auf Ihrer Tastatur die Tasten “<b>STRG und die Taste F</b>”. Oben rechts öffnet sich eine kleine Suchbox. <br /> <br /> Kopieren Sie nun folgenden kleinen Code: <br /> <br /> <div align="center"> &nbsp;<span style="color: #666666;">.content-outer { </span> </div> <div align="center"> <span style="color: #666666;"><br /></span></div> und fügen Sie diesen in die kleine Suchbox ein.<br /> <br /> Dieser wird nun im HTML Code andersfarbig unter- bzw. hinterlegt. <br /> <br /> Kopieren Sie nun folgenden Code und fügen Sie diesen direkt unter dem ersten Code ein. <br /> <br /> <div style="text-align: center;"> <span style="color: #666666;">border:3px solid #000000;</span></div> <div align="center"> <span style="color: #666666;"></span></div> <div align="center"> <span style="color: #666666;"></span><br /> <span style="color: #666666;"><br /></span></div> Wenn kein Platz ist, einfach mit der Enter Taste einen Freiraum unter dem farbig hinterlegten Code schaffen. <br /> <br /> Das ganze sollte nun in etwa so aussehen: <br /> <br /> <a href="http://lh5.ggpht.com/-BdqC6aA4suA/UBaGpQzl8PI/AAAAAAAAC1w/_QY2ljqsMyQ/s1600-h/contentouter%25255B4%25255D.png"><img alt="contentouter" border="0" height="66" src="http://lh3.ggpht.com/-d0WkTSisZcM/UBaGq9JFkAI/AAAAAAAAC14/zbGEJhDJzEY/contentouter_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="contentouter" width="165" /></a> <br /> <br /> Wenn Sie diese Schritte abgeschlossen haben, dann auf “<b>Vorschau</b>” klicken. Ihr Blog sollte nun einen schwarzen Rahmen anzeigen. <br /> <br /> Wenn alles so passt, auf "<strong>Vorlage speichern</strong>" klicken. <br /> <br /> <strong>Wie kann man den Rahmen verändern?</strong> <br /> <strong><br /></strong><br /> Die Rahmenstärke wird durch das Verändern der Zahl 3 erreicht. Ändern Sie diese um die Rahmenstärke festzulegen. 1 ist der schmalste Rahmen und alles darüber verstärkt die Rahmenbreite. <br /> <br /> <strong>Kann der Rahmen auch gepunktet oder gestrichelt sein?</strong> <br /> <strong><br /></strong><br /> Ja, hier sind einige andere Codes: <br /> <br /> <strong>gepunktet:</strong> <span style="color: #666666;">border:3px dotted #000000;</span> <br /> <strong>gestrichelt:</strong> <span style="color: #666666;">border:3px dashed #000000;</span> <br /> <span style="color: #666666;"><br /></span><br /> <span style="color: black;"><strong>Kann ich die Farbe des Rahmens ändern?</strong></span> <br /> <span style="color: black;"><strong><br /></strong></span><br /> <span style="color: #666666;"><span style="color: black;">Ja, hier sind einige andere Farben. Ersetzen sie den HEX Code “<span style="color: #666666;">#000000</span>” mit dem HEX Code Ihrer gewünschten Farbe, wenn Sie den HEX Code verändert haben, klicken Sie auf Vorschau. Sollte Ihnen Ihr Rahmen gefallen, klicken Sie nur noch auf “Vorlage speichern”.&nbsp;</span></span><br /> <span style="color: #666666;"><span style="color: black;"><br /></span></span><br /> <span style="color: #666666;"><span style="color: black;">Fertig.</span></span><br /> <span style="color: #666666;"><span style="color: black;"><br /></span></span><br /> <table border="1" bordercolordark="#ffffff" bordercolorlight="#dbdbdb" cellpadding="0" cellspacing="0" height="4913" style="color: #dbdbdb;" title="Hexidecimal HTML Farben Codes und Zahlenkombination"> <tbody> <tr bg="" style="color: white;"> <td align="center" height="19" width="158"><strong><span style="color: black;">Farben Name (englisch)</span></strong></td> <td align="center" height="19" width="182"><span style="color: black;"><strong>HEX Codes</strong></span></td> <td align="center" height="19" width="50%"><span style="color: black;"><strong>Farbe</strong></span></td></tr> <tr> <td height="19" width="158"><strong>black</strong></td> <td height="19" width="182"><strong>#000000</strong></td> <td bgcolor="#000000" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey0</strong></td> <td height="19" width="182"><strong>#150517</strong></td> <td bgcolor="#150517" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey18</strong></td> <td height="19" width="182"><strong>#250517</strong></td> <td bgcolor="#250517" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey21</strong></td> <td height="19" width="182"><strong>#2B1B17</strong></td> <td bgcolor="#2b1b17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey23</strong></td> <td height="19" width="182"><strong>#302217</strong></td> <td bgcolor="#302217" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey24</strong></td> <td height="19" width="182"><strong>#302226</strong></td> <td bgcolor="#302226" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey25</strong></td> <td height="19" width="182"><strong>#342826</strong></td> <td bgcolor="#342826" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey26</strong></td> <td height="19" width="182"><strong>#34282C</strong></td> <td bgcolor="#34282c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey27</strong></td> <td height="19" width="182"><strong>#382D2C</strong></td> <td bgcolor="#382d2c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey28</strong></td> <td height="19" width="182"><strong>#3b3131</strong></td> <td bgcolor="#3b3131" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey29</strong></td> <td height="19" width="182"><strong>#3E3535</strong></td> <td bgcolor="#3e3535" height="19"></td></tr> <tr> <td height="19" width="158"><strong>grey30</strong></td> <td height="19" width="182"><strong>#413839</strong></td> <td bgcolor="#413839" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey31</strong></td> <td height="19" width="182"><strong>#41383C</strong></td> <td bgcolor="#41383c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey32</strong></td> <td height="19" width="182"><strong>#463E3F</strong></td> <td bgcolor="#463e3f" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey34</strong></td> <td height="19" width="182"><strong>#4A4344</strong></td> <td bgcolor="#4a4344" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey35</strong></td> <td height="19" width="182"><strong>#4C4646</strong></td> <td bgcolor="#4c4646" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey36</strong></td> <td height="19" width="182"><strong>#4E4848</strong></td> <td bgcolor="#4e4848" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey37</strong></td> <td height="19" width="182"><strong>#504A4B</strong></td> <td bgcolor="#504a4b" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey38</strong></td> <td height="19" width="182"><strong>#544E4F</strong></td> <td bgcolor="#544e4f" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey39</strong></td> <td height="19" width="182"><strong>#565051</strong></td> <td bgcolor="#565051" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey40</strong></td> <td height="19" width="182"><strong>#595454</strong></td> <td bgcolor="#595454" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey41</strong></td> <td height="19" width="182"><strong>#5C5858</strong></td> <td bgcolor="#5c5858" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey42</strong></td> <td height="19" width="182"><strong>#5F5A59</strong></td> <td bgcolor="#5f5a59" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey43</strong></td> <td height="19" width="182"><strong>#625D5D</strong></td> <td bgcolor="#625d5d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey44</strong></td> <td height="19" width="182"><strong>#646060</strong></td> <td bgcolor="#646060" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey45</strong></td> <td height="19" width="182"><strong>#666362</strong></td> <td bgcolor="#666362" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey46</strong></td> <td height="19" width="182"><strong>#696565</strong></td> <td bgcolor="#696565" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey47</strong></td> <td height="19" width="182"><strong>#6D6968</strong></td> <td bgcolor="#6d6968" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey48</strong></td> <td height="19" width="182"><strong>#6E6A6B</strong></td> <td bgcolor="#6e6a6b" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey49</strong></td> <td height="19" width="182"><strong>#726E6D</strong></td> <td bgcolor="#726e6d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey50</strong></td> <td height="19" width="182"><strong>#747170</strong></td> <td bgcolor="#747170" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Grey</strong></td> <td height="19" width="182"><strong>#736F6E</strong></td> <td bgcolor="#736f6e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Slate Grey4</strong></td> <td height="19" width="182"><strong>#616D7E</strong></td> <td bgcolor="#616d7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Slate Grey</strong></td> <td height="19" width="182"><strong>#657383</strong></td> <td bgcolor="#657383" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Steel Blue4</strong></td> <td height="19" width="182"><strong>#646D7E</strong></td> <td bgcolor="#646d7e" height="19"></td></tr> <tr> <td width="158"><strong>Light Slate Grey</strong></td> <td width="182"><strong>#6D7B8D</strong></td> <td bgcolor="#6d7b8d"></td></tr> <tr> <td height="19" width="158"><strong>Cadet Blue4</strong></td> <td height="19" width="182"><strong>#4C787E</strong></td> <td bgcolor="#4c787e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Slate Grey4</strong></td> <td height="19" width="182"><strong>#4C7D7E</strong></td> <td bgcolor="#4c7d7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Thistle4</strong></td> <td height="19" width="182"><strong>#806D7E</strong></td> <td bgcolor="#806d7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Slate Blue</strong></td> <td height="19" width="182"><strong>#5E5A80</strong></td> <td bgcolor="#5e5a80" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Purple4</strong></td> <td height="19" width="182"><strong>#4E387E</strong></td> <td bgcolor="#4e387e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Midnight Blue</strong></td> <td height="19" width="182"><strong>#151B54</strong></td> <td bgcolor="#151b54" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Slate Blue</strong></td> <td height="19" width="182"><strong>#2B3856</strong></td> <td bgcolor="#2b3856" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Slate Grey</strong></td> <td height="19" width="182"><strong>#25383C</strong></td> <td bgcolor="#25383c" height="19"></td></tr> <tr> <td width="158"><strong>Dim Grey</strong></td> <td width="182"><strong>#463E41</strong></td> <td bgcolor="#463e41"></td></tr> <tr> <td height="19" width="158"><strong>Cornflower Blue</strong></td> <td height="19" width="182"><strong>#151B8D</strong></td> <td bgcolor="#151b8d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Royal Blue4</strong></td> <td height="19" width="182"><strong>#15317E</strong></td> <td bgcolor="#15317e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Slate Blue4</strong></td> <td height="19" width="182"><strong>#342D7E</strong></td> <td bgcolor="#342d7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Royal Blue</strong></td> <td height="19" width="182"><strong>#2B60DE</strong></td> <td bgcolor="#2b60de" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Royal Blue1</strong></td> <td height="19" width="182"><strong>#306EFF</strong></td> <td bgcolor="#306eff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Royal Blue2</strong></td> <td height="19" width="182"><strong>#2B65EC</strong></td> <td bgcolor="#2b65ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Royal Blue3</strong></td> <td height="19" width="182"><strong>#2554C7</strong></td> <td bgcolor="#2554c7" height="19"></td></tr> <tr> <td width="158"><strong>Deep Sky Blue</strong></td> <td width="182"><strong>#3BB9FF</strong></td> <td bgcolor="#3bb9ff"></td></tr> <tr> <td width="158"><strong>Deep Sky Blue2</strong></td> <td width="182"><strong>#38ACEC</strong></td> <td bgcolor="#38acec"></td></tr> <tr> <td height="19" width="158"><strong>Slate Blue</strong></td> <td height="19" width="182"><strong>#357EC7</strong></td> <td bgcolor="#357ec7" height="19"></td></tr> <tr> <td width="158"><strong>Deep Sky Blue3</strong></td> <td width="182"><strong>#3090C7</strong></td> <td bgcolor="#3090c7"></td></tr> <tr> <td width="158"><strong>Deep Sky Blue4</strong></td> <td width="182"><strong>#25587E</strong></td> <td bgcolor="#25587e"></td></tr> <tr> <td width="158"><strong>Dodger Blue</strong></td> <td width="182"><strong>#1589FF</strong></td> <td bgcolor="#1589ff"></td></tr> <tr> <td width="158"><strong>Dodger Blue2</strong></td> <td width="182"><strong>#157DEC</strong></td> <td bgcolor="#157dec"></td></tr> <tr> <td width="158"><strong>Dodger Blue3</strong></td> <td width="182"><strong>#1569C7</strong></td> <td bgcolor="#1569c7"></td></tr> <tr> <td width="158"><strong>Dodger Blue4</strong></td> <td width="182"><strong>#153E7E</strong></td> <td bgcolor="#153e7e"></td></tr> <tr> <td height="19" width="158"><strong>Steel Blue4</strong></td> <td height="19" width="182"><strong>#2B547E</strong></td> <td bgcolor="#2b547e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Steel Blue</strong></td> <td height="19" width="182"><strong>#4863A0</strong></td> <td bgcolor="#4863a0" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Slate Blue2</strong></td> <td height="19" width="182"><strong>#6960EC</strong></td> <td bgcolor="#6960ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Violet</strong></td> <td height="19" width="182"><strong>#8D38C9</strong></td> <td bgcolor="#8d38c9" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Purple3</strong></td> <td height="19" width="182"><strong>#7A5DC7</strong></td> <td bgcolor="#7a5dc7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Purple</strong></td> <td height="19" width="182"><strong>#8467D7</strong></td> <td bgcolor="#8467d7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Purple2</strong></td> <td height="19" width="182"><strong>#9172EC</strong></td> <td bgcolor="#9172ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Purple1</strong></td> <td height="19" width="182"><strong>#9E7BFF</strong></td> <td bgcolor="#9e7bff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Steel Blue</strong></td> <td height="19" width="182"><strong>#728FCE</strong></td> <td bgcolor="#728fce" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Steel Blue3</strong></td> <td height="19" width="182"><strong>#488AC7</strong></td> <td bgcolor="#488ac7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Steel Blue2</strong></td> <td height="19" width="182"><strong>#56A5EC</strong></td> <td bgcolor="#56a5ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Steel Blue1</strong></td> <td height="19" width="182"><strong>#5CB3FF</strong></td> <td bgcolor="#5cb3ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sky Blue3</strong></td> <td height="19" width="182"><strong>#659EC7</strong></td> <td bgcolor="#659ec7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sky Blue4</strong></td> <td height="19" width="182"><strong>#41627E</strong></td> <td bgcolor="#41627e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Slate Blue</strong></td> <td height="19" width="182"><strong>#737CA1</strong></td> <td bgcolor="#737ca1" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Slate Grey3</strong></td> <td height="19" width="182"><strong>#98AFC7</strong></td> <td bgcolor="#98afc7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Violet Red</strong></td> <td height="19" width="182"><strong>#F6358A</strong></td> <td bgcolor="#f6358a" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Violet Red2</strong></td> <td height="19" width="182"><strong>#E4317F</strong></td> <td bgcolor="#e4317f" height="19"></td></tr> <tr> <td width="158"><strong>Deep Pink</strong></td> <td width="182"><strong>#F52887</strong></td> <td bgcolor="#f52887"></td></tr> <tr> <td width="158"><strong>Deep Pink2</strong></td> <td width="182"><strong>#E4287C</strong></td> <td bgcolor="#e4287c"></td></tr> <tr> <td width="158"><strong>Deep Pink3</strong></td> <td width="182"><strong>#C12267</strong></td> <td bgcolor="#c12267"></td></tr> <tr> <td width="158"><strong>Deep Pink4</strong></td> <td width="182"><strong>#7D053F</strong></td> <td bgcolor="#7d053f"></td></tr> <tr> <td height="19" width="158"><strong>Medium Violet Red</strong></td> <td height="19" width="182"><strong>#CA226B</strong></td> <td bgcolor="#ca226b" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Violet Red3</strong></td> <td height="19" width="182"><strong>#C12869</strong></td> <td bgcolor="#c12869" height="19"></td></tr> <tr> <td width="158"><strong>Firebrick</strong></td> <td width="182"><strong>#800517</strong></td> <td bgcolor="#800517"></td></tr> <tr> <td height="19" width="158"><strong>Violet Red4</strong></td> <td height="19" width="182"><strong>#7D0541</strong></td> <td bgcolor="#7d0541" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Maroon4</strong></td> <td height="19" width="182"><strong>#7D0552</strong></td> <td bgcolor="#7d0552" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Maroon</strong></td> <td height="19" width="182"><strong>#810541</strong></td> <td bgcolor="#810541" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Maroon3</strong></td> <td height="19" width="182"><strong>#C12283</strong></td> <td bgcolor="#c12283" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Maroon2</strong></td> <td height="19" width="182"><strong>#E3319D</strong></td> <td bgcolor="#e3319d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Maroon1</strong></td> <td height="19" width="182"><strong>#F535AA</strong></td> <td bgcolor="#f535aa" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Magenta</strong></td> <td height="19" width="182"><strong>#FF00FF</strong></td> <td bgcolor="#ff00ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Magenta1</strong></td> <td height="19" width="182"><strong>#F433FF</strong></td> <td bgcolor="#f433ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Magenta2</strong></td> <td height="19" width="182"><strong>#E238EC</strong></td> <td bgcolor="#e238ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Magenta3</strong></td> <td height="19" width="182"><strong>#C031C7</strong></td> <td bgcolor="#c031c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Orchid</strong></td> <td height="19" width="182"><strong>#B048B5</strong></td> <td bgcolor="#b048b5" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Orchid1</strong></td> <td height="19" width="182"><strong>#D462FF</strong></td> <td bgcolor="#d462ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Orchid2</strong></td> <td height="19" width="182"><strong>#C45AEC</strong></td> <td bgcolor="#c45aec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Orchid3</strong></td> <td height="19" width="182"><strong>#A74AC7</strong></td> <td bgcolor="#a74ac7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Orchid4</strong></td> <td height="19" width="182"><strong>#6A287E</strong></td> <td bgcolor="#6a287e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Purple</strong></td> <td height="19" width="182"><strong>#8E35EF</strong></td> <td bgcolor="#8e35ef" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Purple1</strong></td> <td height="19" width="182"><strong>#893BFF</strong></td> <td bgcolor="#893bff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Purple2</strong></td> <td height="19" width="182"><strong>#7F38EC</strong></td> <td bgcolor="#7f38ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Purple3</strong></td> <td height="19" width="182"><strong>#6C2DC7</strong></td> <td bgcolor="#6c2dc7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Purple4</strong></td> <td height="19" width="182"><strong>#461B7E</strong></td> <td bgcolor="#461b7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orchid4</strong></td> <td height="19" width="182"><strong>#571B7E</strong></td> <td bgcolor="#571b7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orchid</strong></td> <td height="19" width="182"><strong>#7D1B7E</strong></td> <td bgcolor="#7d1b7e" height="19"></td></tr> <tr> <td width="158"><strong>Dark Violet</strong></td> <td width="182"><strong>#842DCE</strong></td> <td bgcolor="#842dce"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orchid3</strong></td> <td height="19" width="182"><strong>#8B31C7</strong></td> <td bgcolor="#8b31c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orchid2</strong></td> <td height="19" width="182"><strong>#A23BEC</strong></td> <td bgcolor="#a23bec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orchid1</strong></td> <td height="19" width="182"><strong>#B041FF</strong></td> <td bgcolor="#b041ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Plum4</strong></td> <td height="19" width="182"><strong>#7E587E</strong></td> <td bgcolor="#7e587e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Violet Red</strong></td> <td height="19" width="182"><strong>#D16587</strong></td> <td bgcolor="#d16587" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Violet Red1</strong></td> <td height="19" width="182"><strong>#F778A1</strong></td> <td bgcolor="#f778a1" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Violet Red2</strong></td> <td height="19" width="182"><strong>#E56E94</strong></td> <td bgcolor="#e56e94" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Violet Red3</strong></td> <td height="19" width="182"><strong>#C25A7C</strong></td> <td bgcolor="#c25a7c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Violet Red4</strong></td> <td height="19" width="182"><strong>#7E354D</strong></td> <td bgcolor="#7e354d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Plum</strong></td> <td height="19" width="182"><strong>#B93B8F</strong></td> <td bgcolor="#b93b8f" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Plum1</strong></td> <td height="19" width="182"><strong>#F9B7FF</strong></td> <td bgcolor="#f9b7ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Plum2</strong></td> <td height="19" width="182"><strong>#E6A9EC</strong></td> <td bgcolor="#e6a9ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Plum3</strong></td> <td height="19" width="182"><strong>#C38EC7</strong></td> <td bgcolor="#c38ec7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Thistle</strong></td> <td height="19" width="182"><strong>#D2B9D3</strong></td> <td bgcolor="#d2b9d3" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Thistle3</strong></td> <td height="19" width="182"><strong>#C6AEC7</strong></td> <td bgcolor="#c6aec7" height="19"></td></tr> <tr> <td width="158"><strong>Lavendar Blush2</strong></td> <td width="182"><strong>#EBDDE2</strong></td> <td bgcolor="#ebdde2"></td></tr> <tr> <td width="158"><strong>Lavendar Blush3</strong></td> <td width="182"><strong>#C8BBBE</strong></td> <td bgcolor="#c8bbbe"></td></tr> <tr> <td height="19" width="158"><strong>Thistle2</strong></td> <td height="19" width="182"><strong>#E9CFEC</strong></td> <td bgcolor="#d9cfec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Thistle1</strong></td> <td height="19" width="182"><strong>#FCDFFF</strong></td> <td bgcolor="#fcdfff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Lavendar</strong></td> <td height="19" width="182"><strong>#E3E4FA</strong></td> <td bgcolor="#e3e4fa" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Lavendar Blush</strong></td> <td height="19" width="182"><strong>#FDEEF4</strong></td> <td bgcolor="#fdeef4" height="19"></td></tr> <tr> <td height="18" width="158"><strong>Light Steel Blue1</strong></td> <td height="18" width="182"><strong>#C6DEFF</strong></td> <td bgcolor="#c6deff" height="18"></td></tr> <tr> <td height="19" width="158"><strong>Light Blue</strong></td> <td height="19" width="182"><strong>#ADDFFF</strong></td> <td bgcolor="#addfff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Blue1</strong></td> <td height="19" width="182"><strong>#BDEDFF</strong></td> <td bgcolor="#bdedff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Cyan</strong></td> <td height="19" width="182"><strong>#E0FFFF</strong></td> <td bgcolor="#e0ffff" height="19"></td></tr> <tr> <td width="158"><strong>Slate Grey1</strong></td> <td width="182"><strong>#C2DFFF</strong></td> <td bgcolor="#c2dfff"></td></tr> <tr> <td width="158"><strong>Slate Grey2</strong></td> <td width="182"><strong>#B4CFEC</strong></td> <td bgcolor="#b4cfec"></td></tr> <tr> <td height="19" width="158"><strong>Light Steel Blue2</strong></td> <td height="19" width="182"><strong>#B7CEEC</strong></td> <td bgcolor="#b7ceec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Turquoise1</strong></td> <td height="19" width="182"><strong>#52F3FF</strong></td> <td bgcolor="#52f3ff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Cyan</strong></td> <td height="19" width="182"><strong>#00FFFF</strong></td> <td bgcolor="#00ffff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Cyan1</strong></td> <td height="19" width="182"><strong>#57FEFF</strong></td> <td bgcolor="#57feff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Cyan2</strong></td> <td height="19" width="182"><strong>#50EBEC</strong></td> <td bgcolor="#50ebec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Turquoise2</strong></td> <td height="19" width="182"><strong>#4EE2EC</strong></td> <td bgcolor="#4ee2ec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Turquoise</strong></td> <td height="19" width="182"><strong>#48CCCD</strong></td> <td bgcolor="#48cccd" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Turquoise</strong></td> <td height="19" width="182"><strong>#43C6DB</strong></td> <td bgcolor="#43c6db" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Slate Grey1</strong></td> <td height="19" width="182"><strong>#9AFEFF</strong></td> <td bgcolor="#9afeff" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Slate Grey2</strong></td> <td height="19" width="182"><strong>#8EEBEC</strong></td> <td bgcolor="#8eebec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Slate Grey3</strong></td> <td height="19" width="182"><strong>#78C7C7</strong></td> <td bgcolor="#78c7c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Cyan3</strong></td> <td height="19" width="182"><strong>#46C7C7</strong></td> <td bgcolor="#46c7c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Turquoise3</strong></td> <td height="19" width="182"><strong>#43BFC7</strong></td> <td bgcolor="#43bfc7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Cadet Blue3</strong></td> <td height="19" width="182"><strong>#77BFC7</strong></td> <td bgcolor="#77bfc7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Turquoise3</strong></td> <td height="19" width="182"><strong>#92C7C7</strong></td> <td bgcolor="#92c7c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Blue2</strong></td> <td height="19" width="182"><strong>#AFDCEC</strong></td> <td bgcolor="#afdcec" height="19"></td></tr> <tr> <td width="158"><strong>Dark Turquoise</strong></td> <td width="182"><strong>#3B9C9C</strong></td> <td bgcolor="#3b9c9c"></td></tr> <tr> <td height="19" width="158"><strong>Cyan4</strong></td> <td height="19" width="182"><strong>#307D7E</strong></td> <td bgcolor="#307d7e" height="19"></td></tr> <tr> <td width="158"><strong>Light Sea Green</strong></td> <td width="182"><strong>#3EA99F</strong></td> <td bgcolor="#3ea99f"></td></tr> <tr> <td width="158"><strong>Light Sky Blue</strong></td> <td width="182"><strong>#82CAFA</strong></td> <td bgcolor="#82cafa"></td></tr> <tr> <td width="158"><strong>Light Sky Blue2</strong></td> <td width="182"><strong>#A0CFEC</strong></td> <td bgcolor="#a0cfec"></td></tr> <tr> <td width="158"><strong>Light Sky Blue3</strong></td> <td width="182"><strong>#87AFC7</strong></td> <td bgcolor="#87afc7"></td></tr> <tr> <td width="158"><strong>Sky Blue</strong></td> <td width="182"><strong>#82CAFF</strong></td> <td bgcolor="#82caff"></td></tr> <tr> <td width="158"><strong>Sky Blue2</strong></td> <td width="182"><strong>#B0E2FF</strong></td> <td bgcolor="#b0e2ff"></td></tr> <tr> <td width="158"><strong>Light Sky Blue4</strong></td> <td width="182"><strong>#566D7E</strong></td> <td bgcolor="#566d7e"></td></tr> <tr> <td width="158"><strong>Sky Blue</strong></td> <td width="182"><strong>#6698FF</strong></td> <td bgcolor="#6698ff"></td></tr> <tr> <td width="158"><strong>Light Slate Blue</strong></td> <td width="182"><strong>#736AFF</strong></td> <td bgcolor="#736aff"></td></tr> <tr> <td height="19" width="158"><strong>Light Cyan2</strong></td> <td height="19" width="182"><strong>#CFECEC</strong></td> <td bgcolor="#cfecec" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Cyan3</strong></td> <td height="19" width="182"><strong>#AFC7C7</strong></td> <td bgcolor="#afc7c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Cyan4</strong></td> <td height="19" width="182"><strong>#717D7D</strong></td> <td bgcolor="#717d7d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Blue3</strong></td> <td height="19" width="182"><strong>#95B9C7</strong></td> <td bgcolor="#95b9c7" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Light Blue4</strong></td> <td height="19" width="182"><strong>#5E767E</strong></td> <td bgcolor="#5e767e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pale Turquoise4</strong></td> <td height="19" width="182"><strong>#5E7D7E</strong></td> <td bgcolor="#5e7d7e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Sea Green4</strong></td> <td height="19" width="182"><strong>#617C58</strong></td> <td bgcolor="#617c58" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Aquamarine</strong></td> <td height="19" width="182"><strong>#348781</strong></td> <td bgcolor="#348781" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Sea Green</strong></td> <td height="19" width="182"><strong>#306754</strong></td> <td bgcolor="#306754" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sea Green</strong></td> <td height="19" width="182"><strong>#4E8975</strong></td> <td bgcolor="#4e8975" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Green</strong></td> <td height="19" width="182"><strong>#254117</strong></td> <td bgcolor="#254117" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sea Green4</strong></td> <td height="19" width="182"><strong>#387C44</strong></td> <td bgcolor="#387c44" height="19"></td></tr> <tr> <td width="158"><strong>Forest Green</strong></td> <td width="182"><strong>#4E9258</strong></td> <td bgcolor="#4e9258"></td></tr> <tr> <td height="19" width="158"><strong>Medium Forest Green</strong></td> <td height="19" width="182"><strong>#347235</strong></td> <td bgcolor="#347235" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Spring Green4</strong></td> <td height="19" width="182"><strong>#347C2C</strong></td> <td bgcolor="#347c2c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Olive Green4</strong></td> <td height="19" width="182"><strong>#667C26</strong></td> <td bgcolor="#667c26" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Chartreuse4</strong></td> <td height="19" width="182"><strong>#437C17</strong></td> <td bgcolor="#437c17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Green4</strong></td> <td height="19" width="182"><strong>#347C17</strong></td> <td bgcolor="#347c17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Medium Spring Green</strong></td> <td height="19" width="182"><strong>#348017</strong></td> <td bgcolor="#348017" height="19"></td></tr> <tr> <td width="158"><strong>Spring Green</strong></td> <td width="182"><strong>#4AA02C</strong></td> <td bgcolor="#4aa02c"></td></tr> <tr> <td height="19" width="158"><strong>Lime Green</strong></td> <td height="19" width="182"><strong>#41A317</strong></td> <td bgcolor="#41a317" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Spring Green</strong></td> <td height="19" width="182"><strong>#4AA02C</strong></td> <td bgcolor="#4aa02c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Sea Green</strong></td> <td height="19" width="182"><strong>#8BB381</strong></td> <td bgcolor="#8bb381" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Sea Green3</strong></td> <td height="19" width="182"><strong>#99C68E</strong></td> <td bgcolor="#99c68e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Green3</strong></td> <td height="19" width="182"><strong>#4CC417</strong></td> <td bgcolor="#4cc417" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Chartreuse3</strong></td> <td height="19" width="182"><strong>#6CC417</strong></td> <td bgcolor="#6cc417" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Yellow Green</strong></td> <td height="19" width="182"><strong>#52D017</strong></td> <td bgcolor="#52d017" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Spring Green3</strong></td> <td height="19" width="182"><strong>#4CC552</strong></td> <td bgcolor="#4cc552" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sea Green3</strong></td> <td height="19" width="182"><strong>#54C571</strong></td> <td bgcolor="#54c571" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Spring Green2</strong></td> <td height="19" width="182"><strong>#57E964</strong></td> <td bgcolor="#57e964" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Spring Green1</strong></td> <td height="19" width="182"><strong>#5EFB6E</strong></td> <td bgcolor="#5efb6e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sea Green2</strong></td> <td height="19" width="182"><strong>#64E986</strong></td> <td bgcolor="#64e986" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Sea Green1</strong></td> <td height="19" width="182"><strong>#6AFB92</strong></td> <td bgcolor="#6afb92" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Sea Green2</strong></td> <td height="19" width="182"><strong>#B5EAAA</strong></td> <td bgcolor="#b5eaaa" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Sea Green1</strong></td> <td height="19" width="182"><strong>#C3FDB8</strong></td> <td bgcolor="#c3fdb8" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Green</strong></td> <td height="19" width="182"><strong>#00FF00</strong></td> <td bgcolor="#00ff00" height="19"></td></tr> <tr> <td width="158"><strong>Lawn Green</strong></td> <td width="182"><strong>#87F717</strong></td> <td bgcolor="#87f717"></td></tr> <tr> <td height="19" width="158"><strong>Green1</strong></td> <td height="19" width="182"><strong>#5FFB17</strong></td> <td bgcolor="#5ffb17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Green2</strong></td> <td height="19" width="182"><strong>#59E817</strong></td> <td bgcolor="#59e817" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Chartreuse2</strong></td> <td height="19" width="182"><strong>#7FE817</strong></td> <td bgcolor="#7fe817" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Chartreuse</strong></td> <td height="19" width="182"><strong>#8AFB17</strong></td> <td bgcolor="#8afb17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Green Yellow</strong></td> <td height="19" width="182"><strong>#B1FB17</strong></td> <td bgcolor="#b1fb17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Olive Green1</strong></td> <td height="19" width="182"><strong>#CCFB5D</strong></td> <td bgcolor="#ccfb5d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Olive Green2</strong></td> <td height="19" width="182"><strong>#BCE954</strong></td> <td bgcolor="#bce954" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Olive Green3</strong></td> <td height="19" width="182"><strong>#A0C544</strong></td> <td bgcolor="#a0c544" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Yellow</strong></td> <td height="19" width="182"><strong>#FFFF00</strong></td> <td bgcolor="#ffff00" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Yellow1</strong></td> <td height="19" width="182"><strong>#FFFC17</strong></td> <td bgcolor="#fffc17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Khaki1</strong></td> <td height="19" width="182"><strong>#FFF380</strong></td> <td bgcolor="#fff380" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Khaki2</strong></td> <td height="19" width="182"><strong>#EDE275</strong></td> <td bgcolor="#ede275" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Goldenrod</strong></td> <td height="19" width="182"><strong>#EDDA74</strong></td> <td bgcolor="#edda74" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Gold2</strong></td> <td height="19" width="182"><strong>#EAC117</strong></td> <td bgcolor="#eac117" height="19"></td></tr> <tr> <td width="158"><strong>Gold1</strong></td> <td width="182"><strong>#FDD017</strong></td> <td bgcolor="#fdd017"></td></tr> <tr> <td height="19" width="158"><strong>Goldenrod1</strong></td> <td height="19" width="182"><strong>#FBB917</strong></td> <td bgcolor="#fbb917" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Goldenrod2</strong></td> <td height="19" width="182"><strong>#E9AB17</strong></td> <td bgcolor="#e9ab17" height="19"></td></tr> <tr> <td width="158"><strong>Gold</strong></td> <td width="182"><strong>#D4A017</strong></td> <td bgcolor="#d4a017"></td></tr> <tr> <td height="19" width="158"><strong>Gold3</strong></td> <td height="19" width="182"><strong>#C7A317</strong></td> <td bgcolor="#c7a317" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Goldenrod3</strong></td> <td height="19" width="182"><strong>#C68E17</strong></td> <td bgcolor="#c68e17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Goldenrod</strong></td> <td height="19" width="182"><strong>#AF7817</strong></td> <td bgcolor="#af7817" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Khaki</strong></td> <td height="19" width="182"><strong>#ADA96E</strong></td> <td bgcolor="#ada96e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Khaki3</strong></td> <td height="19" width="182"><strong>#C9BE62</strong></td> <td bgcolor="#c9be62" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Khaki4</strong></td> <td height="19" width="182"><strong>#827839</strong></td> <td bgcolor="#827839" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Goldenrod1</strong></td> <td height="19" width="182"><strong>#FBB117</strong></td> <td bgcolor="#fbb117" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Goldenrod2</strong></td> <td height="19" width="182"><strong>#E8A317</strong></td> <td bgcolor="#e8a317" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Goldenrod3</strong></td> <td height="19" width="182"><strong>#C58917</strong></td> <td bgcolor="#c58917" height="19"></td></tr> <tr> <td width="158"><strong>Sienna1</strong></td> <td width="182"><strong>#F87431</strong></td> <td bgcolor="#f87431"></td></tr> <tr> <td width="158"><strong>Sienna2</strong></td> <td width="182"><strong>#E66C2C</strong></td> <td bgcolor="#e66c2c"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orange</strong></td> <td height="19" width="182"><strong>#F88017</strong></td> <td bgcolor="#f88017" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orange1</strong></td> <td height="19" width="182"><strong>#F87217</strong></td> <td bgcolor="#f87217" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orange2</strong></td> <td height="19" width="182"><strong>#E56717</strong></td> <td bgcolor="#e56717" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orange3</strong></td> <td height="19" width="182"><strong>#C35617</strong></td> <td bgcolor="#c35617" height="19"></td></tr> <tr> <td width="158"><strong>Sienna3</strong></td> <td width="182"><strong>#C35817</strong></td> <td bgcolor="#c35817"></td></tr> <tr> <td width="158"><strong>Sienna</strong></td> <td width="182"><strong>#8A4117</strong></td> <td bgcolor="#8a4117"></td></tr> <tr> <td width="158"><strong>Sienna4</strong></td> <td width="182"><strong>#7E3517</strong></td> <td bgcolor="#7e3517"></td></tr> <tr> <td height="19" width="158"><strong>Indian Red4</strong></td> <td height="19" width="182"><strong>#7E2217</strong></td> <td bgcolor="#7e2217" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Orange3</strong></td> <td height="19" width="182"><strong>#7E3117</strong></td> <td bgcolor="#7e3117" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Salmon4</strong></td> <td height="19" width="182"><strong>#7E3817</strong></td> <td bgcolor="#7e3817" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Goldenrod4</strong></td> <td height="19" width="182"><strong>#7F5217</strong></td> <td bgcolor="#7f5217" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Gold4</strong></td> <td height="19" width="182"><strong>#806517</strong></td> <td bgcolor="#806517" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Goldenrod4</strong></td> <td height="19" width="182"><strong>#805817</strong></td> <td bgcolor="#805817" height="19"></td></tr> <tr> <td width="158"><strong>Light Salmon4</strong></td> <td width="182"><strong>#7F462C</strong></td> <td bgcolor="#7f462c"></td></tr> <tr> <td height="19" width="158"><strong>Chocolate</strong></td> <td height="19" width="182"><strong>#C85A17</strong></td> <td bgcolor="#c85a17" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Coral3</strong></td> <td height="19" width="182"><strong>#C34A2C</strong></td> <td bgcolor="#c34a2c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Coral2</strong></td> <td height="19" width="182"><strong>#E55B3C</strong></td> <td bgcolor="#e55b3c" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Coral</strong></td> <td height="19" width="182"><strong>#F76541</strong></td> <td bgcolor="#f76541" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Dark Salmon</strong></td> <td height="19" width="182"><strong>#E18B6B</strong></td> <td bgcolor="#e18b6b" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Salmon1</strong></td> <td height="19" width="182"><strong>#F88158</strong></td> <td bgcolor="#f88158" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Salmon2</strong></td> <td height="19" width="182"><strong>#E67451</strong></td> <td bgcolor="#e67451" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Salmon3</strong></td> <td height="19" width="182"><strong>#C36241</strong></td> <td bgcolor="#c36241" height="19"></td></tr> <tr> <td width="158"><strong>Light Salmon3</strong></td> <td width="182"><strong>#C47451</strong></td> <td bgcolor="#c47451"></td></tr> <tr> <td width="158"><strong>Light Salmon2</strong></td> <td width="182"><strong>#E78A61</strong></td> <td bgcolor="#e78a61"></td></tr> <tr> <td width="158"><strong>Light Salmon</strong></td> <td width="182"><strong>#F9966B</strong></td> <td bgcolor="#f9966b"></td></tr> <tr> <td height="19" width="158"><strong>Sandy Brown</strong></td> <td height="19" width="182"><strong>#EE9A4D</strong></td> <td bgcolor="#ee9a4d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Hot Pink</strong></td> <td height="19" width="182"><strong>#F660AB</strong></td> <td bgcolor="#f660ab" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Hot Pink1</strong></td> <td height="19" width="182"><strong>#F665AB</strong></td> <td bgcolor="#f665ab" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Hot Pink2</strong></td> <td height="19" width="182"><strong>#E45E9D</strong></td> <td bgcolor="#e45e9d" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Hot Pink3</strong></td> <td height="19" width="182"><strong>#C25283</strong></td> <td bgcolor="#c25283" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Hot Pink4</strong></td> <td height="19" width="182"><strong>#7D2252</strong></td> <td bgcolor="#7d2252" height="19"></td></tr> <tr> <td width="158"><strong>Light Coral</strong></td> <td width="182"><strong>#E77471</strong></td> <td bgcolor="#e77471"></td></tr> <tr> <td height="19" width="158"><strong>Indian Red1</strong></td> <td height="19" width="182"><strong>#F75D59</strong></td> <td bgcolor="#f75d59" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Indian Red2</strong></td> <td height="19" width="182"><strong>#E55451</strong></td> <td bgcolor="#e55451" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Indian Red3</strong></td> <td height="19" width="182"><strong>#C24641</strong></td> <td bgcolor="#c24641" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Red</strong></td> <td height="19" width="182"><strong>#FF0000</strong></td> <td bgcolor="#ff0000" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Red1</strong></td> <td height="19" width="182"><strong>#F62217</strong></td> <td bgcolor="#f62217" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Red2</strong></td> <td height="19" width="182"><strong>#E41B17</strong></td> <td bgcolor="#e41b17" height="19"></td></tr> <tr> <td width="158"><strong>Firebrick1</strong></td> <td width="182"><strong>#F62817</strong></td> <td bgcolor="#f62817"></td></tr> <tr> <td width="158"><strong>Firebrick2</strong></td> <td width="182"><strong>#E42217</strong></td> <td bgcolor="#e42217"></td></tr> <tr> <td width="158"><strong>Firebrick3</strong></td> <td width="182"><strong>#C11B17</strong></td> <td bgcolor="#c11b17"></td></tr> <tr> <td height="19" width="158"><strong>Pink</strong></td> <td height="19" width="182"><strong>#FAAFBE</strong></td> <td bgcolor="#faafbe" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Rosy Brown1</strong></td> <td height="19" width="182"><strong>#FBBBB9</strong></td> <td bgcolor="#fbbbb9" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Rosy Brown2</strong></td> <td height="19" width="182"><strong>#E8ADAA</strong></td> <td bgcolor="#e8adaa" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Pink2</strong></td> <td height="19" width="182"><strong>#E7A1B0</strong></td> <td bgcolor="#e7a1b0" height="19"></td></tr> <tr> <td width="158"><strong>Light Pink</strong></td> <td width="182"><strong>#FAAFBA</strong></td> <td bgcolor="#faafba"></td></tr> <tr> <td width="158"><strong>Light Pink1</strong></td> <td width="182"><strong>#F9A7B0</strong></td> <td bgcolor="#f9a7b0"></td></tr> <tr> <td width="158"><strong>Light Pink2</strong></td> <td width="182"><strong>#E799A3</strong></td> <td bgcolor="#e799a3"></td></tr> <tr> <td height="19" width="158"><strong>Pink3</strong></td> <td height="19" width="182"><strong>#C48793</strong></td> <td bgcolor="#c48793" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Rosy Brown3</strong></td> <td height="19" width="182"><strong>#C5908E</strong></td> <td bgcolor="#c5908e" height="19"></td></tr> <tr> <td height="19" width="158"><strong>Rosy Brown</strong></td> <td height="19" width="182"><strong>#B38481</strong></td> <td bgcolor="#b38481" height="19"></td></tr> <tr> <td width="158"><strong>Light Pink3</strong></td> <td width="182"><strong>#C48189</strong></td> <td bgcolor="#c48189"></td></tr> <tr> <td height="19" width="158"><strong>Rosy Brown4</strong></td> <td height="19" width="182"><strong>#7F5A58</strong></td> <td bgcolor="#7f5a58" height="19"></td></tr> <tr> <td width="158"><strong>Light Pink4</strong></td> <td width="182"><strong>#7F4E52</strong></td> <td bgcolor="#7f4e52"></td></tr> <tr> <td height="19" width="158"><strong>Pink4</strong></td> <td height="19" width="182"><strong>#7F525D</strong></td> <td bgcolor="#7f525d" height="19"></td></tr> <tr> <td width="158"><strong>Lavendar Blush4</strong></td> <td width="182"><strong>#817679</strong></td> <td bgcolor="#817679"></td></tr> <tr> <td width="158"><strong>Light Goldenrod4</strong></td> <td width="182"><strong>#817339</strong></td> <td bgcolor="#817339"></td></tr> <tr> <td width="158"><strong>Lemon Chiffon4</strong></td> <td width="182"><strong>#827B60</strong></td> <td bgcolor="#827b60"></td></tr> <tr> <td width="158"><strong>Lemon Chiffon3</strong></td> <td width="182"><strong>#C9C299</strong></td> <td bgcolor="#c9c299"></td></tr> <tr> <td width="158"><strong>Light Goldenrod3</strong></td> <td width="182"><strong>#C8B560</strong></td> <td bgcolor="#c8b560"></td></tr> <tr> <td width="158"><strong>Light Golden2</strong></td> <td width="182"><strong>#ECD672</strong></td> <td bgcolor="#ecd672"></td></tr> <tr> <td width="158"><strong>Light Goldenrod</strong></td> <td width="182"><strong>#ECD872</strong></td> <td bgcolor="#ecd872"></td></tr> <tr> <td width="158"><strong>Light Goldenrod1</strong></td> <td width="182"><strong>#FFE87C</strong></td> <td bgcolor="#ffe87c"></td></tr> <tr> <td width="158"><strong>Lemon Chiffon2</strong></td> <td width="182"><strong>#ECE5B6</strong></td> <td bgcolor="#ece5b6"></td></tr> <tr> <td width="158"><strong>Lemon Chiffon</strong></td> <td width="182"><strong>#FFF8C6</strong></td> <td bgcolor="#fff8c6"></td></tr> <tr> <td width="158"><strong>Light Goldenrod Yellow</strong></td> <td width="182"><strong>#FAF8CC</strong></td> <td bgcolor="#faf8cc"></td></tr> </tbody></table> <span style="color: #666666;"></span><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/YWRg13JzuIQ" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com6http://www.visualbasix.info/2012/07/wie-erstellt-man-einen-rahmen-um-den.htmltag:blogger.com,1999:blog-6626768266334837553.post-14024903461296042632012-06-24T11:32:00.001+02:002012-07-10T20:53:14.261+02:002012-07-10T20:53:14.261+02:00<a href="http://www.visualbasix.info/2012/06/wie-personalisiert-man-blogger-umfrage.html"><img align="left" alt="umfragegadget" border="0" height="124" src="http://lh5.ggpht.com/--dP93iwInos/T-bepU7Fg_I/AAAAAAAACp0/MtzCPv_k5HM/umfragegadget_thumb1.jpg?imgmax=800" style="background-image: none; border-width: 0px; display: inline; float: left; margin: 5px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="umfragegadget" width="254" /></a><span style="background-color: white;">Wer in seinem Blog des Öfteren Bloggers eigenes Umfrage-Gadget verwendet, stößt von Zeit zu Zeit an einige Grenzen der Personalisierung. Auch wenn es andere Alternativen gibt möchte ich Ihnen zeigen, wie man sein Umfrage Gadget dennoch ein wenig seinem Blog anpassen kann. Wie es geht, erfahren Sie in diesem Tutorial.</span><br /> <a name='more'></a><br /> <div align="justify"> <br /></div> <div align="justify"> Um zu zeigen, wie Umfragen aussehen können und welche Möglichkeiten man hat, diese seinem eigenen Blog anzupassen, sehen Sie auf dieser <strong><span style="color: #646b86;"><a href="http://visualbasix5.blogspot.co.uk/" target="_blank">DEMO</a></span></strong> Seite.</div> <div align="justify"> <br /></div> <div align="justify"> Wie Sie sehen, gibt es zwei Varianten das Gadget zu bearbeiten.</div> <div align="justify"> <br /></div> <div align="justify"> <strong>V1.</strong> Nur die Breite, Hintergrundfarbe und Rahmen anpassen</div> <div align="justify"> <strong>V2.</strong> Breite, Hintergrundfarbe, Rahmen und eigenes Logo als Wasserzeichen einfügen.</div> <div align="justify"> <br /></div> <hr /> <div align="justify"> <strong>Fangen wir mit Variante 1 (V1) an.</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> Um Ihr Umfrage Gadget zu bearbeiten, benötigen Sie keine extra Werkzeuge, nur einen kurzen CSS Code, welchen Sie wie folgt im Vorlagendesigner einbauen und dann so verändern, dass Ihnen das Gadget gefällt. </div> <div align="justify"> Gehen Sie wie folgt vor: </div> <div align="justify"> <br /></div> <div align="justify"> <strong>V1/a.</strong> Richten wir erst einmal eine Umfrage mit Hilfe des Umfrage-Gadgets von Blogger ein. (<span style="color: maroon;"><strong>Sollten Sie bereits ein Umfrage Gadget auf Ihrem Blog eingefügt haben, dann fahren Sie mit Schritt V1/c fort</strong></span>). </div> <div align="justify"> <br /></div> <div align="justify"> <strong>V1/b.</strong> Gehen Sie in Ihrem Blogger Dashboard auf “<strong>Layout</strong>”.</div> <div align="justify"> <br /></div> <div align="justify"> &nbsp;<a href="http://lh4.ggpht.com/-ME9f-ll_8CU/T-bep_3u9RI/AAAAAAAACp8/qFSEe5v80hE/s1600-h/gadgethinzufuegen%25255B7%25255D.png"><img align="left" alt="gadgethinzufuegen" border="0" height="96" src="http://lh5.ggpht.com/-JyA6MfMlKy4/T-beqJES6gI/AAAAAAAACqE/yNKP3qoz1Rg/gadgethinzufuegen_thumb%25255B5%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gadgethinzufuegen" width="260" /></a></div> <div align="justify"> Klicken Sie nun im Layout Editor in der Sidebar auf Gadget hinzufügen. </div> <div align="justify"> <strong></strong>&nbsp; </div> <div align="justify"> <a href="http://lh5.ggpht.com/-8Qw_hIDWprI/T-beqh_8ndI/AAAAAAAACqM/a-LcSlIP6cc/s1600-h/gad%25255B2%25255D.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img align="left" alt="gad" border="0" height="244" src="http://lh6.ggpht.com/--gam_8VbsUA/T-berITjB1I/AAAAAAAACqU/iVVHDV5HoWY/gad_thumb.png?imgmax=800" style="background-image: none; border: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gad" width="218" /></a> </div> <div align="justify"> &nbsp;Hier sollte sich nun ein Fenster öffnen in welchem Sie etwas weiter nach unten “scrollen” bis Sie zu dem Umfrage Gadget gelangen. Klicken Sie auf Umfrage und ein weiteres Fenster öffnet sich und Sie können hier Ihre Frage einstellen und die zur Auswahl stehenden Antworten. </div> <div align="justify"> <br /></div> <div align="justify"> <a href="http://lh6.ggpht.com/-35ES3ngOVHk/T-berp3ZrxI/AAAAAAAACqc/c1cdB9yuACU/s1600-h/gad1%25255B2%25255D.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img align="right" alt="gad1" border="0" height="244" src="http://lh4.ggpht.com/-Yh0DXgoPiMc/T-besAJl_gI/AAAAAAAACqk/BHWGMmrMxGY/gad1_thumb.png?imgmax=800" style="background-image: none; border: 0px; display: inline; float: right; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gad1" width="216" /></a></div> <div align="justify"> <span style="background-color: white;">Zusätzlich können Sie noch festlegen bis wann man Antworten abgeben kann und ob mehrere Antworten des gleichen Teilnehmers zugelassen werden sollen.</span></div> <div align="justify"> Sobald Sie Ihre Umfrage erstellt haben, klicken Sie auf “Speichern”.<br /> <br /> Das Widget/Gadget wir dnun in Ihrem Blog angezeigt. Um das Umfragegadget nun zu personalisieren fahren Sie mit Punkt <strong>V1/c.</strong> fort. </div> <div align="justify"> </div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> <strong><br /></strong><br /> <strong>V1/c.</strong> Gehen Sie im Blogger Dashboard zu “<strong>Vorlage</strong>”, dann auf “<strong>Anpassen</strong>”. Der Vorlagendesigner öffnet sich. </div> <div align="justify"> <br /></div> <div align="justify"> <strong>V1/d.</strong> Im dunkelgrauen Bereich auf der linken Seite, klicken Sie auf “<strong>Erweitert</strong>” und dann scrollen Sie nach unten zu “<strong>CSS hinzufügen</strong>”. Auf der rechten Seite sollte sich nun ein weißes Feld öffnen und im unteren Bereich sollten Sie einen Ausschnitt Ihres Blogs, so wie er derzeit aussieht, sehen können. </div> <div align="justify"> <br /></div> <div align="justify"> <strong>V1/e.</strong> Kopieren Sie sich nun folgenden CSS Code in die Zwischenablage und fügen Sie diesen in das weiße Feld im Vorlagendesigner ein.<em> (Der Cursor blinkt hinter dem letzten Zeichen im Code – Drücken Sie die Enter Taste um die Veränderung am Widget zu sehen!)</em> </div> <div align="justify"> <em><br /></em></div> <div align="justify"> <br /></div> <table border="1" cellpadding="2" cellspacing="0" style="width: 650px;"> <tbody> <tr> <td valign="top" width="324"><div align="center"> <strong><u>Hier ist der CSS Code:</u></strong></div> </td> <td valign="top" width="324"><div align="center"> So sollte es auf Ihrem Blog aussehen.</div> </td></tr> <tr> <td valign="top" width="324">^{/* Sidebar Content */<br />#Poll1{<br />background:#FFFFFF;<br />border:1px solid #000000;<br />width:250px;<br />padding:0 10px;<br />}}<br /> ^{#Poll1 h2{<br />text-align:center;<br />font-size:120%;<br />color:#000000;<br />font-family:arial;<br />font-weight:bold;<br />}}</td> <td valign="top" width="324"><a href="http://lh6.ggpht.com/-UfJ7DFB1zZ0/T-besV2myzI/AAAAAAAACqs/s7pBZgaZIec/s1600-h/buw%25255B4%25255D.png"><img alt="buw" border="0" height="222" src="http://lh5.ggpht.com/-EdPF2F8m0QU/T-bes3oHnyI/AAAAAAAACq0/nXfpj4PjteQ/buw_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 20px auto 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="buw" width="278" /></a></td></tr> </tbody></table> <strong></strong>&nbsp; <br /> <br /> <strong>Der CSS Code in der Erklärung:</strong><br /> <table border="1" cellpadding="2" cellspacing="0" style="width: 650px;"> <tbody> <tr> <td valign="top" width="325">/* Sidebar Content */</td> <td valign="top" width="325">Abgrenzung des Codes</td></tr> <tr> <td valign="top" width="325">#Poll1{</td> <td valign="top" width="325"><div align="justify"> Ändern Sie die Nummer wenn Sie eine weitere Umfrage einbauen, z.B.: eine zweite Umfrage muss einen kompletten neuen Code im Vorlagendesigner aufweisen. Dieser aber markiert als #<strong>Poll2</strong>{ und so weiter…</div> </td></tr> <tr> <td valign="top" width="325">background:#FFFFFF;</td> <td valign="top" width="325"><strong><a href="http://www.visualbasix.info/2009/02/hexidecimal-farben-code-tabelle.html" target="_blank" title="Farbencode Tabelle">Gehen Sie zum Farbenkatalog…</a></strong></td></tr> <tr> <td valign="top" width="325">border:1px solid #000000;</td> <td valign="top" width="325">Umrandung 0px = Kein Rand | #000000 = schwarzer Rand</td></tr> <tr> <td valign="top" width="325">width:250px;</td> <td valign="top" width="325">Breite des Widgets hängt von der Breite Ihrer Sidebar ab. </td></tr> <tr> <td valign="top" width="325">padding:0 10px;</td> <td valign="top" width="325">Abstand zum Rand in der Sidebar</td></tr> <tr> <td valign="top" width="325">}</td> <td valign="top" width="325"></td></tr> <tr> <td valign="top" width="325"></td> <td valign="top" width="325"></td></tr> <tr> <td valign="top" width="325">#Poll1 h2{</td> <td valign="top" width="325"><div align="justify"> Ändern Sie die Nummer wenn Sie eine weitere Umfrage einbauen, z.B.: eine zweite Umfrage muss einen kompletten neuen Code im Vorlagendesigner aufweisen. Dieser aber markiert als #<strong>Poll2</strong>{ h2{ und so weiter…</div> </td></tr> <tr> <td valign="top" width="325">text-align:center;</td> <td valign="top" width="325">center, left oder right |zentriert, links oder rechts</td></tr> <tr> <td valign="top" width="325">font-size:120%;</td> <td valign="top" width="325">Die Größe der Überschrift, ändern Sie nur die Zahl um die Größe anzupassen.</td></tr> <tr> <td valign="top" width="325">color:#000000;</td> <td valign="top" width="325"><a href="http://www.visualbasix.info/2009/02/hexidecimal-farben-code-tabelle.html" target="_blank" title="Farbencode Tabelle"><strong>Gehen Sie zum Farbenkatalog…</strong></a></td></tr> <tr> <td valign="top" width="325">font-family:arial;</td> <td valign="top" width="325"></td></tr> <tr> <td valign="top" width="325">font-weight:bold;</td> <td valign="top" width="325"><strong>Bold</strong>, <em>italic, – </em><strong>Fett</strong><em>, kursiv</em></td></tr> <tr> <td valign="top" width="325">}</td> <td valign="top" width="325"></td></tr> </tbody></table> <strong><br /></strong><br /> <strong>V1/d.</strong>&nbsp; Wenn Sie Ihr Gadget personalisiert haben Klicken Sie nur noch auf “<strong>Auf Blog anwenden</strong>”. Fertig! <br /> <br /> <hr /> <div align="justify"> <strong>Und hier ist die zweite Variante (V2) mit dem Einbetten eines Bildes als Hintergrund.</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> Für dieses Tutorial benötigen Sie allerdings einige Werkzeuge.</div> <ul> <li> <div align="justify"> Ein kostenloses Bildbearbeitungsprogramm, wie zum Beispiel <strong><a href="http://www.chip.de/downloads/c1_downloads_hs_getfile_v1_16079747.html?t=1340526698&amp;v=3600&amp;s=1dbec940ea8f51e557313fefa5c74c22" target="_blank" title="Gimp Download via Chip.de Online">Gimp</a></strong> (egal welche Version)</div> </li> <li> <div align="justify"> Ein kostenloses Bildhosting Konto wie zum Beispiel <a href="http://db.tt/a3GLeMKr" target="_blank"><strong>Dropbox</strong></a> (<a href="http://www.visualbasix.info/2012/03/kostenlos-bilder-fur-blog-hosten.html" target="_blank">Lesen Sie hier wie Sie Dropbox verwenden</a>) </div> </li> <li> <div align="justify"> <em>Sollten Sie keines der beiden Werkzeuge zur Verfügung haben wollen aber unbedingt und ganz schnell weiterkommen, kontaktieren Sie uns und wir helfen gerne weiter. Nutzen Sie dazu die </em><a href="http://www.visualbasix.info/p/forum.html" target="_blank"><em>Hilfe</em></a><em> Funktion in der Menüleiste.</em></div> </li> </ul> <div align="justify"> Um diese Version zu verwenden starten Sie mit den Punkten <strong>V1/a</strong>. bis <strong>V1/d</strong>. und kommen Sie dann hierher zurück um den CSS Code in der unteren Tabelle einzufügen.</div> <div align="justify"> <br /></div> <div align="justify"> <strong>V2/d.</strong> Kopieren Sie sich nun folgenden CSS Code in die Zwischenablage und fügen Sie diesen in das weiße Feld im Vorlagendesigner ein.<em> (Der Cursor blinkt hinter dem letzten Zeichen im Code – Drücken Sie die Enter Taste um die Veränderung am Gadget zu sehen!)</em></div> <div align="justify"> <em><br /></em></div> <table border="1" cellpadding="2" cellspacing="0" style="width: 650px;"> <tbody> <tr> <td valign="top" width="325"><div align="center"> <strong><u>Hier ist der CSS Code:</u></strong></div> </td> <td valign="top" width="325"><div align="center"> So sollte es auf Ihrem Blog aussehen.</div> </td></tr> <tr> <td valign="top" width="325">^{/* Sidebar Content */<br />#Poll1{<br />background:url}<br /> ^{(<a href="http://dl.dropbox.com/u/59399859/Buttons/stempel270x210.png);">http://dl.dropbox.com/u/59399859/Buttons/stempel270x210.png);</a><br />border:0px solid #000000;<br />width:270px;<br />padding:0 0px;<br />}}<br /> ^{#Poll1 h2{<br />text-align:center;<br />font-size:110%;<br />color:#000000;<br />font-family:arial;<br />font-weight:bold;<br />}}</td> <td valign="top" width="325"><a href="http://lh5.ggpht.com/-Tkn49Oat5bU/T-betbTV1RI/AAAAAAAACq8/cL2Zq7uemDU/s1600-h/buwa%25255B4%25255D.png"><img alt="buwa" border="0" height="222" src="http://lh6.ggpht.com/-M3ngc78_N8k/T-betqX5g2I/AAAAAAAACrE/PddC_qpT_uM/buwa_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 15px auto 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="buwa" width="278" /> </a><br /> <div align="justify"> <a href="http://lh5.ggpht.com/-Tkn49Oat5bU/T-betbTV1RI/AAAAAAAACq8/cL2Zq7uemDU/s1600-h/buwa%25255B4%25255D.png"></a><span style="font-size: x-small;">Sollten Sie ein eigenes Logo benötigen und einbauen wollen, wissen aber nicht wie, nutzen Sie bitte die <a href="http://www.visualbasix.info/p/forum.html" target="_blank" title="Hilfe anfordern..."><strong><span style="color: #646b86;">Hilfe</span></strong></a> Funktion oben in der Menüleiste.</span></div> </td></tr> </tbody></table> <strong><br /></strong><br /> <strong>Der CSS Code in der Erklärung:</strong><br /> <strong><br /></strong><br /> <table border="1" cellpadding="2" cellspacing="0" style="width: 650px;"> <tbody> <tr> <td valign="top" width="325">/* Sidebar Content */</td> <td valign="top" width="325">Abgrenzung des Codes</td></tr> <tr> <td valign="top" width="325">#Poll1{</td> <td valign="top" width="325"><div align="justify"> Ändern Sie die Nummer wenn Sie eine weitere Umfrage einbauen, z.B.: eine zweite Umfrage muss einen kompletten neuen Code im Vorlagendesigner aufweisen. Dieser aber markiert als #<strong>Poll2</strong>{ und so weiter…</div> </td></tr> <tr> <td valign="top" width="325">^{background:url}<br /> ^{(<a href="http://dl.dropbox.com/u/59399859/Buttons/stempel270x210.png);">http://dl.dropbox.com/u/59399859/Buttons/stempel270x210.png);</a>}</td> <td valign="top" width="325"><div align="justify"> Wie Sie sehen enthält der Hintergrund die Befehlszeile ein Bild darzustellen. In diesem Fall ist das Bild 270px breit und 210px hoch. Dieses müssen Sie mit z.B. Gimp selbst erstellen und hängt von der Breite Ihrer Sidebar ab.</div> </td></tr> <tr> <td valign="top" width="325">border:1px solid #000000;</td> <td valign="top" width="325">Umrandung 0px = Kein Rand | #000000 = schwarzer Rand</td></tr> <tr> <td valign="top" width="325">width:270px;</td> <td valign="top" width="325">Breite des Widgets hängt von der Breite Ihrer Sidebar ab. </td></tr> <tr> <td valign="top" width="325">padding:0 0px;</td> <td valign="top" width="325">Abstand zum Rand in der Sidebar</td></tr> <tr> <td valign="top" width="325">}</td> <td valign="top" width="325"></td></tr> <tr> <td valign="top" width="325"></td> <td valign="top" width="325"></td></tr> <tr> <td valign="top" width="325">#Poll1 h2{</td> <td valign="top" width="325"><div align="justify"> Ändern Sie die Nummer wenn Sie eine weitere Umfrage einbauen, z.B.: eine zweite Umfrage muss einen kompletten neuen Code im Vorlagendesigner aufweisen. Dieser aber markiert als #<strong>Poll2</strong>{ h2{ und so weiter…</div> </td></tr> <tr> <td valign="top" width="325">text-align:center;</td> <td valign="top" width="325">center, left oder right |zentriert, links oder rechts</td></tr> <tr> <td valign="top" width="325">font-size:110%;</td> <td valign="top" width="325">Die Größe der Überschrift, ändern Sie nur die Zahl um die Größe anzupassen.</td></tr> <tr> <td valign="top" width="325">color:#000000;</td> <td valign="top" width="325"><a href="http://www.visualbasix.info/2009/02/hexidecimal-farben-code-tabelle.html" target="_blank" title="Farbencode Tabelle"><strong>Gehen Sie zum Farbenkatalog…</strong></a></td></tr> <tr> <td valign="top" width="325">font-family:arial;</td> <td valign="top" width="325"></td></tr> <tr> <td valign="top" width="325">font-weight:bold;</td> <td valign="top" width="325"><strong>bold</strong>, <em>italic, – </em><strong>Fett</strong><em>, Kursiv</em></td></tr> <tr> <td valign="top" width="325">}</td> <td valign="top" width="325"></td></tr> </tbody></table> <br /> Wenn Sie Ihr Gadget personalisiert haben Klicken Sie nur noch auf “<strong>Auf Blog anwenden</strong>”. Fertig!<img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/0vUAxPJ0NTg" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com3Bristol, Vereinigtes Königreich51.454513 -2.5879151.375358 -2.7458385 51.533668 -2.4299815http://www.visualbasix.info/2012/06/wie-personalisiert-man-blogger-umfrage.htmltag:blogger.com,1999:blog-6626768266334837553.post-52900918505475825432012-06-23T00:32:00.001+02:002012-06-24T23:54:23.069+02:002012-06-24T23:54:23.069+02:00<a href="http://www.visualbasix.info/2012/06/werde-youtube-auditor-fur-visualbasix.html"><img alt="youtube680x125" border="0" height="129" src="http://lh6.ggpht.com/-fDl0zFzqmWU/T-TyhcGUV_I/AAAAAAAACnw/N_wlJTZupIw/youtube680x125_thumb%25255B1%25255D.jpg?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="youtube680x125" width="684" /></a><br /> <div align="justify"> <strong></strong></div> <a name='more'></a><div style="text-align: center;"> <span style="color: #990000;"><b><br /></b></span></div> <div align="justify"> <strong>Vielen Dank für Ihr Interesse an unserer Suche nach YouTube Auditoren.</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> Wir veröffentlichen jeden Monat mehrere YouTube Videos, deren Inhalt sich mit Tutorials (Anleitungen) zum Thema Bloggen, hauptsächlich jedoch mit der Plattform Blogger selbst befasst. Unser Ziel ist es, Anleitungen so zu erstellen, dass Sie inhaltlich auch von Laien oder Zuschauern die zum ersten Mal mit Blogger in Kontakt getreten sind, verstehen können.&nbsp;&nbsp;</div> <div align="justify"> <br /></div> <div align="justify"> In der letzten Zeit erhalten wir vermehrt Kommentare zu unseren Videos die nur dadurch entstanden sind, als das wir davon ausgegangen sind, dass viele Dinge (Grundwissen) bereits von uns vorausgesetzt wurde. Wir wollen dieses jedoch verhindern, da auch jeder neue Leser oder Blogbetreiber unsere Videos schon von Anfang an, ohne vorher mit Blogger in Berührung gekommen zu sein, verstehen soll.</div> <div align="justify"> <br /></div> <div align="justify"> Aus diesem Grund&nbsp; wollen wir gerne andere Blogbetreiber noch vor der Veröffentlichung unserer Video-Tutorials zu einigen Dingen befragen um eventuell die Tutorials erneut zu erstellen oder die Kommentare so zu verändern, dass Sie zufriedenstellend für alle Betrachter sind.</div> <div align="justify"> <br /></div> <div align="justify"> <strong>Und deshalb brauchen wir Ihre Hilfe.</strong> </div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> So funktioniert’s:</div> <div align="justify"> <br /></div> <div align="justify"> Zur Zeit wollen wir die Auditoren auf 20 Personen limitieren. Dies bedeutet dass, die ersten 20 Personen die Interesse an einer Zusammenarbeit mit VisualBasix haben, füllen am Ende dieses Artikels das zur Verfügung gestellte Formular aus. Um auch sicherzustellen das Sie Volljährig sind, erhalten Sie für eine erfolgreiche Anmeldung<strong> €1.00</strong> auf Ihr PayPal Konto überwiesen. Sollten Sie Volljährig sein allerdings nicht über ein PayPal Konto verfügen, dann erstellen Sie hier Ihr <a href="http://www.paypal.de/de" target="_blank" title="PayPal">PayPal</a> Konto.</div> <div align="justify"> <br /></div> <div align="justify"> <u>Bitte beachten Sie:</u> <em>Erst nach einer erfolgreichen Anmeldung erhalten Sie eine Bestätigungsemail von uns. Erst in dieser Email werden wir Sie nach der PayPal Email fragen.</em></div> <div align="justify"> <em><br /></em></div> <div align="justify"> Sobald wir ein neues Video-Tutorial produziert haben, werden wir dies über eine gesonderte Email an Sie versenden. Zusätzlich erhalten Sie einen Link zu einem Dokument (Fragebogen), welches Sie nach dem Ansehen unseres Videos ausfüllen.</div> <div align="justify"> <br /></div> <div align="justify"> Alle Fragebögen sind bis zu einem <strong>bestimmten Datum</strong> auszufüllen. </div> <div align="justify"> <br /></div> <div align="justify"> Nachdem wir alle Fragebögen durchgelesen und Ihre Meinung dazu ausgewertet haben, wird Ihnen der Betrag, der für die Befragung als Honorar festgelegt wurde direkt über PayPal auf Ihr Konto überwiesen.<br /> <br /></div> <div align="justify"> *Sollten wir feststellen, dass Meinungen und Kritiken nicht ernst gemeint oder in irgendeiner Weise nicht im Zusammenhang mit den im Fragebogen gestellten Fragen stehen, behalten wir uns das Recht vor Honorarzahlungen zurückzuhalten und eventuell Teilnehmer von der Teilnahme auszuschließen.</div> <div align="justify"> Hier ist die Preisstaffel für Video Tutorial Feedback.</div> <div align="justify"> <br /></div> <div align="justify"> <u>Videos einer Länge von:</u></div> <div align="justify"> <u><br /></u></div> <div align="justify"> <strong>1-5 Minuten = <span style="color: #008040;">€2.50</span></strong></div> <div align="justify"> <strong>6-10 Minuten = <span style="color: #008040;">€5.00</span></strong></div> <div align="justify"> <strong>11-15 Minuten = <span style="color: #008040;">€7.50</span></strong></div> <div align="justify"> <strong>16-20 Minuten =<span style="color: #008040;"> €10.00</span></strong></div> <div align="justify"> <strong><span style="color: #008040;"><br /></span></strong></div> <div align="justify"> <hr /> </div> <div align="justify"> *Sollten Sie sich angemeldet haben, Ihre Anmeldung allerdings nicht erfolgreich gewesen sein, dann abonnieren Sie bitte unseren Newsletter. Sobald wir feststellen dass wir nicht ausreichend Feedback erhalten, werden wir eine<b> neue Suche starten und dies in unserem Newsletter veröffentlichen</b>.<br /> <strong style="text-align: center;"><span style="color: #990000;"><br /></span></strong><br /> <div style="text-align: center;"> <strong><span style="color: #990000;">--- Zur Zeit sind alle 20 Positionen vergeben ---</span></strong> </div> </div> <hr /> <div align="justify"> <strong><br /></strong></div> <div align="justify"> <strong>Und hier geht's zur Anmeldung:</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="center"> <iframe frameborder="0" height="1" marginheight="0" marginwidth="0" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dGFoalpLSHZvRGtDbkZwZ1hCbXIzVkE6MQ" width="635"></iframe></div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/_7v-kt_VW7w" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.comhttp://www.visualbasix.info/2012/06/werde-youtube-auditor-fur-visualbasix.htmltag:blogger.com,1999:blog-6626768266334837553.post-43356685401342938762012-06-15T11:54:00.001+02:002012-07-29T09:48:00.259+02:002012-07-29T09:48:00.259+02:00<a href="http://lh4.ggpht.com/-wJqgyRjCEZQ/T9sGWseO6OI/AAAAAAAACnQ/ovnJKkNhdtM/s1600-h/navbar3.jpg"><img align="left" alt="navbar" border="0" height="130" src="http://lh5.ggpht.com/-ERbmrJqy1uY/T9sGXOINwVI/AAAAAAAACnY/tOjwJK-HO-M/navbar_thumb1.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="navbar" width="260" /></a>Wer sich an der Blogger Navigationsleiste, auch “Navbar” genannt stört, und diese gerne von seinem Blog entfernen möchte der kann dies in einigen kurzen Schritten mit Hilfe dieses Tutorials durchführen.<br /> <a name='more'></a><br /> <div align="justify"> <br /></div> <div align="justify"> <br /> <b>Blogger hat nun endlich darauf reagiert und das Entfernen der Navigationsleiste vereinfacht.</b><br /> <br /> <div align="justify"> Die Blogger Navigationsleiste ist die Leiste die jeder sehen kann wenn Ihr Blog aufgerufen wird. Sie enthält einige nützliche Tools, allerdings gibt es Blogger die diese gerne entfernen wollen. Es hat Jahre gedauert für Blogger.com einzusehen dass die meisten Blogger diese Navbar aus Gründen der individuellen Gestaltungsfreiheit nicht auf Ihrem Blog anzeigen wollen. Dies konnte durch Eingriffe in den <a href="http://www.visualbasix.com/tools/rechtsklick.txt" target="_blank">HTML Code</a> verhindert werden. Seit neuestem hat nun auch Blogger.com selbst dafür gesorgt die Navbar mit einem Klick auf einen Button die Navbar zu deaktivieren.<br /> <br /> <b>So geht's:</b><br /> <br /> Klicken Sie in "<b>Layout</b>" auf “<strong>Navbar bearbeiten</strong>” und wählen Sie die Option “<strong>Aus</strong>”. Klicken Sie auf speichern und Ihre Navigationsleiste verschwindet vollends von Ihrem Blog ohne jegliche HTML Kenntnisse. Übrigens, Sie benötigen die Navbar nicht um sich in Ihren Blog einzuloggen. Der Aufruf der Seite Blogger.com genügt vollkommen um sich in Ihren Blog einzuloggen.</div> <div align="justify"> <br /></div> <div align="justify"> Bevor Blogger diese Einstellung bereitgestellt hatte, konnte man die Navigationsleiste auch mit anderen Schritten entfernen. Im unteren Teil erfahren Sie wie man dies mit Hilfe des HTML codes macht.</div> <br /> <br /></div> <div align="center"> <strong><span style="color: green;">Im unteren Teil dieses Artikels finden Sie auch eine Videoanleitung.</span></strong><br /> <strong><span style="color: green;"><br /></span></strong></div> <div align="justify"> <strong>Schritt 1:</strong> Gehen Sie zu Ihrem Blogger Dashboard und klicken Sie auf “<strong>Vorlage</strong>”, dann auf “<strong>Anpassen</strong>”und der Vorlagendesigner öffnet sich.<br /> <br /></div> <div align="justify"> <strong>Schritt 2:</strong> Ihr Bildschirm teilt sich nun und in der oberen Hälfte sehen Sie den Editor des Vorlagendesigners und in der unteren Hälfte Ihren Blog mit der Navigationsleiste.<br /> <br /></div> <div align="justify"> <strong>Schritt 3:</strong> Klicken Sie oben auf der linken Seite auf “Erweitert” und gleich rechts daneben ändern sich die Optionen. Scrollen Sie an der Scroll-Bar bis ganz nach unten zu “<strong>CSS hinzufügen</strong>”. Ein weißes Fenster öffnet sich auf der rechten Seite mit dem Titel: “<em>Benutzerspezifisches CSS hinzufügen</em>”<br /> <br /></div> <div align="justify"> <strong>Schritt 4:</strong> Kopieren Sie folgendes Snippet:&nbsp; <span style="color: #666666;">#navbar-iframe{ display:none !important} </span><span style="color: black;">und fügen Sie dieses in die weiße Box ein. Drücken Sie die “Enter” Taste und im unteren Teil, da wo Sie jetzt noch die Navbar stehen haben, dürfte diese komplett verschwinden. </span><br /> <span style="color: black;"><br /></span></div> <div align="justify"> <span style="color: black;"><strong>Schritt 5:</strong> Wenn dies der Fall ist, klicken Sie ganz oben rechts auf “<strong>Auf Blog anwenden</strong>”. </span><br /> <span style="color: black;"><br /></span></div> <div align="justify"> <span style="color: black;">Fertig.</span><br /> <span style="color: black;"><br /></span></div> <div align="justify"> Und hier das Video zum Tutorial:<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="385" src="http://www.youtube.com/embed/phbuPtA1yaU" width="660"></iframe></div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/ATT-bRJT_-A" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com4http://www.visualbasix.info/2012/06/wie-entfernt-man-die-blogger.htmltag:blogger.com,1999:blog-6626768266334837553.post-41408680676433808932012-06-04T20:19:00.000+02:002012-11-25T19:23:07.796+01:002012-11-25T19:23:07.796+01:00<div align="justify"> Seinen Blog in Suchmaschinen “anzumelden” oder zu “listen” ist kostenlos jedenfalls bei den Bekanntesten. </div> <div align="justify"> Der Grund für einen Eintrag in Suchmaschinen sollte eigentlich klar auf der Hand liegen und bedarf keiner weiteren Erläuterungen. Sie können dies natürlich gerne manuell auf jeder einzelnen Suchmaschine selbst vornehmen. Jedoch spart man sich eine Menge Zeit ein Programm, von denen es jede Menge gibt, zu Hilfe zu nehmen.</div> <div align="justify"> <br /></div> <div align="justify"> <strong><span style="color: #008040;">Tipp:</span></strong><em> <strong>Geben Sie kein Geld aus um Anbietern die versprechen Ihren Blog in mehr als 1000 Suchmaschinen einzutragen. Hier unten gibt es ein Programm welches kostenlos ist.</strong></em></div> <div align="justify"> <em><strong><br /></strong></em></div> <div align="center"> <strong><u><a href="http://blogurl.de/eBDg0" target="_blank"><span style="color: #274e13;">Tragen Sie Hier Ihren Blog kostenlos in Suchmaschinen ein!</span></a></u></strong></div> <div align="center"> <strong><u><br /></u></strong></div> <div align="center"> <strong><u><br /></u></strong></div> <div align="center"> <strong><u><script type="text/javascript"><!-- google_ad_client = "ca-pub-6047733337792935"; /* demo468 */ google_ad_slot = "4741794526"; google_ad_width = 468; google_ad_height = 60; //</script> </u></strong></div> <div style="text-align: center;"> <br /><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script></div> <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/JFtln-jj84Y" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/06/blog-kostenlos-in-suchmaschinen.htmltag:blogger.com,1999:blog-6626768266334837553.post-66472910516034025942012-04-24T19:59:00.001+02:002012-04-24T20:02:38.565+02:002012-04-24T20:02:38.565+02:00<a href="http://lh3.ggpht.com/-M6drKG3fmzk/T5bp7_CB9wI/AAAAAAAACkk/6wYY3VMQbc0/s1600-h/abstand%25255B3%25255D.jpg"><img align="left" alt="abstand" border="0" height="145" src="http://lh5.ggpht.com/-glRKTwNCoJM/T5bp8y7b9eI/AAAAAAAACko/nsu5GUf-7LE/abstand_thumb%25255B1%25255D.jpg?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="abstand" width="266" /></a>Dies ist eine kleine Anleitung zum Thema: Wie kann man den Abstand zwischen dem Datum und dem Blogtitel entweder verringern oder vergrößern? Alles was Sie dazu brauchen ist ein kleiner Code, welchen Sie in die “Erweitere” Funktion in Blogger einstellen müssen. Wie das genau gemacht wird erfahren Sie hier im Schritt für Schritt Verfahren…<br /> <a name='more'></a><div align="justify"> <br /></div> <div align="justify"> <br /> 1. Gehen Sie in Ihrem Blogger Dashboard auf der linken Seite auf “Vorlage” dann auf “Anpassen” klicken.</div> <div align="justify"> <br /></div> <div align="justify"> 2. Der Blogger Vorlagen-Designer öffnet sich und Sie klicken auf “Erweitert” und dann ganz unten auf “CSS hinzufügen”. Auf der rechten Seite oben sehen Sie ein weißes Feld, es kann schon etwas darin stehen wenn nicht fahren Sie mit Schritt 3 fort, wenn schon etwas drin steht machen Sie ein wenig Platz ganz oben mit der “Enter” Taste.</div> <div align="justify"> <br /></div> <div align="justify"> 3. Kopieren Sie nun den in der unteren Box auf diesem Blog gestellten Code in das weiße Feld ein.</div> <div align="justify"> <br /></div> <div align="justify"> <table align="center" border="1" cellpadding="2" cellspacing="0" style="width: 210px;"> <tbody> <tr> <td valign="top" width="208"><div align="left"> h3.post-title { <br /> margin-top: 25px !important; <br /> } </div> </td></tr> </tbody></table> </div> <div align="justify"> </div> <div align="justify"> <br /> <br /> 4. Alles was Sie nun machen müssen ist, die Zahl 25 so zu verändern dass sich der Abstand entweder verringert oder vergrößert. Das kann man auch mit –25 oder 30 oder –12 oder 40 je nach dem wie weit der Abstand zwischen Datum und Blogtitel sein soll. Sie sehen dies wenn Sie im unteren Bereich, also da wo Sie Ihren Blog in der Vorschau sehen so weit nach unten scrollen dass Sie das Datum und den Blogtitel sehen können. Sobald Sie Veränderungen an der Zahl vornehmen, können Sie sehen wie sich der Abstand verändert. </div> <div align="justify"> </div> <div align="justify"> <br /> 5. Wenn Sie mit dem Abstand zufrieden sind klicken Sie nur noch auf “Auf Blog anwenden”.<br /> <br /> Fertig.</div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/IuBPGO6vTyo" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com2http://www.visualbasix.info/2012/04/abstand-zwischen-datum-und-blogtitel.htmltag:blogger.com,1999:blog-6626768266334837553.post-15795357920092015202012-04-22T16:24:00.000+02:002012-11-28T22:33:09.708+01:002012-11-28T22:33:09.708+01:00<div align="justify"> <div class="separator" style="clear: both; text-align: center;"> <a href="http://vbdemoseite.blogspot.co.uk/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" height="192" src="http://1.bp.blogspot.com/-aN7-3E_B3Vc/T5QPzb4reOI/AAAAAAAACkQ/dvbYAeTuR6A/s320/dropdown.jpg" width="320" /></a></div> Um so ein Menü wie auf dieser <a href="http://vbdemoseite.blogspot.co.uk/" target="_blank">DEMOSEITE</a> in Deinen Blog einzubinden gehe wie folgt vor:</div> <div align="justify"> <br /></div> <div align="justify"> <em><strong>“Am Ende dieses Tutorials findest Du auch ein Video Tutorial zum Einbinden aller Notwendigen HTML Codes in Deinen Blogger Blog”</strong></em></div> <div align="justify"> <span style="color: red;"><b>Bevor wir anfangen beachte bitte, dass Du aus Sicherheitsgründen immer eine Kopie des bestehenden HTML Source Codes vornehmen solltest bevor Du Änderungen am Code selbst vornimmst.</b></span><br /> <a name='more'></a></div> <div align="justify"> <br /></div> <div align="justify"> <strong>1. Sicherheitskopie</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> Gehe im Blogger Dashboard zu “Vorlage” dann oben rechts auf “Backup/Wiederherstellung”.</div> <div align="justify"> Klick auf “Vollständige Vorlage herunterladen”. Dies speichert Dein Template als .xml Datei und ist damit jederzeit wieder heraufladbar und stellt Deinen Blog in der letzten Version wieder her.</div> <div align="justify"> <br /></div> <div align="justify"> <strong>2. Einfügen von Notwendigen HTML Codes um das neue Menü zu erstellen.</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> Gehe im Blogger Dashboard auf “Vorlage” dann “HTML bearbeiten”. Mach einen Haken in die kleine Box oben “Widget Vorlagen komplett anzeigen”.</div> <div align="justify"> <br /></div> <div align="justify"> Drücke/Halte nun die “STRG” und&nbsp; die “F” Taste. Ein kleines Eingabefeld öffnet sich auf der rechten oberen Seite.</div> <div align="justify"> <br /></div> <div align="justify"> Kopiere folgenden roten Code von hier <strong><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></strong> und füge diesen in das kleine Suchfeld ein. Dieser Code sollte nun im Haupteditor orangefarben unterlegt sein.</div> <div align="justify"> <br /></div> <div align="justify"> Kopiere nun den kompletten HTML Code aus der unteren Box und füge diesen direkt vor dem <strong><span style="color: black;">]]&gt;&lt;/b:skin&gt;</span></strong>&nbsp; Code ein.</div> <div align="justify"> <br /></div> <div align="center"> <table align="center" border="1" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="550"><div align="left"> <br /> <br /> <br /> <div style="color: #666666;"> /* ----- NAVBAR MENU ----- */</div> <div style="color: #666666;"> #NavbarMenu {</div> <div style="color: #666666;"> width: 850px;</div> <div style="color: #666666;"> height: 30px;</div> <span style="color: #666666;">background:#FFFFFF url(</span><span style="color: #38761d;">http://visualbasix.com/image/plainbgrnd.png</span><span style="color: #666666;">) repeat-x top;</span><br /> <div style="color: #666666;"> color: #3D81EE</div> <div style="color: #666666;"> margin: 0 auto 0;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> font: bold 18px Calibri, Calibri, Calibri;</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die obere und untere Linie des Hauptrmenüs ändern/entfernen---*/<br /> <div style="color: #666666;"> <br /></div> <span style="color: #666666;">border-top: </span>1<span style="color: #666666;">px solid #</span>000000<span style="color: #666666;">;</span><br /> <span style="color: #666666;">border-bottom: </span>1<span style="color: #666666;">px solid #</span>000000<span style="color: #666666;">;</span><br /> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #NavbarMenuleft {</div> <div style="color: #666666;"> width: 950px;</div> <div style="color: #666666;"> float: left;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav {</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav ul {</div> <div style="color: #666666;"> float: left;</div> <div style="color: #666666;"> list-style: none;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li {</div> <div style="color: #666666;"> list-style: none;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li a, #nav li a:link, #nav li a:visited&nbsp;</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die Textfarbe des Hauptrmenüs ändern---*/<br /> <div style="color: #666666;"> <br /></div> <div style="color: #666666;"> {</div> <span style="color: #666666;">color: #</span>000000<span style="color: #666666;">;</span><br /> <div style="color: #666666;"> display: block;</div> <div style="color: #666666;"> text-transform: capitalize;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 1px 15px 8px;</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die Textgröße und Schriftart des Hauptrmenüs ändern---*/<br /> <div style="color: #666666;"> <br /></div> <span style="color: #666666;">font: normal </span>20<span style="color: #666666;">px </span>Calibri<span style="color: #666666;">, </span>Calibri<span style="color: #666666;">;</span><br /> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li a:hover, #nav li a:active {</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die mouseover Textfarbe des Hauptrmenüs ändern---*/<br /> <div style="color: #666666;"> <br /></div> <span style="color: #666666;">background:#</span>FFFEFC<span style="color: #666666;">;</span><br /> <div style="color: #666666;"> color: #000000;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 1px 15px 8px;</div> <div style="color: #666666;"> text-decoration: none;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li li a, #nav li li a:link, #nav li li a:visited</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die Farbe der Trennlinien des Untermenüs ändern---*/<br /> <div style="color: #666666;"> <br /></div> <span style="color: #666666;">{background: #</span>FFFFFF<span style="color: #666666;"> url(</span><span style="color: #b45f06;">http://visualbasix.com/image/plainbgrnd.png</span><span style="color: #666666;">) repeat-x top;</span><br /> <div style="color: #666666;"> width: 150px;</div> <div style="color: #666666;"> color: #000;</div> <div style="color: #666666;"> text-transform: capitalize;</div> <div style="color: #666666;"> float: none;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 7px 10px;</div> <div style="color: #666666;"> border-bottom: 1px solid #FFFEFC;</div> <div style="color: #666666;"> border-left: 1px solid #FFFEFC;</div> <div style="color: #666666;"> border-right: 1px solid #FFFEFC;</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die Textgröße und die Schriftart des Untermenütextes ändern---*/<br /> <div style="color: #666666;"> <br /></div> <span style="color: #666666;">font: normal </span>16<span style="color: #666666;">px </span>Calibri<span style="color: #666666;">, </span>Calibri<span style="color: #666666;">;</span><br /> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li li a:hover, #nav li li a:active {</div> <div style="color: #666666;"> background: #FFFEFC;</div> <div style="color: #666666;"> <br /></div> /*--- Hier unten können Sie die mouseover Textfarbe des Untermenüs ändern---*/<br /> <div style="color: #666666;"> <br /></div> <span style="color: #666666;">color: #</span>000000<span style="color: #666666;">;</span><br /> <div style="color: #666666;"> padding: 7px 10px;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li {</div> <div style="color: #666666;"> float: left;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li ul {</div> <div style="color: #666666;"> z-index: 9999;</div> <div style="color: #666666;"> position: absolute;</div> <div style="color: #666666;"> left: -999em;</div> <div style="color: #666666;"> height: auto;</div> <div style="color: #666666;"> width: 170px;</div> <div style="color: #666666;"> margin: 0;</div> <div style="color: #666666;"> padding: 0;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li ul a {</div> <div style="color: #666666;"> width: 140px;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li ul ul {</div> <div style="color: #666666;"> margin: -34px 0 0 171px;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {</div> <div style="color: #666666;"> left: -999em;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {</div> <div style="color: #666666;"> left: auto;</div> <div style="color: #666666;"> }</div> <div style="color: #666666;"> #nav li:hover, #nav li.sfhover {</div> <div style="color: #666666;"> position: static;</div> <div style="color: #666666;"> }</div> <br /> <br /></div> </td></tr> </tbody></table> </div> <div align="justify"> <br /></div> <div align="justify"> Wenn dieser Code nun eingefügt wurde gehe wieder zu dem kleinen Eingabefeld auf der rechten oberen Seite. Dort dürfte noch das alte “Snippet”<span style="color: black;"> <strong>]]&gt;&lt;/b:skin&gt;</strong></span>&nbsp; verweilen.</div> <div align="justify"> <br /></div> <div align="justify"> Kopiere diesen roten<span style="color: red;"> <strong>&lt;/Header&gt;</strong></span> Text und füge diesen in die Box ein. Dieses Snippet sollte nun in dem Editor auch orangefarben unterlegt sein. </div> <div align="justify"> <br /></div> <div align="justify"> Kopiere nun den unteren Code aus der Box und füge diesen direkt vor dem &lt;/header&gt; Snippet ein.</div> <div align="justify"> <br /></div> <div align="center"> <table align="center" border="1" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="550"><div align="left"> <br /> <span style="color: #666666; font-family: inherit;">&lt;div id='NavbarMenu'&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;div id='NavbarMenuleft'&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul id='nav'&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a expr:href='data:blog.homepageUrl'&gt;Home&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='</span> <span style="color: #666666;">http://visualbasix.info</span>&nbsp;<span style="color: #666666; font-family: inherit;">'&gt;</span><span style="font-family: inherit;">Seite 2</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 2a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 2b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 2c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 2d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 2e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 3</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 3a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 3b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 3c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 3d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 3e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 4</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 4a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 4b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 4c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 4d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 4e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 5</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 5a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 5b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 5c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 5d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 5e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 6</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 6a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 6b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 6c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 6d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 6e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 7</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 7a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 7b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 7c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 7d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 7e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 8</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 8a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 8b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 8c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 8d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 8e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 9</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 9a&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 9b&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 9c&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 9d&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;Unterseite 9e&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;li&gt;&lt;a href='http://visualbasix.info'&gt;</span><span style="font-family: inherit;">Seite 10</span><span style="color: #666666; font-family: inherit;">&lt;/a&gt;&lt;/li&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/ul&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/div&gt;</span><br /> <span style="color: #666666; font-family: inherit;">&lt;/div&gt; &lt;!-- end navbar --&gt; &nbsp;&nbsp;</span></div> </td></tr> </tbody></table> </div> <div align="justify"> <br /></div> <div align="justify"> Klick nun auf “Vorschau” und Dein Menü dürfte oben erscheinen. Wenn das Menü so erst einmal zufriedenstellend ist, klick auf “Vorlage speichern” und dann auf “Blog anzeigen”.<br /> <br /> Und hier ist das Video Tutorial zum Einbinden des HTML Code in Blogger:<br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <span style="color: #38761d;"><b><iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/ZFaEBdYdXuM" width="640"></iframe></b></span></div> <div class="separator" style="clear: both; text-align: center;"> <span style="color: #38761d;"><b><br /></b></span></div> </div> <div align="justify"> <br /></div> <div align="justify"> <strong>3. Das Verwalten/Erstellen/Verteilen von Links, Labels, Kategorien und Unterkategorien</strong><br /> <strong><br /></strong> <strong>Hier werden Fragen beantwortet die sich mit dem gestalterischen Teil des HTML Codes befassen. Sollten Sie fragen zur Bearbeitung oder Erweiterung des HTML Codes haben senden Sie Ihre Anfrage bitte mit dem <a href="http://www.visualbasix.info/p/forum.html" target="_blank">Hilfe Formular.</a></strong><br /> <br /> <br /> <b><span style="color: #274e13;">Leserfragen:</span></b><br /> <br /> 1. Frage: <i><b>Wie kann ich das Menü zentrieren, also in die Mitte setzen?</b></i><br /> <br /> Antwort:&nbsp;Gehe zurück zum HTML Editor unter Vorlage und setze folgenden Code, wie im Video gezeigt ein. Kopiere folgenden Code:<br /> <div style="text-align: center;"> <span style="color: #008040;">margin-left:auto;</span></div> <span style="color: #008040;"></span><br /> <div style="text-align: center;"> <span style="color: #008040;">margin-right:auto;</span></div> <br /> <iframe height="385" src="https://docs.google.com/file/d/0B1Pe88_anbBvMU40bjUyRXRoM2M/preview" width="640"></iframe><br /> <br /></div> <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/hNvm3ibcRm0" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com3http://www.visualbasix.info/2012/04/hover-menu-mit-unterkategorien-in.htmltag:blogger.com,1999:blog-6626768266334837553.post-55296235199857128482012-04-08T16:19:00.001+02:002012-04-09T11:16:33.183+02:002012-04-09T11:16:33.183+02:00<a href="http://lh5.ggpht.com/-CtrYqz_pcfA/T4Geemdlm-I/AAAAAAAACfo/IiteksGN5e0/s1600-h/sng3.jpg"><img align="left" alt="sng" border="0" height="150" src="http://lh5.ggpht.com/-V9mD_c4kb2k/T4GefrlhouI/AAAAAAAACfw/x79AJcccOiE/sng_thumb1.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="sng" width="235" /></a><span style="text-align: justify;">Wer seine Sozialen Kontakte pflegt kommt ohne die kleinen Widgets für Facebook, Twitter &amp; Co. gar nicht mehr aus. Wer zusätzlich noch Platz auf seinem Blog sparen will der kann sich seine Sozialen Netzwerk Kontakte auf den rechten Seitenrand legen und dort sind diese, in kleinen, na ich nenne es mal “Schubladen” abgelegt und jederzeit, wie auch bei einer “Schublade” ausfahrbar. Wie Sie auch in diesem Blog sehen können,...</span><br /> <br /> <a name='more'></a><div> <br /></div> <div style="text-align: justify;"> befindet sich auf der rechten Seite das Widget. Beim Herüberfahren der Maus öffnen sich die jeweiligen Slider der eingestellten Sozialen Netzwerke als auch ein Slider zum eintragen der Email Adresse für den RSS Newsletter von Feedburner.com.</div> <div> <br /></div> <div align="justify"> </div> <hr /> Anleitung:&nbsp; <strong><span style="color: #008040;">- Im unteren Teil dieses Artikels finden Sie auch ein Video Tutorial zu diesem Artikel -</span></strong><br /> <hr /> <br /> <div style="text-align: justify;"> Gehen Sie in Ihrem Blogger Dashboard zu “<strong>Vorlage</strong>” dann “<strong>HTML bearbeiten</strong>” und “<strong>Fortfahren</strong>”.</div> <div style="text-align: justify;"> Machen Sie einen Haken in die Box “Widget Vorlagen komplett anzeigen”</div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> Drücken Sie nun auf Ihrer Tastatur “<strong>STRG</strong>” und “<strong>F</strong>”. Ein kleines Suchfeld öffnet sich auf der rechten oberen Seite.&nbsp; Kopieren Sie nun folgenden Code und fügen Sie diesen in das Suchfeld ein und drücken Sie die “ENTER” Taste.</div> <div> <br /></div> <div align="center"> <table align="center" border="1" cellpadding="2" cellspacing="0" style="width: 450px;"> <tbody> <tr> <td valign="top" width="450"><div align="center"> <b><span style="color: #666666;">&lt;/head&gt;</span></b></div> </td></tr> </tbody></table> </div> <br /> Dieser Code sollte in Ihrem HTML Editor nun farblich unterlegt sein. Gehen Sie nun in die untere Box und kopieren Sie folgenden Code in Ihre Zwischenablage:<br /> <br /> <div align="center"> <table align="center" border="1" cellpadding="3" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="548"><div align="left"> ^{<span style="color: #666666;">&lt;link href='https://blognpctricks.googlecode.com/svn/css/4in1widgetv2.css' rel='stylesheet'/&gt;<br />&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/&gt;<br />&lt;script src='http://apis.google.com/js/plusone.js&amp;apos; type=&amp;apos;text/javascript' type='text/javascript'/&gt;<br />&lt;script src='http://makingdifferent.googlecode.com/files/fanbox_init.js' type='text/javascript'/&gt;<br />&lt;script type='text/javascript'&gt;<br />jQuery(document).ready(function(){<br />jQuery(&amp;quot;#facebook_right&amp;quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:&nbsp; 0}, 500); },function(){ jQuery(&amp;quot;#facebook_right&amp;quot;).stop(true,false).animate({right: -200}, 500); });&nbsp;&nbsp;&nbsp; jQuery(&amp;quot;#twitter_right&amp;quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:&nbsp; 0}, 500); },function(){ jQuery(&amp;quot;#twitter_right&amp;quot;).stop(true,false).animate({right: -250}, 500); });&nbsp;&nbsp;&nbsp;&nbsp; jQuery(&amp;quot;#google_plus_right&amp;quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:&nbsp; 0}, 500); },function(){ jQuery(&amp;quot;#google_plus_right&amp;quot;).stop(true,false).animate({right: -154}, 500); });&nbsp;&nbsp;&nbsp; jQuery(&amp;quot;#feedburner_right&amp;quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:&nbsp; 0}, 500); },function(){ jQuery(&amp;quot;#feedburner_right&amp;quot;).stop(true,false).animate({right: -303}, 500); });&nbsp;&nbsp;&nbsp; });<br />&lt;/script&gt;</span>}</div> </td></tr> </tbody></table> </div> <br /> <br /> Fügen Sie diesen kopierten Code nun direkt <u>vor</u> dem <strong>&lt;/head&gt;</strong> Code ein und klicken Sie danach auf “Vorlage speichern”.<br /> <br /> Konfiguration: Geben Sie nun folgende Informationen in den Generator ein:<br /> <br /> <strong>Ih</strong><strong>re Facebook Seiten URL | Ihren Twitter Nutzernamen | Ihre Feedburner ID</strong><br /> <strong><br /></strong><br /> <div align="justify"> Wenn Sie dies alles eingetragen haben “Klicken” Sie auf “<strong>Auf Blogger laden</strong>”. Dies leitet Sie weiter auf eine Blogger Seite zum Einbinden dieses Gadgets in Ihren Blogger Blog. Wählen Sie nun den Blog aus in dem Sie dieses Widget einbinden wollen. Das Gadget selbst benötigt keine Namensgebung und kann im Blog irgendwo in der Sidebar eingestellt werden wo es nicht stört. Am besten ganz weit unten. (Sehen Sie dazu auch mein Video Tutorial unterhalb dieses Artikels).</div> <iframe align="middle" allowtransparency="" frameborder="0" height="350" marginheight="0" marginwidth="2" scrolling="no" src="http://visualbasix.com/sozialergenerator.html" width="100%"></iframe><br />Und hier ist das Video zum Tutorial:<br /> <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:506e694f-6ce9-4eda-81f2-2058c30fddda" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div id="f3e18648-0c35-4b9c-905a-9e6ca9ccaf7e" style="display: inline; margin: 0px; padding: 0px;"> <div> <a href="http://www.youtube.com/watch?v=gqS7UgozKIM&amp;feature=youtube_gdata_player" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('f3e18648-0c35-4b9c-905a-9e6ca9ccaf7e'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;661\&quot; height=\&quot;371\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/gqS7UgozKIM?hl=en&amp;hd=1\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/gqS7UgozKIM?hl=en&amp;hd=1\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;661\&quot; height=\&quot;371\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" src="http://lh3.ggpht.com/-5shHs68qrJ4/T4HfEdTYsUI/AAAAAAAACf4/spY2b4ks_Wc/videoae337568b208%25255B7%25255D.jpg?imgmax=800" style="border-style: none;" /></a></div> </div> <div style="clear: both; font-size: .8em; width: 661px;"> Social Media Widget Generator</div> </div> <div align="justify"> </div> <table border="1" cellpadding="5" cellspacing="0" style="width: 670px;"> <tbody> <tr> <td valign="top" width="668"><div align="justify"> Großes Dankeschön gilt allerdings nicht mir, sondern <a href="https://plus.google.com/110100302012846213219/about" target="_blank">Vijay</a> Prakash von&nbsp;“<a href="http://www.bloggertricks.biz/" target="_blank">Bloggertricks.biz</a>”&nbsp;der sich damit Einverstanden gegeben hat seinen Generator in deutscher Sprache auf diesem Blog exklusiv zur Verfügung zu stellen.&nbsp;Die Urheberrechte obliegen dem Urheber, Vijay von Bloggertricks.biz in Mysore (Indien).</div> <div align="center"> <a href="http://creativecommons.org/licenses/by-nd/2.5/in/" rel="license"><img alt="Creative Commons Licence" src="http://i.creativecommons.org/l/by-nd/2.5/in/88x31.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a><br /> This work is licensed under a <a href="http://creativecommons.org/licenses/by-nd/2.5/in/" rel="license">Creative Commons Attribution-NoDerivs 2.5 India License</a>.</div> </td></tr> </tbody></table><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/ioBTd6Y8L_E" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com4http://www.visualbasix.info/2012/04/sozialer-netzwerk-generator.htmltag:blogger.com,1999:blog-6626768266334837553.post-32981434536867623662012-04-07T20:58:00.001+02:002012-04-07T22:50:59.986+02:002012-04-07T22:50:59.986+02:00<p align="justify"><a href="http://www.visualbasix.info/2012/04/visuelle-aufbereitung-des-jump-break.html"><img style="margin: 0px 10px 0px 0px; display: inline; float: left" align="left" src="http://www.visualbasix.com/image/jbl.jpg"></a>Wer meinen Artikel zum Thema, “<a href="http://www.visualbasix.info/2012/04/in-blogger-jump-breaks-einfugen.html" target="_blank">Jump Breaks in Blogger einfügen</a>” gelesen hat, weiß sicherlich schon von was ich spreche. Wer der Meinung ist, dass der Jump-Break Link nicht wirklich auf der Hauptseite unter dem Einleitungstext zum Vollartikel zur Geltung kommt, kann diesen visuell so aufbereiten dass er sehr deutlich hervorsticht. Der Jump-Break Link,</p> <div align="justify"> <a name='more'></a></div> <p align="justify">der in der “Default” Version als “Read More” angezeigt wird, kann nicht nur als Text umgeschrieben, sondern auch durch ein Bild/Button ersetzt werden. In diesem Tutorial erfahren Sie, welche Einstellungen Sie am Template vornehmen müssen um Ihren Jump-Break Link visuell aufzubereiten oder den Text zu ändern.</p> <p align="center"><font color="#008040"><strong><font color="#008040">---</font> “Sehen Sie auch das Video Tutorial ganz am Ende dieses Artikels<font color="#008040">!” ---</font></strong></font></p> <p align="justify"> <h1 align="justify">Schritt 1: Überprüfen Ihrer Blog Einstellungen </h1> <p align="justify">Gehen Sie zu Ihrem Blogger Dashboard und klicken Sie auf “<strong>Vorlage</strong>”, dann auf “<strong>HTML Bearbeiten</strong>”, dann auf “<strong>Fortfahren</strong>”. Oben Links ist eine kleine Box. Fahren Sie mit der Maus zu der Box und setzen Sie dort einen Haken mit Mausklick in die Box.</p> <p align="justify"> <div align="center"><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 587px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 78px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p align="justify"><u>Achtung:</u> Bevor Sie am HTML Source Code etwas verändern, sollten Sie immer eine Sicherheitskopie anfertigen. (Dies können Sie am einfachsten indem Sie den kompletten Source Code markieren, kopieren und in Notepad einfügen und mit einem Datum versehen, bevor Sie diesen dann speichern. Der Source Code kann dann im Notfall wieder mit dieser Kopie ersetzt werden)</p></pre></pre></div><br /><div align="justify"><pre><font face="Calibri">Auf Ihrer Tastatur vor Ihnen, halten Sie die <strong>STRG</strong> – Taste gedrückt und drücken Sie auf den Buchstaben “<strong>F</strong>”. </font><font face="Calibri">In der oberen rechten Ecke Ihres Bildschirms öffnet sich ein kleines Suchfeld. </font><font face="Calibri">Kopieren Sie den Text in dieser unteren Box und fügen Sie diesen in das Suchfeld ein:</font></pre></div><br /><div align="justify"><pre><pre><pre><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 667px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 57px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p align="center">&lt;b:if cond='data:post.hasJumpLink'&gt;</p></pre></pre></pre><pre>&nbsp;</pre><div align="left"><pre><font face="Calibri">Dieser Code sollte nun in Ihrem Editor orangefarben unterlegt sein.</font></pre><pre><font face="Calibri"></font>&nbsp;</pre></div><h1><font face="Calibri">Schritt 2: Einstellungen des Templates ändern</font></h1><pre><font face="Calibri"></font>&nbsp;</pre><pre><font face="Calibri">Der komplette Code den wir jetzt gemeinsam bearbeiten werden sollte in Ihrem Editor wie folgt aussehen:</font><font face="Calibri"></pre></pre></pre></div><div align="justify"><pre><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 651px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 126px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p><font style="background-color: #f79646">&lt;b:if cond='data:post.hasJumpLink'&gt;</font><br>&lt;div class='jump-link'&gt;<br>&lt;a expr:href='data:post.url + "#more"'&gt;<strong>Read More</strong>&lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</p></pre></pre></pre></div><div align="justify"><pre><font face="Calibri">Sollte Ihr Code nicht aussehen wie in der oberen Box sondern so wie in der unteren Box hier, dann kopieren Sie nur die Zeile 3 aus der oberen Box und fügen diese auch in die 3te Zeile in Ihrem Editor ein.</font> </pre></div><div align="justify"><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 631px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 116px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p><font style="background-color: #f79646">&lt;b:if cond='data:post.hasJumpLink'&gt;</font><br>&lt;div class='jump-link'&gt;<br></p><pre><font face="Tahoma">&lt;a expr:href='data:post.url + "#more"'&gt;<strong>&lt;data:post.jumpText/&gt;</strong>&lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</font></pre></pre></pre><pre></font><font face="Calibri">Ihr Code sollte nun so aussehen:</font></pre></div><br /><div align="justify"><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 629px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 122px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p><font style="background-color: #f79646">&lt;b:if cond='data:post.hasJumpLink'&gt;</font><br>&lt;div class='jump-link'&gt;<br>&lt;a expr:href='data:post.url + "#more"'&gt;<strong>Read More</strong>&lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</p></pre></pre></div><br /><h3 align="justify"><font color="#ff0000" face="Calibri">Aufbereitung: (Variante A1): Jump Link – “Read More” Text ändern -</font></h3><br /><p>Die einfachste und schnellste Variante ist das Ändern des &lt; <strong>Read More</strong> &gt; Textes. Alles was Sie machen müssen ist den Text &lt; <strong><font color="#ff0000">Read More</font></strong> &gt; durch &lt; <strong><font color="#008000">Weiterlesen</font></strong> &gt; oder &lt; <strong><font color="#008000">Den ganzen Artikel lesen</font></strong> &gt; zu ersetzen. Was genau Sie schreiben wollen ist und bleibt Ihnen überlassen solange der Text zwischen den beiden <strong>&lt; &gt;</strong> Zeichen geschrieben wird.</p><br /><p>Ihr Code könnte also so aussehen:</p><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 629px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 122px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p><font style="background-color: #f79646"></font>&lt;b:if cond='data:post.hasJumpLink'&gt;<font style="background-color: #f79646"></font><br>&lt;div class='jump-link'&gt;<br>&lt;a expr:href='data:post.url + "#more"'&gt;<strong>Weiterlesen</strong>&lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</p></pre></pre></div><br /><div><pre><font face="Calibri"> Klicken Sie auf “<strong>Vorlage speichern</strong>” und dann auf “<strong>Blog anzeigen</strong>”.</font></pre></div><br /><h3><font color="#ff0000">Aufbereitung: (Variante B1): Jump Link – “Bild” anstelle von “Text” einfügen</font> </h3><br /><p><br /><p>In dieser Variante ersetzen wir den Text &lt; <strong>Read More</strong> &gt; mit einem Bild/Button den Sie so gestalten können , das er zum Beispiel farblich oder in der Form Ihrem Template entspricht. Dazu müssen wir wieder die Zeile 3 ändern, da diese Zeile im Moment den Befehl zum Anzeigen eines Textes und nicht eines Bildes enthält. Ihr Code sollte im Moment noch so aussehen oder schon einen deutschen Text enthalten wenn Sie die Variante A1 bereits als Test durchgeführt haben: </p><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 629px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 118px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p><font style="background-color: #f79646">&lt;b:if cond='data:post.hasJumpLink'&gt;</font><br>&lt;div class='jump-link'&gt;<br>&lt;a expr:href='data:post.url + "#more"'&gt; <strong>Read More</strong> &lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</p></pre></pre></div><br /><p>Um Anstelle eines Textes, ein Bild einzufügen, benötigen wir ein Bild, welches gehostet ist und über eine URL verfügt. Im unteren Teil dieses Artikels habe ich Ihnen einige Bild URLs zur freien Verfügung oder zum Testen eingestellt. Wenn Sie jedoch Ihre eigenen Kreationen kostenlos auf einen Host heraufladen wollen, dann lesen Sie meinen Artikel zum Thema: “<a href="http://bit.ly/HwfAWY" target="_blank"><strong>Kostenlos Bilder für Blog hosten</strong></a>”.</p><br /><p><font face="Calibri">Hier ist der Code den Sie nun kopieren und in Zeile 3 und anstelle von &lt; <strong>Read More</strong> &gt; durch den Bild Code ersetzen:</font></p><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 609px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 51px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p align="center"><font face="Tahoma">&lt;img border="0" src='http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg'/&gt;</font></p></pre></pre></div><br /><div align="center"><pre><font face="Calibri">So sollte der Button aussehen:</font></pre></div><pre><img style="margin: 0px auto; display: block; float: none" src="http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg"></pre><br /><p>Der gesamte Code sollte nun so wie hier unten aussehen:</p><br /><div><pre><div align="center"><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 609px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 123px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p>&lt;b:if cond='data:post.hasJumpLink'&gt;<br>&lt;div class='jump-link'&gt;<br></p><pre><font face="Tahoma">&lt;a expr:href='data:post.url + "#more"'&gt;</font></pre><pre><font face="Tahoma">&lt;img border="0" src='http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg'/&gt;</font><font face="Tahoma">&lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</font></pre></pre></pre></div><div align="center"><pre>&nbsp;</pre></div><div align="left"><pre><font face="Calibri">Klicken Sie auf “<strong>Vorlage speichern</strong>” und dann auf “<strong>Blog anzeigen</strong>”.</font></pre></div></pre></div><br /><h3><font color="#ff0000">Aufbereitung: (Variante A2): Jump Link mit “Text” vertikal ausrichten</font> </h3><br /><p><br /><p>In <strong>Variante A1</strong> haben Sie nur den Text des Jump Links geändert aber nicht dessen Position. Wenn Sie den Jump Link lieber in der Mitte oder Rechts stehen haben wollen, dann gehen Sie wie folgt vor:</p><br /><p>Ihr Code sollte so wie in der unteren Box aussehen, allerdings, vielleicht, bereits mit einem anderen Text als Link anstelle von &lt; <strong>Read More</strong> &gt;:</p><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 629px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 108px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p><font style="background-color: #f79646">&lt;b:if cond='data:post.hasJumpLink'&gt;</font><br>&lt;div class='jump-link'&gt;<br>&lt;a expr:href='data:post.url + "#more"'&gt; <strong>Read More</strong> &lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</p></pre></pre></div><br /><div><pre><font face="Calibri">Sollten Sie Ihren Jump Link gerne auf der rechten Seite stehen haben wollen dann nehmen Sie folgende Änderung vor:</font>&nbsp;</pre></div><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 609px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 107px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p>&lt;b:if cond='data:post.hasJumpLink'&gt;<br>&lt;div class='jump-link'&gt;<br><font style="background-color: #ffff00">&lt;a expr:href='data:post.url + "#more"'&gt;&lt;p align="<font color="#ff0000">right</font>"&gt;Read More&lt;/p&gt;&lt;/a&gt;</font><br>&lt;/div&gt;<br>&lt;/b:if &gt;</p><pre><font face="Tahoma"></font></pre></pre></pre></div><br /><div><pre><font face="Calibri">Kopieren Sie die gelb unterlegte Zeile 3 und fügen Sie diese in Ihrem Editor auch in Zeile 3 ein. Sollten Sie Ihren Text in der Mitte stehen haben wollen, ändern Sie “<font color="#ff0000" size="2" face="Tahoma">right</font>” zu “<font color="#ff0000" size="2" face="Tahoma">center</font>”. Oder lieber wieder auf der linken Seite, dann ändern Sie “<font face="Tahoma"><font size="2"><font color="#ff0000">r</font><font color="#ff0000">ight</font></font></font>” zu “<font color="#ff0000" size="2" face="Tahoma">left</font>”.</font></pre></div><br /><div><pre><font face="Calibri">Klicken Sie auf “<strong>Vorlage speichern</strong>” und dann auf “<strong>Blog anzeigen</strong>”.</font></pre></div><br /><div><pre>&nbsp;</pre></div><br /><h3><font color="#ff0000">Aufbereitung: (Variante B2): Jump Link mit “Bild” vertikal ausrichten</font> </h3><br /><p>In <strong>Variante B1</strong> haben Sie den Text des Jump Links in ein Bild/Button umgewandelt aber nicht dessen Position. Wenn Sie den Jump Link lieber in der Mitte oder Rechts stehen haben wollen, dann gehen Sie wie folgt vor:</p><br /><p>Ihr Code sollte derzeit so wie hier in der unteren Box aussehen und der “Weiterlesen” Button sollte auf der Linken Seite in Ihrem Blog erscheinen. </p><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 609px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 134px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p>&lt;b:if cond='data:post.hasJumpLink'&gt;<br>&lt;div class='jump-link'&gt;<br></p><pre><font face="Tahoma">&lt;a expr:href='data:post.url + "#more"'&gt;</font></pre><pre><font face="Tahoma">&lt;img border="0" src='<a href="http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg'/">http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg'/</a>&gt;</font><font face="Tahoma">&lt;/a&gt;<br>&lt;/div&gt;<br>&lt;/b:if &gt;</font></pre></pre></pre></div><br /><p>Wenn Sie diesen Button lieber auf der rechten Seite angezeigt haben wollen, gehen Sie wie folgt vor: </p><br /><div><pre><pre style="border-bottom: rgb(145,190,255) 1px solid; text-align: left; border-left: rgb(145,190,255) 1px solid; padding-bottom: 10px; widows: 2; text-transform: none; background-color: rgb(237,247,249); text-indent: 0px; margin: 15px 0px; padding-left: 10px; width: 609px; letter-spacing: normal; padding-right: 10px; font: 12px tahoma,arial; orphans: 2; height: 132px; color: rgb(87,87,87); max-height: 400px; border-top: rgb(145,190,255) 1px solid; border-right: rgb(145,190,255) 1px solid; word-spacing: 0px; padding-top: 10px" class="war"><p>&lt;b:if cond='data:post.hasJumpLink'&gt;<br>&lt;div class='jump-link'&gt;<br><font style="background-color: #ffff00">&lt;a expr:href='data:post.url + "#more"'&gt;&lt;p align="<font color="#ff0000">right</font>"&gt;&lt;img border="0" src='<a href="http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg'/">http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg'/</a>&gt;</font><font style="background-color: #ffff00">&lt;/p&gt;&lt;/a&gt;</font><br>&lt;/div&gt;<br>&lt;/b:if &gt;</p></pre></pre></div><br /><p>Kopieren Sie den gelb unterlegten Code und fügen Sie diesen in Ihrem Editor in Zeile 3 ein und überschreiben Sie damit den Code. Sollten Sie Ihr Bild/Button in der Mitte stehen haben wollen, ändern Sie “<font color="#ff0000" size="2" face="Tahoma">right</font>” zu “<font color="#ff0000" size="2" face="Tahoma">center</font>”. Oder lieber wieder auf der linken Seite, dann ändern Sie “<font face="Tahoma"><font size="2"><font color="#ff0000">r</font><font color="#ff0000">ight</font></font></font>” zu “<font color="#ff0000" size="2" face="Tahoma">left</font>”.</p><br /><p><font face="Calibri">Klicken Sie auf “<strong>Vorlage speichern</strong>” und dann auf “<strong>Blog anzeigen</strong>”.</font></p><br /><p>Und nun wie versprochen ein Paar Buttons als Beispiel zum Testen oder Verwenden.</p><br /><p align="center"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" border="0" src="http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg">http://dl.dropbox.com/u/59399859/Buttons/wlone.jpg</p><br /><p align="center"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" border="0" src="http://dl.dropbox.com/u/59399859/Buttons/wltwo.png">http://dl.dropbox.com/u/59399859/Buttons/wltwo.png</p><br /><p align="center"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" border="0" src="http://dl.dropbox.com/u/59399859/Buttons/wlthree.png"><a href="http://dl.dropbox.com/u/59399859/Buttons/wlthree.png">http://dl.dropbox.com/u/59399859/Buttons/wlthree.png</a></p><br /><p align="center"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" border="0" src="http://dl.dropbox.com/u/59399859/Buttons/wlfour.png"><a href="http://dl.dropbox.com/u/59399859/Buttons/wlfour.png">http://dl.dropbox.com/u/59399859/Buttons/wlfour.png</a></p><br /><p align="left">Und hier, wie versprochen, das Video Tutorial zum Artikel:</p><br /><div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:2477b4a1-960a-44b9-82aa-15d648866b69" class="wlWriterEditableSmartContent"><div id="21593aab-84af-49a5-808c-6712a673b471" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=y_mOjx5r6h8&amp;feature=youtube_gdata_player" target="_new"><img src="http://lh5.ggpht.com/-P8pGcrFIRBQ/T4CoeTCvrdI/AAAAAAAACfk/i89QZZgqsGQ/video13eda8e87b69%25255B6%25255D.jpg?imgmax=800" style="border-style: none" galleryimg="no" onload="var downlevelDiv = document.getElementById('21593aab-84af-49a5-808c-6712a673b471'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;665\&quot; height=\&quot;372\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/y_mOjx5r6h8?hl=en&amp;hd=1\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/y_mOjx5r6h8?hl=en&amp;hd=1\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;665\&quot; height=\&quot;372\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" alt=""></a></div></div><div style="width:665px;clear:both;font-size:.8em">Jump Break Link in Blogger bearbeiten…</div></div> <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/jgAd-L9gRJ8" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com4http://www.visualbasix.info/2012/04/visuelle-aufbereitung-des-jump-break.htmltag:blogger.com,1999:blog-6626768266334837553.post-57821120927346930982012-04-07T20:52:00.001+02:002012-04-07T22:44:55.445+02:002012-04-07T22:44:55.445+02:00<div align="justify"> <a href="http://lh3.ggpht.com/-wnAgFhZz7Qg/T4CMzXNBV6I/AAAAAAAACes/2a3eKk07Mtc/s1600-h/jumpbreakblogger%25255B4%25255D.jpg"><img align="left" alt="jumpbreakblogger" border="0" height="124" src="http://lh4.ggpht.com/-p4L2ZUe75FA/T4CM0HjjK_I/AAAAAAAACew/jFneGIngiSM/jumpbreakblogger_thumb%25255B2%25255D.jpg?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="jumpbreakblogger" width="204" /></a>Im folgenden Video wird erklärt wie Sie in Blogger einen Jump Break einbinden um Ihre Artikel in gekürzter Form auf der Hauptseite anzeigen zu können. Der Vorteil liegt darin, dass Ihre Leser nicht durch alle kompletten Artikel nach unten scrollen müssen um zum nächsten Artikel zu gelangen, sondern Sie schon im Voraus, “Leseproben” oder “Schlagzeilen” anbieten die dem Leser einen Vorgeschmack auf Ihren Artikel geben.</div> <a name='more'></a><br /> Abhängig vom Inhalt dieser kurzen Einleitungssätze kann der Leser dann auf diesen Artikel klicken um Ihn komplett zu öffnen und zu lesen. Im Video selbst wird auch kurz darauf eingegangen wie man den “Read More” Text visuell aufbereiten kann. Dieses Tutorial finden Sie <a href="http://www.visualbasix.info/2012/04/visuelle-aufbereitung-des-jump-break.html">HIER</a>.<br /> <br /> <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:b5c22987-d192-4eec-8f46-0a700b0fce19" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div id="71581792-dd37-40a4-b2ab-ddc24c373a8a" style="display: inline; margin: 0px; padding: 0px;"> <div> <a href="http://www.youtube.com/watch?v=Tbey3lHnQfk&amp;feature=youtube_gdata_player" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('71581792-dd37-40a4-b2ab-ddc24c373a8a'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;676\&quot; height=\&quot;380\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/Tbey3lHnQfk?hl=en&amp;hd=1\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/Tbey3lHnQfk?hl=en&amp;hd=1\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;676\&quot; height=\&quot;380\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" src="http://lh6.ggpht.com/-up8D8RRytsE/T4CM02PO9fI/AAAAAAAACe4/taLNn5blcac/videob9f44ab308e0%25255B6%25255D.jpg?imgmax=800" style="border-style: none;" /></a></div> </div> <div style="clear: both; font-size: .8em; width: 676px;"> Jump Breaks in Blogger einfügen…</div> </div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/YFZIK_mgufU" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/04/in-blogger-jump-breaks-einfugen.htmltag:blogger.com,1999:blog-6626768266334837553.post-85047641837310541502012-03-25T13:21:00.001+02:002012-11-25T19:39:06.812+01:002012-11-25T19:39:06.812+01:00<div align="justify"> <a href="http://www.visualbasix.info/2012/03/kostenlos-bilder-fur-blog-hosten.html" target="_blank" title="Dropbox"><img align="left" src="http://dl.dropbox.com/u/59399859/Meine%20Blogbilder/dropbox200x125.jpg" style="display: inline; float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px;" /></a>Wer gerne seine Bilder für den Blog über eine URL einfügen möchte ohne diese auf Google hosten zu müssen, der kann dies mit sogenannten Cloud Storage Anbietern tun. Einer der Vorreiter von Cloud Storage ist <a href="http://db.tt/a3GLeMKr" target="_blank">Dropbox.com</a>. Obwohl <a href="http://db.tt/a3GLeMKr" target="_blank">Dropbox</a> vor einigen Monaten eine kleine Datenpanne verkraften musste hat sich das neue Interface nicht nur vereinfacht sondern ist mit Sicherheit auch sicherer geworden.</div> <a name='more'></a><div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Ich persönlich halte es nicht unbedingt für besonders gefährlich da ich Dropbox nicht nutze um private Dokumente zu sichern.</div> <div style="text-align: justify;"> Da ich in meinen Artikeln sehr viele Bilder verwende und meine Festplatte schonen möchte, überlasse ich dies Dropbox, meine Bilder zu speichern. <br /> <br /></div> <hr /> <b>Die Vorteile </b><br /> <hr /> <ul> <li>Verringerte Speichernutzung auf eigenem Computer</li> <li>Einfache Verwaltung durch Erstellung von Ordnern für verschiedene Kategorien</li> <li>Bilder erhalten sofort einen Link um das Bild über eine URL in den Blog zu stellen</li> </ul> <hr /> <b>So geht's </b><br /> <hr /> <br /> Wie einfach das ist möchte ich hier zeigen:<br /> <br /> 1. Laden Sie sich <a href="http://db.tt/a3GLeMKr" target="_blank"><b><span style="color: #3d85c6;">Dropbox</span></b></a> kostenlos herunter und Sie gelangen auf die Hauptseite von Dropbox.<br /> <br /> <a href="http://lh5.ggpht.com/-eGkA0qvS068/T27_PSs1oGI/AAAAAAAACY4/Yoy0J5ZnmJA/s1600-h/db1%25255B3%25255D.png"><img alt="Das ist das Backoffice von Dropbox.com" border="0" height="152" src="http://lh3.ggpht.com/-FyeXJqy_RZs/T27_QLX0PFI/AAAAAAAACZA/e67n9g76Xd0/db1_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Das ist das Backoffice von Dropbox.com" width="644" /></a><br /> <br /> <div align="justify"> 2. Erstellen Sie einen Ordner für Ihren Blog, in den Sie später alle die Bilder von Ihrer Festplatte laden, die Sie in Ihrem Blog verwenden wollen. Klicken Sie dazu auf das <a href="http://lh5.ggpht.com/-TlhKXj8ZsmU/T27_RA6SyLI/AAAAAAAACZE/3N8qQIQ2pz8/s1600-h/db4%25255B3%25255D.png"><img alt="db4" border="0" height="14" src="http://lh6.ggpht.com/-MDMsdEToozU/T27_R-uQcPI/AAAAAAAACZM/y9q9lbgJKVg/db4_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="db4" width="20" /></a>Symbol und geben Sie diesem Ordner einen Namen, z.B. Meine Blogbilder.<br /> <br /></div> <a href="http://lh3.ggpht.com/-II13HkXwvWI/T27_SmW646I/AAAAAAAACZU/hKBR0foqq6k/s1600-h/db5%25255B3%25255D.png"><img alt="Erstellen Sie einen eigenen Ordner " border="0" height="179" src="http://lh6.ggpht.com/-NGVkA_4U_RI/T27_ULJ3boI/AAAAAAAACZg/ce83lwPHKAY/db5_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Erstellen Sie Ihren eigenen Ordner, z.B.: &quot;Meine Blogbilder&quot;" width="644" /></a><br /> <div align="justify"> <br /> 3. Klicken Sie auf den Ordner und dann auf das <a href="http://lh5.ggpht.com/-0XW8M09RyzQ/T27_VZkxNuI/AAAAAAAACZk/975pPOaWGm4/s1600-h/db6%25255B3%25255D.png"><img alt="db6" border="0" height="17" src="http://lh4.ggpht.com/-tFm2RVVsrkc/T27_WF09NnI/AAAAAAAACZs/8bj9R4gBZqY/db6_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="db6" width="18" /></a>Symbol zum Heraufladen Ihrer Bilder, klicken Sie auf “Choose Files” um Ihre Bilder auf <a href="http://db.tt/a3GLeMKr" target="_blank">Dropbox</a> zu laden. Das Bild wird hochgeladen und Sie klicken entweder auf “Done” oder auf “Add more Files” um mehr Bilder hochzuladen. Sobald Ihr Bild auf <a href="http://db.tt/a3GLeMKr" target="_blank">Dropbox</a> geladen wurde können Sie theoretisch und auch praktisch Ihr Bild von der Festplatte löschen und sparen sich somit Speicherkapazität auf Ihrer Festplatte.</div> <a href="http://lh4.ggpht.com/-4qGwBcmBwdA/T27_ZFq56UI/AAAAAAAACZ4/hZA2Qa-jE1A/s1600-h/db7%25255B3%25255D.png"><img alt="Klicken Sie auf das Symbol zum heraufladen von Bildern und dann auf &quot;Choose Files&quot;" border="0" height="222" src="http://lh6.ggpht.com/-nSS_lvSN58w/T27_aL-bgNI/AAAAAAAACaA/6sv-sZqDZ-U/db7_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Klicken Sie auf das Symbol zum heraufladen von Bildern und dann auf &quot;Choose Files&quot;" width="644" /></a><br /> <br /> <a href="http://lh6.ggpht.com/-0BFAxslPmG8/T27_bFYX9qI/AAAAAAAACaE/7MUBvoHmLLs/s1600-h/db8%25255B3%25255D.png"><img alt="Sobald das Bild heraufgeladen wurde klicken Sie entweder auf &quot;Done&quot; oder auf &quot;Add more files&quot;" border="0" height="213" src="http://lh4.ggpht.com/-HbkjBUi-pTY/T27_cAWVcwI/AAAAAAAACaM/YUJrj337xNA/db8_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Sobald das Bild heraufgeladen wurde klicken Sie entweder auf &quot;Done&quot; oder auf &quot;Add more files&quot;" width="644" /></a><br /> <div align="justify"> <br /> 4. Ihre Bilder befinden sich nun in einem “Nicht Öffentlichem Ordner” diese Bilder können also nicht von Anderen eingesehen werden. Um Ihre Bilder von <a href="http://db.tt/a3GLeMKr" target="_blank">Dropbox</a> direkt mit einem Link auf Ihren Blog laden zu können müssen Sie <a href="http://db.tt/a3GLeMKr" target="_blank">Dropbox</a> und Blogspot, bildlich gesprochen, erlauben auf diese Bilder zugreifen zu dürfen. Gehen Sie nun wie folgt vor:<br /> <br /></div> <div align="justify"> Klicken Sie auf das kleine Dropbox Symbol <a href="http://lh4.ggpht.com/-48Kr7jroC6s/T27_crVHA2I/AAAAAAAACaU/-k1bqpkX-oo/s1600-h/db9%25255B3%25255D.png"><img alt="db9" border="0" height="17" src="http://lh3.ggpht.com/-JMVXwom1lvU/T27_dYNfhTI/AAAAAAAACac/Td8ZvRvF9iM/db9_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="db9" width="86" /></a>und dann auf “Public”. Hier können Sie nun wie auch schon zuvor einen Order “Meine Blogbilder” anlegen, in den Sie später alle die Bilder hineinverschieben die Sie auch tatsächlich in Ihrem Blog verwenden wollen.<br /> <br /></div> <a href="http://lh5.ggpht.com/-PhS-8Q4LkuQ/T27_eQgVb7I/AAAAAAAACak/isP_673kD6M/s1600-h/db10%25255B3%25255D.png"><img alt="Dies ist nun der &quot;Public&quot; Ordner mit meinem Ordner &quot;Meine Blogbilder&quot;" border="0" height="136" src="http://lh3.ggpht.com/-aQlH68DVYCI/T27_fCM4vdI/AAAAAAAACaw/lzqdgKfyIGo/db10_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Dies ist nun der &quot;Public&quot; Ordner mit meinem Ordner &quot;Meine Blogbilder&quot;" width="644" /></a><br /> <div align="justify"> <br /> Wie verschiebt man nun die Bilder von meinem Ordner “Meine Blogbilder (nicht öffentlich)” zu dem Ordner “Meine Blogbilder (öffentlich)”?<br /> <br /></div> <div align="justify"> Gehen Sie zu Ihrem Ordner “Meine Blogbilder (nicht öffentlich), klicken Sie dazu wieder auf das Symbol <a href="http://lh6.ggpht.com/-c_WNp9kbEwE/T27_gGX_xzI/AAAAAAAACa0/Nh2FwiMGWcg/s1600-h/db9%25255B7%25255D.png"><img alt="db9" border="0" height="17" src="http://lh5.ggpht.com/-3zA1R9CFEdo/T27_g6zbPoI/AAAAAAAACa8/tTL1SMAi9Q4/db9_thumb%25255B3%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="db9" width="86" /></a>und dann auf Ihren Ordner “Meine Blogbilder”.<br /> <br /></div> <div align="justify"> Hier finden Sie Ihre bereits heraufgeladenen aber nicht öffentlich zugänglichen Bilder. Suchen Sie sich ein Bild aus, welches Sie gerne über eine Bild-URL auf Blogger laden wollen und klicken Sie mit der rechten Maustaste auf das Bild.<br /> <br /></div> <a href="http://lh6.ggpht.com/-QwUVQG1zDqw/T27_hgipNAI/AAAAAAAACbI/BPmEo7lm3fg/s1600-h/db11%25255B3%25255D.png"><img alt="db11" border="0" height="216" src="http://lh3.ggpht.com/-TAVWDrOr1Qo/T27_i1TlIrI/AAAAAAAACbM/2sL2pdn_fBY/db11_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Wenn Sie mit der rechten Maustaste auf Ihr Bild klicken erhalten Sie diese Auswahl. Klicken Sie nun auf &quot;Move&quot;" width="644" /></a><br /> <br /> Wie Sie in diesem Bild (oben) sehen können öffnet sich ein kleines Menü. Wählen Sie “Move” aus.<br /> <br /> <a href="http://lh3.ggpht.com/-99Ih0kbb2F4/T27_jpJuYhI/AAAAAAAACbY/Is4yDIxf0O8/s1600-h/db12%25255B3%25255D.png"><img alt="Verschieben Sie Ihr Bild in den &quot;Public&quot; Ordner" border="0" height="313" src="http://lh6.ggpht.com/-lKx2DRV1LcQ/T27_kc82NWI/AAAAAAAACbg/X2x5LNZ-CUI/db12_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Verschieben Sie Ihr Bild in den &quot;Public&quot; Ordner" width="644" /></a><br /> <div align="justify"> <br /> Nachdem Sie “Move” ausgewählt haben, sehen Sie eine kleine Auswahl, klicken Sie vor dem “Public” auf das kleine + (Plus Zeichen). Sie sollten nun Ihren Ordner “Meine Blogbilder” im “Öffentlichen (Public) Ordner sehen können und wählen diesen aus und klicken auf “Move”.<br /> <br /></div> <div align="justify"> Klicken Sie nun wieder auf das kleine <a href="http://lh5.ggpht.com/-mx2RrcAKIdc/T27_ltdcaOI/AAAAAAAACbk/LGWka2u7K5w/s1600-h/db9%25255B11%25255D.png"><img alt="db9" border="0" height="17" src="http://lh6.ggpht.com/-FhOVMfwEuHk/T27_mcDm4EI/AAAAAAAACbw/ZAAAcz_z6uI/db9_thumb%25255B5%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="db9" width="86" /></a>Symbol und dann auf auf “<u>Public</u>” dann auf “Meine Blogbilder”. Hier sehen Sie nun Ihr Bild im Öffentlichen Ordner “Meine Blogbilder”. Klicken Sie nun mit der rechten Maustaste auf das Bild.<br /> <br /></div> <a href="http://lh3.ggpht.com/-ES-yUnRMB5I/T27_nuzaLgI/AAAAAAAACb4/kcnzDXAPjtU/s1600-h/db13%25255B3%25255D.png"><img alt="Klicken Sie auf &quot;Copy public link&quot;" border="0" height="240" src="http://lh4.ggpht.com/-7CwYt185epc/T27_ojijMrI/AAAAAAAACcA/ARKIhGLqguE/db13_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Klicken Sie auf &quot;Copy public link&quot;" width="644" /></a><br /> <br /> Wenn Sie mit der rechten Maustaste auf das Bild geklickt haben, öffnet sich erneut ein kleines Menü. Hier können wir nun einen Link erstellen um das Bild mit einer Bild-URL in Ihren Blog zu laden. Klicken Sie also auf “Copy public link”.<br /> <br /> <a href="http://lh4.ggpht.com/-CbnCZnuIptc/T27_p4UiI4I/AAAAAAAACcE/z7HLEjj2ryE/s1600-h/db14%25255B3%25255D.png"><img alt="Hier erhalten Sie nun Ihren &quot;Public Link&quot; welcher in Blogger verwendet werden kann. Klicken Sie auf &quot;Copy to clipboard&quot;" border="0" height="228" src="http://lh4.ggpht.com/-6NRqDwB2vWk/T27_qaD0JjI/AAAAAAAACcM/WxI4YQorHSA/db14_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Hier erhalten Sie nun Ihren &quot;Public Link&quot; welcher in Blogger verwendet werden kann. Klicken Sie auf &quot;Copy to clipboard&quot;" width="644" /></a><br /> <div align="justify"> <br /> Hier erhalten Sie nun die Bild-URL welche Sie in Blogger verwenden können. Klicken Sie auf “Copy to clipboard” (Zwischenablage).<br /> <br /></div> <div align="justify"> Gehen Sie nun zu Ihrem Blog Artikel den Sie gerade schreiben und wir fügen das Bild nun in Ihren Artikel ein.<br /> <br /></div> <div align="justify"> In Ihrem Blogger Blog gehen Sie auf Ihren Editor, also da wo Sie Ihren Artikel schreiben. In der oberen Leiste im Editor finden Sie den Link zum einbinden von Bildern in Ihren Artikel.<br /> <br /></div> <a href="http://lh5.ggpht.com/-PtVIZfWJNk8/T27_rMPqojI/AAAAAAAACcU/PVHsVuxsMik/s1600-h/db15%25255B4%25255D.png"><img alt="Im Editor von Blogger" border="0" height="56" src="http://lh3.ggpht.com/-3vb9dcAY0q0/T27_sE502VI/AAAAAAAACcc/Qd_SpKAaFL8/db15_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Im Editor von Blogger" width="352" /></a><br /> <br /> Klicken Sie also auf “Bild einfügen”.<br /> <br /> <a href="http://lh3.ggpht.com/--TAIfb6TFKI/T27_tLvY4tI/AAAAAAAACco/fQh-YSfrUg0/s1600-h/db16%25255B3%25255D.png"><img alt="Klicken Sie auf &quot;Von einer URL&quot; " border="0" height="245" src="http://lh4.ggpht.com/-oVVYs6Cdg-M/T27_vAxx_UI/AAAAAAAACcw/AmamddE4kog/db16_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Klicken Sie auf &quot;Von einer URL&quot; " width="644" /></a><br /> <br /> Hier kommen Sie nun in die Auswahl zum heraufladen von Bildern. Klicken Sie links unten auf “Von einer URL”. Gehen Sie mit der Maus in die Leiste “Bild-URL hier einfügen und mit der rechten Maustaste fügen Sie nun Ihren Link aus der Zwischenablage ein.<br /> <br /> <a href="http://lh6.ggpht.com/-9-Xfd5ARM-I/T27_wL4v2KI/AAAAAAAACc4/pXWJ4IuPJ8o/s1600-h/db17%25255B3%25255D.png"><img alt=" Fügen Sie nun Ihren Link aus der Zwischenablage ein." border="0" height="229" src="http://lh3.ggpht.com/-b5TBt4VmiLk/T27_xY-PCEI/AAAAAAAACc8/cjvFnCddLy0/db17_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Fügen Sie nun Ihren Link aus der Zwischenablage ein." width="644" /></a><br /> <div align="justify"> <br /> Ihr Link wird nun überprüft und Sie können Ihr Bild nun in der Vorschau sehen. Klicken Sie nun auf “Ausgewählte hinzufügen”.<br /> <br /></div> <div align="justify"> Sie werden feststellen das Ihr Bild nicht sofort in der Originalgröße im Editor angezeigt wird. Deshalb klicken wir nun im Editor auf das Bild.<br /> <br /></div> <a href="http://lh3.ggpht.com/-KcGrzUzwRvo/T27_yHo8m-I/AAAAAAAACdE/U3WXTIshb2Y/s1600-h/db18%25255B3%25255D.png"><img alt="Klicken Sie hier auf &quot;Originalgröße&quot;" border="0" height="156" src="http://lh6.ggpht.com/-PZ-uNkZRR58/T27_yxbQCFI/AAAAAAAACdM/ObBFdywmet8/db18_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Klicken Sie hier auf &quot;Originalgröße&quot;" width="644" /></a><br /> <div align="justify"> <br /> Wie Sie sehen können, erhalten Sie nun einige Auswahlmöglichkeiten. Um das Bild korrekt anzeigen zu lassen, klicken Sie auf “Originalgröße”. Wenn das Bild durch anklicken auf eine andere Webseite weiterleiten soll, dann klicken Sie danach auf “Link bearbeiten”.<br /> <br /></div> <div align="justify"> <a href="http://lh3.ggpht.com/-XtIze32WLvY/T27_zvmCNSI/AAAAAAAACdY/z8hUeEOytFs/s1600-h/db19%25255B4%25255D.png"><img alt="Geben Sie in der Box die Ziel-URL ein" border="0" height="338" src="http://lh6.ggpht.com/-SrXNqchSfpw/T27_0nahC6I/AAAAAAAACdc/OWbzIHYX9XI/db19_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Geben Sie in der Box die Ziel-URL ein" width="488" /></a></div> <div align="justify"> <br /> In der Box “Webadresse” finden Sie zuerst den Link zu Ihrem Bild. Diesen können Sie beruhigt entfernen und tragen den Link ein auf den das Bild später weiterleiten soll.<br /> <br /></div> <div align="justify"> Wenn Sie noch Fragen haben, hinterlassen Sie einen Kommentar oder Klicken auf das “Hilfe” Tab im Menü auf dieser Seite.</div> <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/8ZvsbgdOgdk" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com2http://www.visualbasix.info/2012/03/kostenlos-bilder-fur-blog-hosten.htmltag:blogger.com,1999:blog-6626768266334837553.post-35414370773065975172012-03-23T23:48:00.001+01:002012-06-26T08:57:01.253+02:002012-06-26T08:57:01.253+02:00<div align="justify"> <a href="http://lh3.ggpht.com/-76P5i4otdWk/T2z9x_hba_I/AAAAAAAACYk/yJa2XUm8mFM/s1600-h/seiten%25255B3%25255D.jpg"><img align="left" alt="seiten" border="0" height="145" src="http://lh3.ggpht.com/-rBLYK2M9MIM/T2z9ypfIm9I/AAAAAAAACYs/mhEkGA3H0v4/seiten_thumb%25255B1%25255D.jpg?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="seiten" width="220" /></a>Wer für seinen Blog eigene Seiten eingerichtet hat wird sich vielleicht Fragen warum der Seitentitel nochmals, sobald die Seite aufgerufen wird als Seitentitel unterhalb der dann schon geöffneten Seite auftaucht, denn wenn man schon auf den Seitenlink geklickt hat benötigt man eigentlich keine zweite Bestätigung dass man sich auch auf der Seite befindet auf die man wollte.</div> <a name='more'></a><br /> <div align="justify"> </div> <hr /> Wer also gerne diesen “zweiten” Seitentitel gerne verschwinden lassen möchte, geht wie folgt vor:<br /> <div align="justify"> <br /></div> <div align="justify"> 1. Gehen Sie zu Ihrem Blogger Dashboard auf “<strong>Vorlage</strong>” dann “<strong>HTML bearbeiten</strong>” dann auf “<strong>Fortfahren</strong>”</div> <div align="justify"> <br /></div> <div align="justify"> 2. Machen Sie einen kleinen Haken in die kleine obere Box (Widget Vorlagen komplett anzeigen)</div> <div align="justify"> <br /></div> <div align="justify"> 3. <span style="color: red;">Markieren Sie mit Maus-Rechtsklick alles was in dem Editor steht und speichern Sie sich diesen Source Code in entweder Notepad oder Wordpad als Sicherheitskopie ab. Sollte etwas nicht funktionieren haben Sie zumindest Ihr altes Template abgesichert.</span></div> <div align="justify"> <span style="color: black;"><br /></span></div> <div align="justify"> <span style="color: black;">4. Auf Ihrer Tastatur, halten Sie die <strong>STRG</strong> Taste gedrückt und drücken Sie den Buchstaben “<strong>F</strong>”. Ein kleines Suchfeld öffnet sich auf der rechten oberen Seite.</span></div> <div align="justify"> <br /></div> <div align="justify"> 5. Kopieren Sie diesen &lt;body&gt; Code und fügen Sie diesen in das Suchfeld ein. Im Editor selbst sollte nun dieser Code orangefarben unterlegt sein.</div> <div align="justify"> <br /></div> <div align="justify"> 6. Kopieren Sie nun diesen eingerahmten Code und fügen Sie diesen nun direkt unter/hinter dem &lt;body&gt; Code ein.</div> <div align="justify"> <br /></div> <div align="center"> <table align="center" border="1" cellpadding="0" cellspacing="0" style="width: 450px;"> <tbody> <tr> <td valign="top" width="448"><div align="left"> <pre><span style="color: #666666;">^{&lt;b:if cond='data:blog.pageType == &amp;quot;static_page&amp;quot;'&gt; &lt;style&gt; .blog-pager, .footer, .post-footer, .feed-links, .sidebar { display:none !important;} #main-wrapper {width: 95%; float:none; margin: 0 auto !important;} .post h3 {display:none;}&lt;/style&gt; &lt;/b:if&gt;}</span><span style="color: #666666;"></span></pre> </div> </td></tr> </tbody></table> </div> <br /> <div align="center"> <div style="text-align: left;"> <br /></div> </div> <div align="left"> 7. Klicken Sie nun auf “<strong>Vorlage speichern</strong>”, “<strong>Blog anzeigen</strong>” und klicken Sie auf Ihren Seitentitel im Blogger Menü. Der Seitentitel dürfte nun nicht mehr auf der Seite selbst auftauchen.</div> <br /> <div align="left"> Sollten Sie dennoch Probleme haben nutzen Sie entweder das Kontaktformular, das Hilfe Formular oder das Forum.</div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/xlv3DIZUx7M" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/seitentitel-in-blogspot-entfernen.htmltag:blogger.com,1999:blog-6626768266334837553.post-41719893161319317052012-03-15T15:34:00.001+01:002012-03-24T08:59:52.663+01:002012-03-24T08:59:52.663+01:00<hr /> <div align="justify"> <a href="http://lh5.ggpht.com/-a2E7cSuzn88/T2H973zIduI/AAAAAAAACXA/nU_LQzIhxQk/s1600-h/Google-Docseb-256%25255B3%25255D.png"><img align="left" alt="Google-Docseb-256" border="0" height="196" src="http://lh4.ggpht.com/-kb8ruioaOI4/T2H989gX47I/AAAAAAAACXI/-1Fb28e1l1Q/Google-Docseb-256_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Google-Docseb-256" width="196" /></a>Wer für seine Webseite oder Blog gerne ein Online Formular erstellen möchte sollte unbedingt mal Google Dokumente (Docs) ausprobieren. Google Dokumente hat im Bereich Online Kollaboration viel mehr zu bieten als nur das Teilen und Anschauen von Dokumenten auf mehreren Servern zur gleichen Zeit.</div> <div align="justify"> Vor allem das Erstellen von Form-Submissions, also die Eintragung von Daten zur analytischen Auswertung ist mit Google Dokumenten einfacher als man glauben mag. Wozu kann man Google Dokumente und seine Formulare nutzen und was kann man mit den Datenbanken alles machen?</div> <a name='more'></a><br /> <div align="justify"> </div> <hr /> <ol> <li> <div align="justify"> Erstellen Sie einfach und schnell Umfragen, entweder vor oder nach einem Event.</div> </li> <li> <div align="justify"> Erstellen von Einladungen mit gleichzeitiger Ermittlung vorab gestellter Fragen an Teilnehmer.</div> </li> <li> <div align="justify"> Nutzen Sie die Dokumente zum Erfassen von Fragen an den Support. Publizieren Sie Antworten entweder direkt im Kollaborationsdokument oder versenden Sie die Antwort per Email.</div> </li> <li> <div align="justify"> Teilen und Bearbeiten von Datenbanken mit eingeschränkten Nutzungs- und Bearbeitungsrechten für Support, Admin und Nutzer.</div> </li> <li> <div align="justify"> Erstellen von Kontaktformularen auf Webseiten und Blogs (als Alternative)</div> </li> </ol> <hr /> <a href="http://lh3.ggpht.com/-CGSrbWGcPUQ/T2H995vGtPI/AAAAAAAACXM/SPBXtDiAHoM/s1600-h/formular5.png"><img align="left" alt="formular" border="0" height="221" src="http://lh5.ggpht.com/-K0GegEc4MLE/T2H9-6FU9jI/AAAAAAAACXU/wzA8fYXPlvw/formular_thumb3.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="formular" width="210" /></a> <br /> <a href="http://lh5.ggpht.com/-1jqyOnwHx7M/T2H9_uLJOKI/AAAAAAAACXc/N7EsVyVHyS8/s1600-h/docs6.png"><img align="left" alt="docs" border="0" height="25" src="http://lh3.ggpht.com/-Fqzp_arqo-Y/T2H-Avf_GWI/AAAAAAAACXo/c_xVnpP9ipE/docs_thumb4.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="docs" width="459" /></a><br /> <br /> <div align="justify"> Loggen Sie sich in Ihr Google Konto ein, rufen Sie Google.de auf und klicken Sie auf der oberen schwarzen Leiste auf Google Dokumente (DOCS) <em>(sollte Google das Layout verändern, suchen Sie im neuen Layout nach “Google Dokumente”). </em>Auf der linken Seite sehen Sie den Tab “ERSTELLEN” klicken Sie auf Diesen und wählen Sie “Formular” aus.</div> Wenn Sie auf Formular geklickt haben, öffnet sich eine neue Seite (siehe unten) <br /> <a href="http://lh3.ggpht.com/-HyphGfVcbNU/T2H-BeLU3hI/AAAAAAAACXw/B65H7ShFE3c/s1600-h/docs213.png"><img alt="Google Dokumente (Docs) Formular Seite" border="0" height="574" src="http://lh5.ggpht.com/-DFtfXRdl1lE/T2H-CdQOvuI/AAAAAAAACX4/U275F-zxe4k/docs2_thumb11.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Google Dokumente (Docs) Formular Seite" width="592" /></a><br /> <div align="justify"> </div> <hr /> <div align="justify"> <br /> Hier können Sie nun Ihrem Formular einen Namen geben und dem Nutzer/Anwender erklären wozu die Datenermittlung dient und vielleicht auch wie und wozu die Daten erhoben werden.&nbsp; Im unteren Bild habe ich ein einfaches Formular so bearbeitet wie es aussehen könnte. <u>Bitte nutzen Sie das Formular und füllen Sie es nach belieben aus, die Daten im Formular müssen nicht korrekt sein</u>. Unter dem Formular im Artikel finden Sie einen Link bei dem Sie Zugriff auf die gesammelten Daten haben werden. Oder lesen Sie den Artikel bis zum Ende weiter und kehren Sie dann zurück um das Formular auszuprobieren.<br /> <br /></div> <hr /> <table border="1" cellpadding="2" cellspacing="0" style="width: 680px;"> <tbody> <tr> <td valign="top" width="650"><br /> <br /> <br /> <br /> <center><iframe frameborder="0" height="1010" marginheight="0" marginwidth="0" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dEVNVDNxY24zZ2NCX3ZlYzE3QjdDd0E6MQ" width="650">&amp;amp;lt;p&amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Wird geladen...&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;gt;&amp;amp;lt;/p&amp;amp;gt;</iframe></center></td></tr> </tbody></table> <div align="justify"> </div> <br /> <hr /> Wenn Sie alle diese Fragen ausgefüllt und den “Submit” Button angeklickt haben, werden alle Daten, die im Formular eingegeben worden sind an ein Dokument in Ihrem Google Dokumente BackOffice zusammengefasst. Um zu sehen wie dies aussieht klicken Sie bitte <strong><a href="https://docs.google.com/spreadsheet/ccc?key=0AlPe88_anbBvdEVNVDNxY24zZ2NCX3ZlYzE3QjdDd0E#gid=0" target="_blank">HIER</a>.</strong> <br /> <strong><br /></strong><br /> <hr /> <strong>Einige Fragen zum Formular:</strong> <br /> <hr /> <div align="justify"> <strong>Kann das Google Docs Formular auch Email Adressen abfragen?</strong></div> <div align="justify"> Ja, kann es. Das Formular kann sogar so erstellt werden, dass es erkennt dass es sich um eine Email Adresse handelt. Dies wird im Dokument unter “Datenvalidierung” eingestellt. Eine Fehlermeldung erscheint sollte das Formular nicht mit einer Email Adresse ausgefüllt werden. Durch diese Art und Weise ist es sehr einfach ein Kontaktformular für eine Webseite oder einen Blog zu erstellen.</div> <div align="right"> <strong><span style="color: red;">X</span> Hier geht's zum Tutorial</strong></div> <hr /> <div align="justify"> <strong>Kann man das Formular auch als Popup in Blogger nutzen?</strong></div> <div align="justify"> Ja, kann man. Das Formular kann entweder extern gehostet werden oder das Popup Fenster direkt über HTML Popup Code eingefügt werden.&nbsp; Hier ein Beispiel: <u><a href="https://docs.google.com/spreadsheet/viewform?formkey=dEVNVDNxY24zZ2NCX3ZlYzE3QjdDd0E6MQ">Popup</a></u></div> <div align="right"> <strong><span style="color: red;">X</span> Hier geht's zum Tutorial</strong></div> <hr /> <div align="justify"> <strong>Kann das Google Docs Formular auch eine andere Hintergrundfarbe haben?</strong></div> <div align="justify"> Ja, kann es. Google Docs bietet verschiedene Templates für diese Formulare an. Hier ein Beispiel: <u><a href="https://docs.google.com/spreadsheet/embeddedform?formkey=dG8yQWYzN19VVWNUZHJQS3o0bHd0Q2c6MQ">Popup</a></u></div> <div align="right"> <strong><span style="color: red;">X</span> Hier geht's zum Tutorial</strong></div> <hr /> <div align="justify"> <strong>Kann das Formular in Blogspot eingebettet werden?</strong></div> <div align="justify"> Ja kann es. Wie Sie im oberen Teil dieses Artikels sehen können, kann das Formular via “iframe” in jede Webseite oder Blog eingebettet werden. In diesem Fall hat das Formular einen Rahmen, kann aber auch ohne Rahmen also nahtlos eingebettet werden. (Width und height) also Breite und Höhe können ebenfalls angepasst werden. </div> <div align="right"> <strong><span style="color: red;">X</span> Hier geht's zum Tutorial</strong><br /> <strong><br /></strong></div> <hr /> <strong>Einige Fragen zur Sicherheit</strong> <br /> <hr /> <div align="justify"> Die wohl immer als kritisch eingestufte Frage der Sicherheit ist auf der einen Seite berechtigt auf der anderen Seite aber etwas, womit man sich intensiv auseinandersetzen muss. Online Kollaboration bedeutet gemeinsam Zugriffsrechte auf bestimmte Dokumente zu haben um Sie im jeweiligen Autoritätsbereich bearbeiten zu können. Dafür hat Google allerdings gesorgt, man muss nur wissen wie und wo man suchen muss. Wer sich mit Excell Spreadsheets auskennt weiß wie Datensätze verschiedener Tabs zusammengefügt werden können. Die gleiche Vorgehensweise kann hier angewandt werden aber, und das ist das geniale, man kann verschiedenen Tabs ebenfalls verschiedene Zugangs- und Nutzungsrechte erteilen. <br /> <br /> <br /></div> <div align="justify"> </div> <hr /> <strong>Fallbeispiel 1:</strong> <br /> <hr /> <div align="justify"> Sie erstellen ein Formular um Nutzern die Möglichkeit zu geben Fragen zu einem Programm, einer Software oder Hardware zu stellen. Das Formular ist auf Ihrer Webseite/Blog integriert und fragt ebenfalls nach einer email Adresse und anderen persönlichen Daten&nbsp; um den Nutzer oder Fragesteller gegebenenfalls zu kontaktieren. Der Sachbearbeiter soll aber nur die Frage beantworten aber keinen Zugang zu personenbezogenen Daten erhalten.<br /> <br /> <a href="http://lh6.ggpht.com/-izw8KJFXxts/T2H-DsGmZmI/AAAAAAAACYA/Xm9cj4PhoTY/s1600-h/docs34.png"><img alt="docs3" border="0" height="447" src="http://lh6.ggpht.com/-OBrYxHdSk0I/T2H-EUz_19I/AAAAAAAACYE/_o7a-kIsvfU/docs3_thumb2.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="docs3" width="546" /></a></div> <div align="justify"> <br /> Wie Sie im oberen Bild sehen können gibt es zunächst Drei Optionen um ein Dokument entweder zugänglich zu machen oder zu schützen. Das mag am Anfang ein wenig für Verwirrung sorgen, denn die Dokumente sollen ja in bestimmten Bereichen eben nicht für Jeden Einsehbar sein. Im oberen Bild ist die Einstellung “Jeder, der über den Link verfügt”. <br /> <br /></div> <div align="justify"> Was bedeutet das für das obere Testformular? Dies bedeutet, dass das Dokument, da es in diesem Blog eingebettet ist somit den Nutzern, die auf diese Seite gelangen, auch Zugang zu dem Formular und wie auch unter dem Formular zur Verfügung gestellt, Zugang zu dem Dokument mit den ermittelten Daten (Datenbank) hat. Die Datenbank ist im Normalfall sowieso niemals der Öffentlichkeit zugänglich zu machen. Sie können aber Datenbanken mit Anderen, wenn Sie denn wollen oder vielleicht auch müssen, teilen. <br /> <br /></div> <hr /> <div align="justify"> <u>Und hier die Einschränkungen:</u> Obwohl Sie über einen Link Zugriff auf die Datenbank haben, haben Sie keine Berechtigungen etwas an der Datenbank zu verändern, Sie können es nur einsehen. Man kann aber die Datenbank selbst so bearbeiten dass ich nur Informationen anzeige die nicht personenbezogen also privat sind. So kann ich zum Beispiel die Spalte mit dem Namen oder Email Adressen verbergen. Dies bedeutet nur ich kann die Email Adressen und Namen von Nutzern lesen wenn ich das Dokument mit meinen Eigentümer Nutzungsrechten bearbeite (administriere). Als Betrachter mit eingeschränkten Nutzungsrechten kann ich die privaten Daten nicht einsehen, vorausgesetzt ich verberge die Spalten, die personenbezogene Daten beinhalten.</div> <div align="right"> <strong><span style="color: red;">X </span>Hier geht’s zum Tutorial</strong></div> <hr /><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/SZBMEwAVMs4" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/webformular-mit-google-dokumenten-docs.htmltag:blogger.com,1999:blog-6626768266334837553.post-82722398704585569992012-03-11T14:12:00.000+01:002012-03-24T09:00:34.941+01:002012-03-24T09:00:34.941+01:00<div align="justify"> </div> <hr /> <a href="http://lh6.ggpht.com/-yD8vHdTJ7Kg/T132b-PJrDI/AAAAAAAACWk/U8JeWleef_I/s1600-h/bloglisten1%25255B3%25255D.jpg"><img align="left" alt="Bloglisten" border="0" height="125" src="http://lh4.ggpht.com/-qwyONplvgAk/T132c1LDqcI/AAAAAAAACWs/ucgOS4i7p8U/bloglisten1_thumb%25255B1%25255D.jpg?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Bloglisten" width="205" /></a><span style="text-align: justify;">Bevor Sie diesen Artikel lesen, stellen Sie kurz fest ob Ihr Blog bereits über einen eigenen RSS Feed verfügt. Wenn nicht, lesen Sie bitter erst meinen Artikel zum Thema: “</span><strong style="text-align: justify;"><a href="http://www.visualbasix.info/2012/03/rss-feed-erstellen-und-in-blog.html" target="_blank">Wie erstellt man einen eigenen Blog RSS Feed?</a>”</strong><span style="text-align: justify;">. Erst dann macht es Sinn diesen Artikel hier weiterzulesen, denn um in Bloglisten aufgenommen zu werden braucht man...</span><br /> <div style="text-align: justify;"> <a name='more'></a></div> <div style="text-align: justify;"> in den meisten Fällen seine eigene Blog RSS Feed URL.</div> <br /> <div style="text-align: justify;"> Bloglisten dienen vor allem dem Backlinkaufbau. Auch wenn die Gewichtung für Google nicht ganz oben auf der Liste steht kann es durchaus hilfreich sein. Backlinks die man von Seiten bekommt die sich mit dem gleichen Thema wie Ihrem befassen sind da für Google schon wesentlich interessanter, vorausgesetzt, die verlinkende Seite ist auch in Google gelistet und hat auch vielleicht schon einen höheren Stellenwert (Page Rank) als Ihr eigener Blog.&nbsp; Wie auch immer, Sie brauchen Besucher, also müssen Sie Ihren Blog auch da publizieren wo es die Möglichkeiten dazu gibt. Wie man das noch machen kann erfahren Sie in meinem Artikel: <strong><a href="http://www.visualbasix.info/2012/03/wie-verbreite-ich-meinen-blog-und.html" target="_blank">“Wie verbreite ich meinen Blog?”</a></strong></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <strong> </strong></div> <hr style="text-align: justify;" /> <div style="text-align: justify;"> <strong> Hier ist eine kleine Auflistung von Bloglisten </strong></div> <hr style="text-align: justify;" /> <strong> </strong> <br /> <div style="text-align: justify;"> <strong></strong></div> <br /> <br /> <br /> <center style="text-align: justify;"><a href="http://www.bloggerei.de/rubrik_15_Computerblogs" target="_blank" title="Blog-Verzeichnis"><img alt="Blogverzeichnis - Blog Verzeichnis bloggerei.de" border="0" height="15" src="http://www.bloggerei.de/bgpublicon.jpg" width="80" /></a> <a href="http://www.blogcatalog.com/directory/business/marketing/" target="_blank" title="Marketing Blogs - Blog Catalog Blog Directory"><img alt="Marketing Blogs - Blog Catalog Blog Directory" src="http://assets.blogcatalog.com/buttons/blogcatalog5.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a> <a href="http://www.blogverzeichnis.eu/" target="_blank" title="Blog"><img alt="Blog" border="0" height="15" src="http://www.blogverzeichnis.eu/_counter/counter_stand.jpg?id_user=13534&amp;farbe=4" width="80" /></a> <a href="http://www.bloggeramt.de/blogverzeichnis/26/1/internet-blogs/weblogs.html" target="_blank" title="BloggerAmt - Internet Blogs"><img alt="Blogverzeichnis" src="http://www.bloggeramt.de/images/blog_button12.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a> <a href="http://www.rss-nachrichten.de/" target="_blank" title="RSS Verzeichnis"><img alt="RSS Verzeichnis" border="0" height="15" src="http://www.rss-nachrichten.de/img/rss-nachrichten-de.gif" width="80" /></a> <a href="http://www.topblogs.de/" target="_blank"><img alt="Blog Top Liste - by TopBlogs.de" border="0" src="http://www.topblogs.de/tracker.php?do=in&amp;id=9942" /></a> <a href="http://www.blogoscoop.net/blog/9136" target="_blank"><img alt="blogoscoop" border="0" height="15" src="http://stats.blogoscoop.net/9136/10.gif" width="80" /></a></center> <br /> <div style="text-align: justify;"> Bei diesen können Sie sich anmelden und Ihren Blog registrieren. Durch den RSS Feed werden Ihre Artikel, sobald veröffentlicht automatisch auch zu den Bloglisten gesandt. Da dadurch die Blogliste immer wieder mit neuen Inhalten “upgedated” wird, ranken Bloglisten immer höher auf Google, aber Sie haben hier die Möglichkeit Ihre Artikel in Zusammenarbeit mit der jeweiligen Blogliste zu publizieren. Vergessen Sie also nicht auch ab und zu in Ihrem Artikel&nbsp; auf Ihren Blog hinzuweisen oder, noch besser, in Ihren Blogartikeln (mit einem Link) auch auf andere Artikel in Ihrem Blog hinzuweisen. </div> <hr style="text-align: justify;" /><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/Y65b0TCKN9g" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com2http://www.visualbasix.info/2012/03/blog-in-bloglisten-eintragen.htmltag:blogger.com,1999:blog-6626768266334837553.post-33323378913423427192012-03-11T09:17:00.001+01:002012-03-24T09:01:30.992+01:002012-03-24T09:01:30.992+01:00<div align="justify"> <span id="goog_855296905"></span><span id="goog_855296908"></span><span id="goog_855296912"></span><span id="goog_855296916"></span><span id="goog_855296921"></span><span id="goog_855296924"></span><span id="goog_855296928"></span><img align="left" alt="SOM5" border="0" height="118" src="http://lh5.ggpht.com/-EOgPE4u8xRg/T1xfd231McI/AAAAAAAACVE/STzgscHd2zY/SOM5_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM5" width="153" /><span id="goog_855296925"><span id="goog_855296929"></span></span><span id="goog_855296922"></span><span id="goog_855296917"></span><span id="goog_855296913"></span><span id="goog_855296909"></span><span id="goog_855296906"></span>Hin und wieder wird danach gefragt welche Software man denn empfehlen könne um seinen Bildschirm aufnehmen zu können. Zugegeben es gibt jede Menge solcher Programme. Nach vielen Versuchen und Tests habe ich mich selbst auf Screencast-O-Matic festgelegt. Screencast-O-Matic (SOM) ist sehr einfach in der Handhabe und in der einfachen Version kostenlos. Obwohl die kostenlose Version...</div> <a name='more'></a><br /> <br /> <div align="justify"> ein kleines Symbol auf der unteren linken Seite Ihres fertigen Videos einblendet, welches wirklich kaum auffällt kann man dies für läppische $12.00 Dollar im Jahr entfernen lassen und bekommt zusätzlich noch viele weitere Optionen zur Verfügung gestellt. SOM nimmt Videos in allen Formaten auf, interessant und überzeugend sind aber die HD Qualität der Videos und auch das Streaming ist ohne ruckeln und stocken.&nbsp; </div> <div align="justify"> <a href="http://www.screencast-o-matic.com/" target="_blank" title="Screencast-O-Matic"><img alt="SOM" border="0" height="78" src="http://lh5.ggpht.com/-WqKhDSOD8Y0/T1xfe9Xho5I/AAAAAAAACVM/jjPXys-lMng/SOM%25255B9%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM" width="386" /></a></div> Nachdem Sie auf der SOM Webseite angelangt sind klicken Sie einfach rechts oben “Start Recording”:<br /> <a href="http://lh4.ggpht.com/-h1x5PKkDJTc/T1xffr3pdEI/AAAAAAAACVU/LmRy8yhkX54/s1600-h/SOM1%25255B4%25255D.png"><img alt="SOM1" border="0" height="318" src="http://lh6.ggpht.com/-gjmKwwUhYCU/T1xfgSmginI/AAAAAAAACVc/BHJliyRDjOM/SOM1_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM1" width="640" /></a><br /> <br /> <a href="http://lh3.ggpht.com/-P9n798opPM8/T1xfiIaO2qI/AAAAAAAACVk/_Bguf9KmcpM/s1600-h/SOM2%25255B2%25255D.png"><img align="left" alt="SOM2" border="0" height="153" src="http://lh6.ggpht.com/-YSYeq8xMy2E/T1xfjKhZajI/AAAAAAAACVs/kjFKI8JFcuw/SOM2_thumb.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM2" width="114" /></a><br /> <div align="justify"> <a href="http://lh3.ggpht.com/-RMSMXffimso/T1xfj3nbciI/AAAAAAAACV0/fz-Vhs2qW4I/s1600-h/SOM4%25255B2%25255D.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img align="right" alt="SOM4" border="0" height="244" src="http://lh5.ggpht.com/-1kjM3gZNoI0/T1xfk6F99dI/AAAAAAAACV8/M2xJk68-YIM/SOM4_thumb.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; margin: 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM4" width="155" /></a><a href="http://lh6.ggpht.com/-IGShcoKYjvc/T1xfl4mm38I/AAAAAAAACWE/00Qy4ngMLCI/s1600-h/SOM3%25255B4%25255D.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img align="left" alt="SOM3" border="0" height="244" src="http://lh3.ggpht.com/-mhZSZAagfkc/T1xfm6Df6bI/AAAAAAAACWM/AGKUk04CNww/SOM3_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM3" width="114" /></a>Hier stellen Sie nur noch ein in welchem Format Sie gerne Ihren Bildschirm aufnehmen wollen, ob Sie auch gleichzeitig Ihre Stimme aufnehmen oder später nachvertonen wollen. Ebenfalls gibt es die Möglichkeit im Video sich selbst über die Webcam auf den Bildschirm zu holen, so das man Sie bei der Präsentation selbst auch sehen kann. Wenn Sie Ihre Präsentation abgeschlossen haben, klicken Sie einfach auf “Done” und SOM öffnet ein neues Fenster in welchem Sie nun Ihr Video ansehen und wenn, von Ihnen als wertvoll&nbsp; eingestuft, auch direkt auf YouTube hochladen können.</div> <div align="justify"> </div> <div align="justify"> Spannender ist allerdings was man noch mit SOM machen kann. Auf der rechten Seite sehen Sie die Tools. Sie können Ihr Video auf verschiedenste Art und Weise nacheditieren. Von der Nachvertonung über Transition bis hin zur Einfügung von zusätzlichen Bildern und Callouts ist alles vorhanden was man braucht um ordentliche Tutorials zu erstellen. <a href="http://lh4.ggpht.com/-_bWMWxeXF2s/T1xfoYvarII/AAAAAAAACWU/cptQI6ySEx8/s1600-h/SOM6%25255B60%25255D.png"><img align="right" alt="SOM6" border="0" height="127" src="http://lh3.ggpht.com/-RV2iSReQo1E/T1xfpKAKChI/AAAAAAAACWc/CEmckh8_flc/SOM6_thumb%25255B58%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; margin: 10px 10px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="SOM6" width="190" /></a></div> <div align="justify"> </div> <div align="justify"> Wenn man mit dem Editieren fertig ist kann man das Video, wie im linken Bild auf verschiedenste Art und Weise veröffentlichen. SOM speichert alle Ihre Videos im BackOffice um Sie gegebenenfalls nochmals bearbeiten oder woanders hochladen zu können.<span id="goog_855296930"></span><span id="goog_855296931"></span></div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/sEae2KHegxM" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/online-tutorials-mit-youtube-videos.htmltag:blogger.com,1999:blog-6626768266334837553.post-55824133878905801482012-03-10T23:26:00.001+01:002012-07-01T11:56:29.405+02:002012-07-01T11:56:29.405+02:00<div align="justify"> <hr /> <a href="http://lh5.ggpht.com/-Xm4MdDnQpfg/T1vUm386z2I/AAAAAAAACUc/E5Ju5OzDre4/s1600-h/wieverbreiteichmeinenblog2.jpg"><img align="left" alt="wieverbreiteichmeinenblog" border="0" height="161" src="http://lh6.ggpht.com/-QQq4evBNrkY/T1vU6oSEKhI/AAAAAAAACUk/hMi1wVWsUSE/wieverbreiteichmeinenblog_thumb.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="wieverbreiteichmeinenblog" width="244" /></a>Diese Frage ist für Blogger Einsteiger wohl die am häufigsten gestellte Frage. Dabei spielt es keine Rolle um welches Thema es sich bei dem Blog dreht. Gute Karten hat man wenn man mit dem Blog etwas bezwecken will und die Blogs Hilfe und Unterstützung zu bestimmten Themen bieten. Also alles bei dem Leser auch einen Nutzen aus den Artikeln ziehen können. Wenn Sie gerade erst dabei sind sich einen eigenen Blog einzurichten, dann lesen Sie...</div> <a name='more'></a><br /> <br /> <div align="justify"> meinen Artikel zum Thema “<strong><a href="http://www.visualbasix.info/2009/02/erfolgreich-bloggen-eine-langzeit.html" target="_blank">Bloggen – Eine Langzeit Perspektive</a></strong>” aber auch meinen Artikel “<strong><a href="http://www.visualbasix.info/2011/01/welchen-namen-soll-ich-meinem-blog.html" target="_blank">Welchen Namen soll ich meinem Blog geben?</a></strong>”. Bei anderen Blogs geht es teilweise auch um Erfahrungsberichte die dem Einen oder Anderen helfen können Entscheidungen zu treffen. Dieser Blog, den Sie gerade lesen bietet Ratschläge und Hilfe in Form von (hoffentlich) einfachen und verständlichen Tutorials, entweder in Schritt für Schritt oder Video- Tutorials. Es gibt noch zahlreiche andere Blogs die sich mit Themen befassen die ich nicht zu kategorisieren versuche. Das muss letztlich jeder für sich entscheiden. </div> <div align="justify"> <em>Wenn man seine Artikel geschrieben hat und jeden Tag auf seine Blogger Statistiken schaut wird man vermutlich des Öfteren demotiviert die Frage stellen: Was mach ich falsch, was kann ich noch machen um mehr Leser zu bekommen?</em></div> <div align="justify"> </div> <div align="justify"> <hr /> </div> <div align="justify"> Ich möchte diesen Artikel so einfach und verständlich wie möglich halten und nicht direkt auf SEO (Search Engine Marketing) Techniken eingehen. Es gibt hunderte von Büchern, Videos und Blogs, die sich ausschließlich mit SEO befassen, es währe Unsinn dies hier zu Erklären. Was ich Ihnen jedoch auf den Weg geben kann, ist, lesen Sie Artikel zum Thema Google Webmaster-Zentrale und SEO im allgemeinen auf Blogs bezogen. Halten Sie sich allerdings am Anfang nicht mit dem Lesen auf, Ihr Blog braucht zuerst “Futter”. Erst wenn Sie Minimum 26 Artikel geschrieben haben, sollten Sie sich mit diesem Thema auseinandersetzen. </div> <div align="justify"> </div> <div align="justify"> <hr /> </div> <div align="justify"> </div> <div align="justify"> Nun diese kleine Auflistung (in keiner speziellen Anordnung) soll kein ultimativer Guide sein, kann aber helfen zu verstehen wie Blogs zu einer breiteren Leserschaft kommen können. Übrigens, Leser sind nicht gleich “Leser”, Freunde, Verwandte, Kollegen oder Schulkameraden sollte man separat Kategorisieren. (<em>Die Liste ist um einiges länger geworden</em>…) </div> <div align="justify"> </div> <div align="justify"> <strong>Hier ist ein kleine Übersicht:</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> <a href="http://lh6.ggpht.com/-OtjmfjEzWKA/T1vU71tf1NI/AAAAAAAACUs/b5vWU7VG9qM/s1600-h/list3.png"><img alt="Was kann man machen?" border="0" height="481" src="http://lh5.ggpht.com/-RUamFwY0V4I/T1vU9mL3XNI/AAAAAAAACU0/uZBRFhbSZyw/list_thumb2.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Was kann man machen?" width="660" /></a></div> <div align="justify"> <strong></strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong>Fangen wir also mal oben an:</strong> <strong></strong><br /> <hr /> <strong></strong></div> <strong></strong><br /> <div align="justify"> <strong><u><span style="color: #4f81bd;">Email Unterschrift:</span></u></strong> Sicher haben Sie eine email Adresse. Warum also nicht auf den Blog aufmerksam machen und Ihre email Adressaten auf Ihren Blog aufmerksam machen? Das Problem bei einer email Unterschrift, man erreicht eigentlich nur Leute die man schon kennt, also Familie, Freunde, Verwandte, Kollegen, Schulkameraden und so weiter… Also nicht unbedingt neue Leser oder (unparteiische Betrachter). Aber, das ist die schnellste und wohl unkomplizierteste Art und Weise den Namen des Blogs zu publizieren. </div> <div align="right"> <strong><em>_{<span style="color: #646b86;"><a href="http://www.visualbasix.info/2012/03/email-unterschrift-fur-blog-werbung.html" target="_blank">Hier geht's zum Tutorial</a></span>}</em> </strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong></strong></div> <div align="justify"> <u><span style="color: #4f81bd;"><strong>Twitter</strong></span><span style="color: #4f81bd;">:</span></u> Geschickter stellt sich die Sache bei Twitter dar, Leser die über Twitter Abonnements Interesse an Ihren Inhalten zeigen, können durch kurze Mitteilungen, sobald ein neuer Artikel veröffentlicht wird direkt auf Ihren Blog geleitet werden. Das hängt allerdings von der Thematik und der Qualität Ihrer Artikel ab. Des weiteren können diese “Tweets” durch das weitersenden durchaus dupliziert werden und landen bei Twitter- Nutzern die Ihren Blog noch gar nicht kennen. Dies setzt allerdings voraus das Sie Ihr Twitter Konto mit Ihrem Blog verknüpfen und die Möglichkeit bieten Ihren “Twitter-Feed” zu abonnieren…</div> <div align="right"> <em>_{<a href="http://www.visualbasix.info/2009/05/was-ist-twitter.html" target="_blank"><strong>Hier geht's zum Tutorial</strong></a>}</em><strong> </strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong></strong></div> <div align="justify"> <u><span style="color: #4f81bd;"><strong>YouTube</strong></span><span style="color: #4f81bd;">:</span></u> Was ich bei Twitter mit “Qualität” bezeichnet habe erklärt sich mit dem Thema YouTube. Manchmal ist ein Thema eben so komplex, das man auf verschiedene Art und Weise versucht eine Thematik zu be- oder umschreiben, das man mitten im Satz abbricht und versucht seinen Artikel umzuformulieren. Ganz egal ob Schminkanweisungen, Kochkurs, Gartenpflege, Bildbearbeitungen oder das erstellen eines Blogger Blogs, es ist manchmal eben alles etwas einfacher etwas mit einem Video zu erklären als es tausend Worte&nbsp; jemals vollbringen könnten.</div> <div align="right"> <em>_{<span id="goog_855296946"></span><span id="goog_855296947"></span><a href="http://www.visualbasix.info/2012/03/online-tutorials-mit-youtube-videos.html" target="_blank">Hier geht's zum Tutorial</a><span id="goog_855296944"></span><span id="goog_855296941"></span><span id="goog_855296937"></span>}</em><strong> </strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong></strong></div> <strong></strong><br /> <div align="justify"> <strong><u><span style="color: #4f81bd;">RSS Feed</span></u></strong><u><span style="color: #4f81bd;">:</span></u> Eigentlich sollte der RSS Feed ganz oben auf der Liste stehen, denn ähnlich wie Twitter kann Ihr Inhalt über RSS Feeds nicht nur von interessierten Lesern abonniert werden, man kann mit RSS Feeds auch seinen Inhalt auf Plattformen installieren die bereits über eine breite Leserschaft verfügen. Einen RSS Feed zu erstellen ist eigentlich eine Sache von drei Minuten ist aber eine der wohl hilfreichsten Wege seinen Blog zu verbreiten. Sie werden feststellen, dass ein RSS Feed hier noch einige Male zur Sprache kommt. </div> <div align="right"> <em>_{<a href="http://www.visualbasix.info/2012/03/rss-feed-erstellen-und-in-blog.html" target="_blank"><strong>Hier geht's zum Tutorial</strong></a>}</em><strong> </strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong></strong></div> <div align="justify"> <u><span style="color: #4f81bd;"><strong>Facebook</strong></span><span style="color: #4f81bd;">:</span></u> Auch hier, wie auch bei Twitter, gibt es die Möglichkeit Leser zu gewinnen. Alles was Sie machen müssen, ist, Ihren Blogger Blog mit Facebook verknüpfen und zusätzlich das Facebook Widget auf Ihrem Blog installieren.</div> <div align="right"> <em>_{<strong><span style="color: red;">X</span></strong> Hier geht's zum Tutorial}</em><strong>&nbsp;</strong></div> <strong></strong><br /> <hr /> <strong></strong><br /> <div align="justify"> <strong><u><span style="color: #4f81bd;">Google+:</span></u></strong> Da Ihr Blogger Blog Teil von Google ist, würde ich durchaus empfehlen auch Google+ als CPT zu benutzen. Ähnlich wie Twitter und Facebook, kann man sich eine ordentliche Lesergemeinde “erschreiben”.</div> <div align="right"> <em>_{<a href="http://www.visualbasix.info/2012/03/google-plus-fur-blogger.html" target="_blank"><strong>Hier erfahren Sie mehr…</strong></a>}</em><strong>&nbsp; </strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong></strong></div> <div align="justify"> <u><span style="color: #4f81bd;"><strong>Forum</strong>:</span></u> Nun eine der wohl häufigsten Antworten auf die Frage, wie mache ich meinen Blog bekannter, ist wohl die Antwort: Gehe zu Foren die sich mit Deinem Blogthema befassen, hinterlasse Kommentare und vergiss nicht auf Deinen Blog hinzuweisen. Da habe auch ich keine Einwände, manche Foren erlauben sogar im Profil den Namen des Blogs einzutragen oder gar einen BB oder UBBCode als Zusatz oder Unterschrift einzubauen, was natürlich für jeden Begabten eine Bereicherung ist.</div> <div align="right"> <strong><em>_{<a href="http://www.visualbasix.info/2012/03/blog-unterschriften-mit-bbcode-in-foren.html" target="_blank">Hier geht's zum Tutorial</a>}</em> </strong></div> <div align="justify"> <strong></strong><br /> <hr /> <strong></strong></div> <div align="justify"> <u><span style="color: #4f81bd;"><strong>Social Bookmarks:</strong></span></u> Social Bookmarks helfen Lesern Ihre qualitativen Artikel auf bestimmten Plattformen als empfehlenswert einzustufen und zu speichern. Dies kann durchaus hilfreich sein. Es gibt viele solcher Plattformen auch wenn sich diese im deutschsprachigen Raum in Grenzen halten.&nbsp; </div> <div align="right"> <em>_{<strong><a href="http://www.visualbasix.info/2009/02/social-bookmarks-cloud-fur-blogs.html" target="_blank">Hier geht's zum Tutorial</a></strong>}</em><u> </u><br /> <hr /> <u></u></div> <u></u><br /> <div align="justify"> </div> <div align="justify"> <span style="color: #4f81bd;"><strong><u>Bloglisten:</u></strong></span> Diese sind Plattformen bei denen Sie mit Hilfe Ihres RSS Feeds, Ihren Blog eintragen und somit “Listen” oder “Kategorisieren” können. Sie erhalten dadurch nicht nur Besucher auf Ihrer Seite sondern können auch teilweise sehen wie Ihr Blog, verglichen mit anderen, abschneidet.</div> <div align="justify"> </div> <div align="right"> <em>_{<a href="http://www.visualbasix.info/2012/03/blog-in-bloglisten-eintragen.html" target="_blank"><strong><span style="color: #333333;">Hier geht's zum Tutorial</span></strong></a>}</em></div> <div align="right"> <hr /> </div> <div align="justify"> <span style="color: #4f81bd;"><strong><u>Suchmaschinen:</u></strong></span> Auch diese Variante sollte vielleicht viel weiter oben stehen, denn wer in Suchmaschinen nicht auffindbar ist, tut sich schwer seinen Blog auf die Beine zu stellen. Seinen Blog in Suchmaschinen “anzumelden” oder zu “listen” ist kostenlos jedenfalls bei den Bekanntesten. Tipp:<em> Geben Sie kein Geld aus um Anbietern die versprechen Ihren Blog in mehr als 1000 Suchmaschinen einzutragen.</em></div> <div align="justify"> </div> <div align="justify"> </div> <div align="right"> <em>_{<span style="color: red;"><b>&nbsp;</b></span><a href="http://gotourl.de/VisualBasix" target="_blank">Hier kostenlos eintragen</a>}</em></div> <div align="right"> <hr /> </div> <div align="justify"> <span style="color: #4f81bd;"><strong><u>Gastartikel</u></strong><u>:</u></span> Gastartikel sind eine Interessante Geschichte, denn das funktioniert in zwei Richtungen, Sie können einen Gastartikel auf einem anderen gut besuchten Blog schreiben der sich mit dem gleichen oder ähnlichen Thema auseinandersetzt wie Ihrer und verweisen auf Ihren Blog, oder Sie lassen einen Gastartikel auf Ihrem Blog schreiben. Das kostet zwar, mag sich aber, und da sind wir wieder bei der “Qualität” angelangt, durchaus positiv auf Ihren Blog auswirken. Gastartikel schreiben ist übrigens nicht immer etwas für Laien, da Blogbesitzer durchaus nach Referenzen fragen, daher sollten Sie mit Gastartikeln abwarten bis Ihr Blog nennenswerte Beiträge aufweisen kann, die grammatikalisch und inhaltlich Einwandfrei sind. Nun könnten Spezialisten sagen, dass ich Backlinks meine. Nun ja, Gastartikel sind wohl eher aus der Not entstanden. Der Unterschied zwischen Gastartikeln und Backlinks liegt wohl eher an der Qualität der eigenen Artikel. Wenn meine Artikel die ich schreibe qualitativ, interessant, hilfreich, informativ und lesenswert sind kann ich durchaus auch auf “organische” Backlinks setzen ohne diese käuflich erwerben zu müssen. Allerdings kann das dauern… Wenn Sie also ernsthaft darüber nachgedacht haben, dann besuchen Sie doch mal <a href="http://www.bloggerjobs.de/" target="_blank" title="Bloggerjobs"><img alt="Bloggerjobs" border="0" height="15" src="http://www.bloggerjobs.de/Bilder/bloggerjobs.gif" width="80" /></a>.<strong> </strong><span style="color: #4f81bd;"><strong><u></u></strong></span></div> <span style="color: #4f81bd;"><strong><u></u></strong></span><br /> <div align="justify"> </div> <hr /> <span style="color: #4f81bd;"><strong><u></u></strong></span><br /> <div align="justify"> <span style="color: #4f81bd;"><strong><u>Backlinks:</u></strong></span> Mit Backlinks schließt sich wohl der Kreis um zu verstehen wie Suchmaschinen, Gastartikel Bookmarks, Bloglisten und die “Qualität” Ihrer Artikel Auswirkungen auf Ihre Besucherzahlen haben. Je mehr Backlinks Ihr Blog aufweist desto höher “rankt” Ihr Blog und somit auch die Zahl der Besucher. Zwar kann dies sehr viel Zeit in Anspruch nehmen aber die Freude über einen Backlink ist dafür um so größer und motiviert.</div> <div align="right"> <em>_{<strong><span style="color: red;">X</span></strong> Hier erfahren Sie mehr…}</em></div> <em></em><br /> <div align="right"> </div> <hr /> <em></em><br /> <div align="left"> <em><strong><span style="color: red;">X </span><span style="color: black;">= Der Artikel oder das Tutorial ist noch in der Überarbeitung…</span></strong></em></div> <em> </em><br /> <div align="left"> <em><a href="http://www.visualbasix.info/p/forum.html#/" target="_blank" title="Forum"><img alt="forumfrage" src="http://lh5.ggpht.com/-mk1K4mbp8VM/Tjmr9mdNPOI/AAAAAAAABww/sxQsz18THas/forumfrage%25255B5%25255D.jpg?imgmax=800" /></a></em></div> <br /> <div align="right"> </div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/crJ2klTLyd8" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/wie-verbreite-ich-meinen-blog-und.htmltag:blogger.com,1999:blog-6626768266334837553.post-62719294063247655162012-03-10T21:51:00.001+01:002012-03-24T09:03:19.219+01:002012-03-24T09:03:19.219+01:00<div align="justify"> <a href="http://lh4.ggpht.com/-VFT61EOmgwg/T1u-swqF2OI/AAAAAAAACT8/ngbyGnA5G80/s1600-h/blogrss%25255B3%25255D.png"><img align="left" alt="blogrss" border="0" height="117" src="http://lh6.ggpht.com/-eFP0JXcshJs/T1u-uGESc1I/AAAAAAAACUA/N1Ku2BrP6lM/blogrss_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="blogrss" width="159" /></a>In diesem Tutorial möchte Ich Ihnen gerne zeigen wie Sie mit Hilfe von Feedburner.com Ihren eigenen Blog Feed “brennen”. Wer gerne eine alternative zu Feedburner verwenden möchte der kann auch zu Feedcat.net, Feedity.com oder RapidFeeds.com gehen und seinen Feed dort “brennen”.</div> <a name='more'></a><br /> <div align="justify"> <br /></div> <div align="justify"> In diesem Video erfahren Sie, wie Sie Ihren Blogger Feed “brennen” und wie Sie das Feed “Chicklet” auf Ihrem Blog installieren. Alles was Sie dazu benötigen ist Ihre Blog-URL und die Webseite, Feedburner.com.</div> <div align="justify"> <br /></div> <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:9b6bbd6b-2a23-4c53-91df-b80553802d65" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div id="457f9e19-eb0d-4690-808c-ec51cab992bc" style="display: inline; margin: 0px; padding: 0px;"> <div> <a href="http://www.youtube.com/watch?v=XMFafJxeM8U&amp;feature=youtube_gdata_player" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('457f9e19-eb0d-4690-808c-ec51cab992bc'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;667\&quot; height=\&quot;375\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/XMFafJxeM8U?hl=en&amp;hd=1\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/XMFafJxeM8U?hl=en&amp;hd=1\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;667\&quot; height=\&quot;375\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" src="http://lh4.ggpht.com/-pPoySKy-crQ/T1u-vDoIDuI/AAAAAAAACUM/dn6PPgUPdqQ/video6df1ba34ff92%25255B3%25255D.jpg?imgmax=800" style="border-style: none;" /></a></div> </div> <div style="clear: both; font-size: .8em; width: 667px;"> RSS Feed für Blogger mit Feedburner.com erstellen</div> </div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/k9ZejLTOjlk" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com8http://www.visualbasix.info/2012/03/rss-feed-erstellen-und-in-blog.htmltag:blogger.com,1999:blog-6626768266334837553.post-669892148476620952012-03-10T21:47:00.001+01:002012-03-10T21:48:13.463+01:002012-03-10T21:48:13.463+01:00<div align="justify"> <a href="http://lh5.ggpht.com/-Ly8t--sTmp8/T1u92GeZsaI/AAAAAAAACTs/UrpHnvz5qag/s1600-h/42.png"><img align="left" alt="4" border="0" height="132" src="http://lh5.ggpht.com/-hYXzSTRBSTU/T1u94Kw94kI/AAAAAAAACT0/J1-gtFMaBRY/4_thumb.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="4" width="132" /></a>Auch wenn Google+ sehr spät auf den Markt gekommen ist hat es dennoch seine eigenen Reize und wird wohl schon bald zu Ihrem Portfolio Sozialer Kontaktpflege zählen.&nbsp; Google+ ist so Umfangreich das es schon zu einem Spezialgebiet geworden ist. Deshalb möchte ich an dieser Stelle auf eine sehr hilfreiche und äußerst empfehlenswerte Seite hinweisen... </div> <a name='more'></a><br /><br /> <div align="justify"> Der Autor <a href="https://plus.google.com/116574664535805787280/about" target="_blank">Jürgen Allmich</a><em><strong><span style="color: #666666;"></span></strong></em> betreibt eine fantastische Seite <span style="color: #666666;"><a href="http://www.allesuebergoogleplus.de/" target="_blank">(http://www.allesuebergoogleplus.de)</a></span><span style="color: #666666;"></span> zum Thema Google+ und ich möchte hier auf einige von vielen, interessanten Artikeln hinweisen: </div> <hr /> <ul> <li> <h4> <a href="http://www.allesuebergoogleplus.de/google-video-tutorials/google-rundgang-als-video-von-der-anmeldung-bis-zum-ersten-beitrag/" target="_blank">Google+ Rundgang als Video – von der Anmeldung bis zum ersten Beitrag</a></h4> </li> <li> <h4> <a href="http://www.allesuebergoogleplus.de/googleplus-anleitungen/so-erstellt-man-eine-google-seite-video-tutorial/" target="_blank">So erstellt man eine Google+ Seite (Video Tutorial)</a></h4> </li> <li> <h4> <a href="http://www.allesuebergoogleplus.de/googleplus-tipps/google-fuer-anfaenger-profil-verwalten-video-tutorial/" target="_blank">Google+ für Anfänger – Profil verwalten (Video Tutorial)</a></h4> </li> <li> <h4> <a href="http://www.allesuebergoogleplus.de/google-video-tutorials/google-fuer-anfaenger-beitraege-erstellen-und-teilen-video-tutorial/">Google+ für Anfänger – Beiträge erstellen und teilen (Video Tutorial)</a></h4> </li> <li> <h4> <a href="http://www.allesuebergoogleplus.de/google-video-tutorials/google-fuer-anfaenger-kreise-verwalten-video-tutorial/">Google+ für Anfänger – Kreise verwalten (Video Tutorial)</a></h4> </li> <li> <h4> <a href="http://www.allesuebergoogleplus.de/googleplus-tipps/tipps-zur-verwaltung-von-kreisen-in-einer-google-seite/">Tipps zur Verwaltung von Kreisen in einer Google+ Seite</a></h4> </li> </ul> <hr /> Hier noch ein Tipp: <a href="https://plus.google.com/116574664535805787280/about" target="_blank"><em>Jürgen Allmich</em></a><em> bereitet gerade sein erstes eBook vor, welches voraussichtlich schon Ende März über Amazon.de erhältlich sein wird. Sobald dies der Fall ist werde ich natürlich darüber berichten.</em><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/S5zvlx5FBuo" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/google-plus-fur-blogger.htmltag:blogger.com,1999:blog-6626768266334837553.post-70684062261258277992012-03-10T21:34:00.001+01:002012-03-10T21:36:37.476+01:002012-03-10T21:36:37.476+01:00<strong>Eine weit verbreitete Art und Weise seinen eigenen Blog bekannter zu machen, ist, sich in Foren die sich mit den eigenen Blog Themen befassen aufzuhalten und hin- und wieder in diesen Foren zu posten und mit Hilfe einer “Signatur” auf den eigenen Blog zu verweisen. Diese Variante</strong><br /> <a name='more'></a><strong> ist hilfreich, verlangt aber eine Menge ab, da Forenbeiträge immer wieder erneuert und auf dem neuesten Stand bleiben sollten.</strong><br /> <strong><br /></strong><br /> <strong>Wie man eine Forensignatur im BBCode einbindet, erfahren Sie hier.</strong><br /> <strong> </strong><br /> <hr /> <strong> Was brauchen Sie dafür? </strong><br /> <hr /> <strong> A: Ein Forum, welches zu Ihrem Thema passt.</strong> <br /> <strong>B: Ein Forum, dass erlaubt ein BBCode in der Signatur zu verwenden.</strong><br /> <strong>C: Ein Bild, welches Sie als Signatur verwenden wollen (entweder: .gif, .png oder .jpg/.jpeg).</strong><br /> <strong>D: Den BBCode zum einbinden Ihrer Signatur in das Profil des Forums. </strong><br /> <hr /> <strong> </strong> <br /> <strong>In diesem Beispiel zeige ich Ihnen wie ich dies in einem von mir ausgesuchten Forum einsetze:</strong><br /> <strong><br /></strong><br /> <strong>A: mein ausgesuchtes Forum ist </strong><a href="http://www.bloggerstadt.de/"><strong>http://www.bloggerstadt.de/</strong></a><span style="color: green; font-family: Wingdings;"><strong>ü</strong></span><br /> <strong>B: Dieses Forum erlaubt einen BBCode in der Signatur zu verwenden <span style="color: green; font-family: Wingdings;">ü</span></strong><br /> <strong><span style="font-family: Wingdings;"><span style="font-family: Calibri;">C: Mein Bild habe ich auch </span></span><span style="color: green; font-family: Wingdings;">ü <span style="font-family: Calibri;">(Ihr Bild muss extern “gehostet” werden, dies bedeutet Sie müssen Ihr Bild auf einen externen Host hochladen. Es gibt viele kostenlose Hoster, einer davon ist <a href="http://imageshack.us/" target="_blank">ImageShack</a>)</span></span></strong><br /> <strong><span style="color: green; font-family: Wingdings;"><span style="font-family: Calibri;"><br /></span></span></strong><br /> <table border="1" cellpadding="2" cellspacing="0" style="width: 450px;"> <tbody> <tr> <td align="center" width="448"><a href="http://lh4.ggpht.com/-SZEhBs9sYJo/T1u6um3ShdI/AAAAAAAACTU/KhNyDJmyPZA/s1600-h/signature5.jpg"><img align="left" alt="signature" border="0" height="46" src="http://lh4.ggpht.com/-6YmiaKoltL0/T1u6wC30QPI/AAAAAAAACTc/FseicjJ7Rx0/signature_thumb3.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="signature" width="460" /></a></td></tr> </tbody></table> <br /> <span style="font-family: Wingdings;"><strong><span style="font-family: Calibri;">D: Den BBCode habe ich hier: </span><span style="color: green;">ü</span></strong></span><br /> <span style="font-family: Wingdings;"><strong><span style="color: green;"><br /></span></strong></span><br /> <table border="1" cellpadding="2" cellspacing="0" style="width: 450px;"> <tbody> <tr> <td valign="top" width="448">[url=<strong><span style="color: green;">http://IhreBlogURL</span></strong>/][img]<strong><span style="color: green;">http://www.IhreBildURL.jpg</span></strong>[/img][/url]</td></tr> </tbody></table> <br /> <span style="font-family: Wingdings;"><span style="color: green;"><strong> </strong></span></span><br /> <hr /> <span style="font-family: Wingdings;"><span style="color: green;"><strong> <span style="color: black; font-family: Calibri;">Und hier ist das Video zum einbetten von BBCode Signaturen in Foren:</span><span style="color: black; font-family: Calibri;"></span><br /> <span style="color: black; font-family: Calibri;"><br /></span><br /> <span style="color: black; font-family: Calibri;"> </span></strong></span></span><br /> <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:fe2cc48e-0474-4b83-ad97-1c8fb89e4d40" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div id="87e7521b-b883-4c33-bf3a-3c49cc77e733" style="display: inline; margin: 0px; padding: 0px;"> <div> <span style="font-family: Wingdings;"><span style="color: green;"><strong><span style="color: black; font-family: Calibri;"><a href="http://www.youtube.com/watch?v=RFsB6RwVfOE&amp;feature=youtube_gdata_player" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('87e7521b-b883-4c33-bf3a-3c49cc77e733'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;674\&quot; height=\&quot;379\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/RFsB6RwVfOE?hl=en&amp;hd=1\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/RFsB6RwVfOE?hl=en&amp;hd=1\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;674\&quot; height=\&quot;379\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" src="http://lh5.ggpht.com/-ABMamgg9yiI/T1u6yObNtTI/AAAAAAAACTg/89KfDPa0W1A/video99378b399f76%25255B5%25255D.jpg?imgmax=800" style="border-style: none;" /></a></span></strong></span></span></div> </div> <div style="clear: both; font-size: .8em; width: 674px;"> <span style="font-family: Wingdings;"><span style="color: green;"><strong><span style="color: black; font-family: Calibri;">Forum Signatur mit BBcode einbinden</span></strong></span></span></div> </div> <span style="font-family: Wingdings;"><span style="color: green;"><strong><span style="color: black; font-family: Calibri;"> </span></strong></span></span><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/gSaic2zwxac" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/blog-unterschriften-mit-bbcode-in-foren.htmltag:blogger.com,1999:blog-6626768266334837553.post-80921342287278982852012-03-10T19:04:00.001+01:002012-03-10T19:47:31.626+01:002012-03-10T19:47:31.626+01:00<div align="justify"> <a href="http://lh6.ggpht.com/-h8MTzM0UcJk/T1uT4jHAwHI/AAAAAAAACTE/Tzf4pnjtPsE/s1600-h/emailunterschrift%25255B3%25255D.png"><img align="left" alt="emailunterschrift" border="0" height="111" src="http://lh4.ggpht.com/-6W5FdE4Q0rM/T1uT7WD3_SI/AAAAAAAACTM/apFh1YFlT28/emailunterschrift_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="emailunterschrift" width="167" /></a>Dies ist wohl die einfachste Variante seinen Blog Namen zu verbreiten. Auch wenn die Leser Ihrer Email Verwandte, Bekannte, Freunde oder Kollegen sind und sich die Verbreitung Ihres Blognamens in Grenzen hält ist dies wohl der erste Schritt auf seinen Blog aufmerksam zu machen. </div> <a name='more'></a><br /> Um nicht jedes Mal seine volle Blog URL nach einem Email Text aufs Neue in das Email Programm zu schreiben, kann man dies in ein paar Schritten&nbsp; so einstellen, das diese “Unterschrift” automatisch an alle Emails die Sie versenden unten angehangen wird.<br /> <div align="justify"> <br /></div> Email Unterschrift in <strong>Google Mail</strong> einbinden:<br /> <iframe allowfullscreen="" frameborder="0" height="450" src="http://www.youtube.com/embed/Jp4UmFgFNVg" width="650"></iframe><br /> <br /> Email Unterschrift in <strong>Yahoo Mail</strong> einbinden:<br /> <iframe allowfullscreen="" frameborder="0" height="450" src="http://www.youtube.com/embed/S00H6Gk_aCk" width="650"></iframe><br /> <br /> Email Unterschrift in <strong>Web.de Mail </strong>einbinden:<br /> <iframe allowfullscreen="" frameborder="0" height="450" src="http://www.youtube.com/embed/ArwHRESJyUY" width="650"></iframe><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/G_habF9Zc2U" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/email-unterschrift-fur-blog-werbung.htmltag:blogger.com,1999:blog-6626768266334837553.post-84453711434153969922012-03-09T14:56:00.000+01:002012-11-28T15:00:35.496+01:002012-11-28T15:00:35.496+01:00<a href="http://lh4.ggpht.com/-LR3Qo-2HchM/ULYYHfzg9mI/AAAAAAAAC4A/lv4Hgi3MPUE/s1600-h/gplus2.jpg"><img align="left" alt="gplus" border="0" height="119" src="http://lh4.ggpht.com/-B2OG1pYToXA/ULYYJPj5XFI/AAAAAAAAC4E/AiDDPRsbbNU/gplus_thumb.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gplus" width="244" /></a>Um die Google Plus Schaltfläche in Ihre Sidebar einzubinden gehen Sie wie folgt, Schritt für Schritt vor oder schauen sich dazu das Video Tutorial weiter unten an.<br /> <br /> <br /> <br /> <br /> <a name='more'></a><br /> <br /> 1. Gehe im Blogger Dashboard auf “Layout”<br /> <br /> 2. Klick in der Sidebar auf “Gadget hinzufügen”<br /> <br /> 3. Ein neues Fenster öffnet sich und Du klickst auf “+1-Schaltfläche hinzufügen<br /> <br /> <a href="http://lh4.ggpht.com/-4ruyqzGcju4/ULYYJ8wSTPI/AAAAAAAAC4M/KcWjyyro8G0/s1600-h/schaltf7.png"><img align="left" alt="schaltf" border="0" height="110" src="http://lh3.ggpht.com/-G0t0LHd4Jlg/ULYYK7j9m7I/AAAAAAAAC4U/0DA6bILuQ9w/schaltf_thumb5.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="schaltf" width="454" /></a><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 4. Blogger gibt Dir nun die Möglichkeit Dein Gadget ein wenig zu verändern. Hauptsächlich in der Größe und/oder ob die Anzahl der Klicks angezeigt werden sollen oder ein Text anstelle.<br /> <br /> <a href="http://lh5.ggpht.com/-V59elFmcCmw/ULYYL0p75LI/AAAAAAAAC4c/VNo426M5NxI/s1600-h/configgplus%25255B4%25255D.png"><img alt="configgplus" border="0" height="208" src="http://lh4.ggpht.com/-k4yEeQ00KJ4/ULYYMlP_kRI/AAAAAAAAC4o/ED9MzFlxrNk/configgplus_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="configgplus" width="260" /></a><br /> <br /> 5. Wenn Du die Änderungen vorgenommen hast klick auf “Speichern”.<br /> <br /> 6. Klick auf “Vorschau” und Deine +1 Schaltfläche erscheint auf Deiner Sidebar.<br /> <br /> Und hier ist das Video zum Tutorial:<br /> <br /> <div align="justify"> <iframe height="385" src="https://docs.google.com/file/d/0B1Pe88_anbBvRjRSb0VPVjJrT1E/preview" width="640"></iframe></div> <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/leMlFWexghU" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/die-google-1-schaltflache.htmltag:blogger.com,1999:blog-6626768266334837553.post-56083843299157028572012-03-07T21:36:00.001+01:002012-04-03T18:56:11.775+02:002012-04-03T18:56:11.775+02:00<div align="justify"> <a href="http://lh4.ggpht.com/-NftboH74dUk/T1fGrtT2OgI/AAAAAAAACSY/2FcbSgfgHGc/s1600-h/deleteblogger%25255B3%25255D.jpg"><img align="left" alt="deleteblogger" border="0" height="156" src="http://lh5.ggpht.com/-C3n1md2U4eo/T1fGtWp0xtI/AAAAAAAACSg/ng-8bSuvOuU/deleteblogger_thumb%25255B1%25255D.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="deleteblogger" width="217" /></a>Hier erst mal die schlechte Nachricht. Derzeit erlaubt Google nicht sein Blogger Konto komplett zu löschen und hier die gute Nachricht: Auf dieser Seite <a href="http://support.google.com/blogger/bin/answer.py?hl=de&amp;hlrm=en&amp;answer=41932" target="_blank"><u>Blogger Konto löschen</u></a> , erfahren Sie was Sie dennoch machen können um Blogger so weit wie möglich außer Kraft zu setzen. </div> <div align="justify"> Nur wer sein komplettes Google Konto und alle damit verbundenen Konten löschen möchte, sollte diesen Schritten folgen.</div> <a name='more'></a><br /><br /> <div align="justify"> 1. Gehen Sie zu Ihrem <span style="color: #0080c0;"><a href="https://www.google.com/settings/general" target="_blank">Google Konto</a></span></div> <div align="justify"> <br /></div> <div align="justify"> 2. Auf Ihrer Google Konto Seite scrollen Sie nach ganz unten zu “Dienste” und klicken Sie auf Konto komplett schließen und alle damit verknüpften Dienste und Informationen löschen.</div> <div align="justify"> <br /></div> <div align="justify"> 3. Eine neue Seite öffnet sich und Sie erhalten eine Übersicht aller Ihrer Konten die Sie mit Google betreiben. </div> <div align="justify"> <br /></div> <div align="justify"> 4. Machen Sie einen Haken in alle diese Boxen und scrollen Sie nach ganz unten.</div> <div align="justify"> <br /></div> <div align="justify"> 5. Geben Sie Ihr derzeitiges Google Kennwort ein und machen Sie einen Haken in die zwei Boxen darunter.&nbsp;</div> <div align="justify"> <br /></div> <div align="justify"> Google weist darauf hin dass offene Beträge für Dienstleistungen die Sie entgeltlich von Google in Anspruch nehmen auch noch nach dem Löschen Ihres Kontos begleichen müssen. </div> <div align="justify"> <br /></div> <div align="justify"> Klicken Sie nun auf “Löschen” oder “Delete Google Account” und Sie sind stolzer Besitzer keines Google Kontos.</div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/qH4IjtfKc5k" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/03/wie-losche-ich-mein-blogger-konto.htmltag:blogger.com,1999:blog-6626768266334837553.post-2780408586076119342012-02-20T19:42:00.001+01:002012-02-20T19:46:35.577+01:002012-02-20T19:46:35.577+01:00<div align="justify"> <a href="http://www.visualbasix.info/2012/02/wie-fugt-man-meta-elemente-meta-tags-zu.html"><img align="left" alt="metaelemente" border="0" height="98" src="http://lh3.ggpht.com/-TW0hjxE-ndc/T0KUJdc7MsI/AAAAAAAACSE/DBBuD3_ADS8/metaelemente%25255B1%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="metaelemente" width="363" /></a>“Metadaten sollen vor allem die Durchsuchbarkeit des World Wide Web bzw. einer einzelnen Webpräsenz verbessern. Außerdem lassen sich mithilfe von Metadaten spezielle Anweisungen zur Steuerung der</div> <a name='more'></a>Suchroboter von Suchmaschinen notieren.” Source: <a href="http://de.wikipedia.org/wiki/Meta-Element" target="_blank">Wikipedia.org</a><br /> <div align="justify"> </div> <hr /> <div align="justify"> </div> <div align="justify"> Auch wenn Meta Tags nicht mehr so wie früher ins Gewicht fallen wenn es um die Positionierung des eigenen Blogs oder der eigenen Webseite ging, so haben die Tags nichts an Ihrer Daseinsberechtigung verloren. Heute wird mehr auf Inhalte, Relevanz und Tiefe des Contents gelegt. Dennoch macht es Sinn Meta Elemente in Blogger einzubinden. Und so geht's: (Weiter unten finden Sie auch ein Video Tutorial zum Thema)</div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> <strong>1. Gehen Sie im Blogger Dashboard zu Vorlage und dann auf HTML und auf Fortfahren. Machen Sie einen Haken in Vorlagen Widget komplett anzeigen und erstellen Sie eine Sicherheitskopie.</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> <strong>2. Drücken Sie STRG+ F, ein kleines Suchfeld öffnet sich oben rechts und fügen Sie diesen Text zur Suche dieses “Strings” im Source Code ein:</strong></div> <div align="justify"> <strong><br /></strong></div> <div align="justify"> <strong><br /></strong></div> <div align="center"> <em><span style="color: #666666;">&lt;b:include data=‘blog’ name=‘all-head-content’/&gt;</span></em></div> <div align="center"> <em><span style="color: #666666;"><br /></span></em></div> <div align="center"> <em><span style="color: #666666;"><br /></span></em></div> <strong>3. Im HTML Source Code sollte dieser Text nun farbig unterlegt sein.</strong><br /> <strong><br /></strong><br /> <strong>4. Gleich direkt hinter dem “closing tag /&gt;” fügen Sie nun folgenden Code ein:</strong><br /> <b><br /></b><br /> <span style="color: #666666;">&lt;meta content='IHRE BLOGBESCHREIBUNG' name='description'/&gt;<br />&lt;meta content='IHRE RELEVANTEN SCHLUESSELWOERTER' name='keywords'/&gt;<br />&lt;meta content='IHR NAME' name='author'/&gt;<br />&lt;meta content='ALL' name='ROBOTS'/&gt;<br />&lt;meta content='blogger' name='generator'/&gt;</span><br /> <span style="color: #666666;"><br /></span><br /> 5. Speichern Sie das Template ab. Fertig! <br /> <hr /> Und hier, wie versprochen das Video Tutorial zum Artikel:<br /> <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:6db767f6-29f7-4722-99dc-0a4aa4fd0220" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div id="da67006a-9327-40e8-a590-503fb2115671" style="display: inline; margin: 0px; padding: 0px;"> <div> <a href="http://www.youtube.com/watch?v=ha7d502G_AE&amp;feature=youtube_gdata_player" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('da67006a-9327-40e8-a590-503fb2115671'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;677\&quot; height=\&quot;380\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/ha7d502G_AE?hl=en&amp;hd=1\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/ha7d502G_AE?hl=en&amp;hd=1\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;677\&quot; height=\&quot;380\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" src="http://lh3.ggpht.com/-2P4FW0YEo90/T0KUK_V1DLI/AAAAAAAACSI/jUzeAMsxPD8/video2da59022068a%25255B3%25255D.jpg?imgmax=800" style="border-style: none;" /></a></div> </div> <div style="clear: both; font-size: .8em; width: 677px;"> Wie füge ich Meta Tags in Blogspot ein?</div> </div><img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/-tpvAw9H2yw" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com0http://www.visualbasix.info/2012/02/wie-fugt-man-meta-elemente-meta-tags-zu.htmltag:blogger.com,1999:blog-6626768266334837553.post-37254210359175527392012-02-17T21:53:00.001+01:002012-04-01T09:25:45.610+02:002012-04-01T09:25:45.610+02:00<a href="http://lh5.ggpht.com/-kXp6OamYM40/Tz7E6NM-ogI/AAAAAAAACP0/o8BpC4PkQ0I/s1600-h/Mausklick%25255B3%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Mausklick" border="0" alt="Mausklick" align="left" src="http://lh5.ggpht.com/--qzC_w1-n6U/Tz7E7CDmOBI/AAAAAAAACP4/Ir9qWrYUh90/Mausklick_thumb%25255B1%25255D.png?imgmax=800" width="240" height="86"></a><span style="text-align: justify">Wer seinen Blog oder besser, Seine Inhalte und auch den Source Code seines Blogs vor unberechtigtem Zugriff durch das Rechtsklick-Verfahren schützen möchte, der folgt diesem kleinen Tutorial...</span><br> <div style="text-align: justify"> <a name='more'></a> </div> <div style="text-align: justify"></div> <div style="text-align: justify">Jeder weiß wie man Bilder auf einer Webseite, die einem gut gefallen, durch das Rechtsklicken der Maus und dem dazugehörigen kopieren von entweder Links oder Bildern durchführt.</div> <div style="text-align: justify"></div> <div></div> <div style="text-align: justify">Wer allerdings nicht möchte das die Inhalte seines Blogs einfach so kopiert werden der kann seine Besucher durch ein kleines Popup Fenster nicht nur darauf aufmerksam machen sondern den kompletten Zugriff verweigern.</div><a href="http://lh4.ggpht.com/-f00auxxEvYg/Tz7E8LW1MwI/AAAAAAAACQE/1eeWl-zpfLs/s1600-h/Mausklick%25255B8%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Mausklick" border="0" alt="Mausklick" src="http://lh6.ggpht.com/-ANxBdcCbS58/Tz7E8_sstTI/AAAAAAAACQM/zCOW-64l8_k/Mausklick_thumb%25255B4%25255D.png?imgmax=800" width="389" height="152"></a><br>Und so geht's: <br><br>1. Klicken Sie auf diesen <a href="http://www.visualbasix.com/tools/rechtsklick.txt" onclick="NewWindow(this.href,'name','600','400','yes');return false">HTML CODE</a> und kopieren Sie sich diesen in Ihre Zwischenablage. <br><br>2. Gehen Sie nun zu Ihrem Blogger Dashboard und Klicken Sie auf “Layout” <br><br><a href="http://lh3.ggpht.com/-YrK3lTTgLyw/Tz7E92BVejI/AAAAAAAACQQ/91-jIt73sEw/s1600-h/Layout%25255B2%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Layout" border="0" alt="Layout" src="http://lh3.ggpht.com/-QOe_BpdOqzg/Tz7E-mLustI/AAAAAAAACQc/zv4sADZ6GLE/Layout_thumb.png?imgmax=800" width="88" height="29"></a> <br><br>3. Klicken Sie in Ihrem Template am besten in der unteren Hälfte Ihres Blogs auf Gadget Hinzufügen. <br><br><a href="http://lh5.ggpht.com/-di3qG3pEWok/Tz7E_fbl6QI/AAAAAAAACQk/p-yBmt90Wmg/s1600-h/gadgethinzufuegen%25255B3%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="gadgethinzufuegen" border="0" alt="gadgethinzufuegen" src="http://lh6.ggpht.com/-5kv3UPFOF-c/Tz7FAk_5cHI/AAAAAAAACQs/rd3h73YpdFI/gadgethinzufuegen_thumb%25255B1%25255D.png?imgmax=800" width="272" height="46"></a> <br><br>4. Suchen Sie nach dem “HTML/JavaScript” einfügen Symbol und klicken Sie auf dieses um es zu öffnen.<br><br><a href="http://lh3.ggpht.com/-33Gcxr1qwMM/Tz7FBRjv08I/AAAAAAAACQ0/aRkqBgBRvak/s1600-h/htmljava%25255B3%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="htmljava" border="0" alt="htmljava" src="http://lh4.ggpht.com/-PlI0MfYXIkA/Tz7FDaPgFMI/AAAAAAAACQ4/RPSkQ19ahyw/htmljava_thumb%25255B1%25255D.png?imgmax=800" width="407" height="92"></a><br><br>5. Fügen Sie nun den in der Zwischenablage gespeicherten <a href="http://www.visualbasix.com/tools/rechtsklick.txt" onclick="NewWindow(this.href,'name','600','400','yes');return false">HTML CODE</a> ein und klicken Sie auf “Speichern”.<br><br><a href="http://lh6.ggpht.com/-3XzWSUwMqO0/Tz7FGfqGM2I/AAAAAAAACRM/Yh_fySRl9Wk/s1600-h/htmleinfuegen%25255B2%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="htmleinfuegen" border="0" alt="htmleinfuegen" src="http://lh6.ggpht.com/-ODDT82PtFMg/Tz7FHs0FcPI/AAAAAAAACRU/KjJyO-Uy7s8/htmleinfuegen_thumb.png?imgmax=800" width="216" height="244"></a><br><br>6. Klicken Sie nun auf Blog anzeigen und wenn das Blog komplett angezeigt wird versuchen Sie einen rechtsklick vorzunehmen.<br><br><a href="http://lh6.ggpht.com/-lWPVewNKxn4/Tz7FIca2kLI/AAAAAAAACRc/z0V0LQEJELQ/s1600-h/bloganzeigen%25255B2%25255D.png"><img style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="bloganzeigen" border="0" alt="bloganzeigen" src="http://lh4.ggpht.com/-sQRXXLdTw_M/Tz7FJXx0ccI/AAAAAAAACRg/BVE6AeBozwU/bloganzeigen_thumb.png?imgmax=800" width="102" height="34"></a><br><br>Fertig! <img src="http://feeds.feedburner.com/~r/visualbasix/gayI/~4/RHxquMqOkTk" height="1" width="1"/>Ralf Dobersteinhttps://plus.google.com/105972718733866798348noreply@blogger.com19http://www.visualbasix.info/2012/02/test.html