Navigate

Startseite
Über...
Gästebuch
Kontakt
Archiv
Abonnieren

Cest

Projekt: creative es tasks

Kategorien

Zusatzseiten & Links

Tutorium zur Blogerstellung

Hallo ihr Lieben,

 

hier werdet ihr Schritt für Schritt erklärt bekommen,

wie man einen Voll-Profi blog erstellen kann!

 

1. Geh auf: myblog.de und melde dich an:

 


 

2. klick auf VollProfi

 


 

3. klick auf "Wähle aus 3000 Layouts ...


 

4. Jetzt kannst du ganz nach unten Scrollen

und zB bei den Tags nach einem Stichwort suchen,

das dir gefällt.

Wenn du dann darauf klickst,

findest du Layouts, die zu dem Begriff passen...


 

5. Hier im Beispiel wurde auf "Schmetterling" geklickt.

Unser Beispiel geht jetzt weiter mit Layout "Mein blue day"...

dort bitte auf "mehr Info" klicken

 

6. Logg dich dann ein mit deinen Accountdaten.

 

7. Klick dann auf Layout übernehmen

und bestätige das mit OK (Popup-Fenster).

 

8. Klick jetzt wieder auf Vollprofi


 

9. Such jetzt bei Quellcode nach "Willkommen ..."

(Suchen mit STR+F)

Die blaumarkierten Teile kannst du jetzt beliebig verändern...

 

10. zum Beispiel so:

(danach auf "jetzt speichern" klicken)


 

11. Jetzt kannst du dir schon mal kurz deinen Blog ansehen

(neues Fenster geht auf)

 


 

12. Jetzt kannst du z.B. dein Profil etwas ausfüllen...


 

13. Dann kannst du bei "Deine Blogs"

z.B. ein PW eingeben für deine Seite...

 

 


 

14. ... wenn du "Weblog im Verzeichnis anzeigen" angeklickt läßt,

kann man dich z.B. durch deine eingegebenen Tags finden

und andere Leute sehen sich deine Seite öfter an.

Da musst du dir gut überlegen,

was du besser findest...

ob du von anderen lieber gefunden werden willst oder nicht.

 


 

15. Jetzt kannst du auch mal einen Eintrag verfassen...

 

 

16. Schreib einfach irgendwas...

Unten bei den TAGs kannst du Schlüsselwörter eingeben,

womit dein Blog oder dein Eintrag zutun hat...


 

 

17. zum Schluß kannst du hier bei der Übersicht deine alten Beiträge bearbeiten oder verändern...

 


 

 

 

Das waren jetzt erstmal die Grundlagen.

Ich hoffe, bei dir hat alles geklappt!

Wenn du noch Fragen oder Probleme haben solltest,

dann melde dich einfach! =)

 

20.6.08 21:46


Neues Tutorium (2)

Neues Tutorium (2)

Tutorium 2
Fragen die hier beantwortet werden sollen:
1. Wie kann ich auch ein Layout mit einem „komplizierten“ Code verwenden?
2. Wie bearbeite ich die Links auf der Layoutseite?
3. Was sind Kategorien?
4. Was sind Zusatzseiten?
Ein paar minimale HTML-Grundlagen:
HTML brauchst du, um dein Layout im Vollprofi anzupassen. Ganz wichtig sind dabei Links usw.
Links: ein Link fängt im html-code mit <a ...> an und endet mit </a>
Ein Link von myblog.de wäre zum Beispiel: <a xhref=“http://www.myblog.de“>MyBlogSeite</a>
hinter href steht in Anführungszeichen der korrekte Link zu der Seite, die du verlinken möchtest
das was zwischen den Klammern steht, wird der Name des Links...
deine Besucher sehen also nicht das www.myblog.de sonern, „MyBlogSeite“ und klicken dann darauf.
Wenn du möchtest, dass sich der Link in einem neuen Fenster öffnet,
dann gib im im <a tag folgendes mit ein target=“_blank“
-> Beispiel <a xhref=“http://www.myblog.de“ target=“_blank“>MyBlogSeite</a>
Wenn du mehrere Links hast und diese untereinander posten möchtest
(was meistens im Layout bei der Navi der Fall sein dürfte) brauchst du Zeilenumbrüche
wenn du einen Zeilenumbruch machen willst,
dann gib zB hinter einem Link (also hinter dem </a> ein <br> ein
Wenn du einen ganzen Absatz haben möchtest, dann gib <p> ein
Ich werde das ganze an einem neuen Layoutbeispiel versuchen zu erklären.
Sucht euch zuerst auf folgender Seite ein neues Layout aus: http://www.layoutdealer.com/search.php?
Ihr müsst unbedingt diese Seite benutzen (mit dem /search.php?)
da nur dort auch die Quellcodes zum Rauskopieren zu finden sind.
Wenn ihr das search.php weglasst, dann kommt ihr wieder auf das normale Ding von myblog.de
Hier in unserem Beispiel habe ich mich für folgendes Layout entschieden:
http://www.layoutdealer.com/showlayout.php?id=7743 (Taste the Rainbow).
Bild 1:
Gib deine Blogadresse ein und klick auf Layout... übernehmen!
Bild 2:
Klicke einmal in die Box, so dass der ganze Inhalt blaumarkiert ist,
Drücke dann STR+C um alles zu kopieren.
Logg dich dann bei myblog.de in deinen Account ein.
Geh zum Vollprofi.
Markiere im Vollprofi alles, was im Quellcode steht,
lösche es und füge den neuen Quellcode ein (STR+V).
Jetzt musst du den Quellcode nur noch bearbeiten.
Unbearbeitet sieht der Quellcode so auf unserem Blog aus:
Bild 3:
Ich kopiere den Navi-Teil des Quellcodes mal hier rein,
damit man die Veränderungen besser verfolgen kann:
<div class="box">
<p class="head">Navigate</p>
<a class="navi" xhref="http://www.myblog.de/">Home</a>
<a class="navi" xhref="http://www.myblog.de/">Rockstar</a>
<a class="navi" xhref="http://www.myblog.de/">Lounge</a>
<a class="navi" xhref="http://www.myblog.de/">Site</a>
<a class="navi" xhref="http://www.myblog.de/" target="blank">Book</a>
<a class="navi" xhref="http://www.myblog.de/">Exit</a></div>
<div class="box">
<p class="head">Rockerin</p>
<em>Dörte:</em> 10 ♥, Streber, spack, verklemmt, liebt <b>meine Mami</b><br>
>><a xhref="http://www.myblog.de">Mehr?</a><<
</div>
<div class="box">
<p class="head">Blog</p>
<em>mir ist langweilig seit</em> <strong>2006</strong></br>
last update: 27/3/98</div>
<div class="box">
<p class="head">Drugs</p>
<a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a>
</div>
</div>
Die oben blaumarkierten Links werden wir jetzt durch die Links von unserem Blog ersetzen.
Dabei hilft uns die Seite des VollProfis.
Denn dort sind schon ein paar vorgefertigte Links zu unserem Blog, die wir nur noch einsetzen brauchen:
Bild 4:
Kopiere jetzt einfach einzeln die Links aus dem Vollprofi raus und füge sie dort ein,
wo die Links im Quellcode sind. Und mache hinter jeden Link ein <br> (Zeilenumbruch).
So sieht es dann aus:
<p class="head">Navigate</p>
<a xhref="http://cestblogerstellung.myblog.de">Startseite</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/about">Über...</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/gb">Gästebuch</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/contact">Kontakt</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/archivebymonth">Archiv</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/abo">Abonnieren</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/rss"><img border="0" xsrc="http://icache.20six.net/myblog/de/pc/img/rss_logo.gif"></a>
<div class="box">
<p class="head">Rockerin</p>
<em>Dörte:</em> 10 ♥, Streber, spack, verklemmt, liebt <b>meine Mami</b><br>
>><a xhref="http://www.myblog.de">Mehr?</a><<
</div>
<div class="box">
<p class="head">Blog</p>
<em>mir ist langweilig seit</em> <strong>2006</strong></br>
last update: 27/3/98</div>
<div class="box">
<p class="head">Drugs</p>
<a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a>
</div>
</div>
Bild 5:
Auf der Seite des VollProfis ist aber noch mehr, das man nutzen kann.
Und zwar über dem Quellcode.
Bild 6:
Zusatzseiten, Kategorien und Links können wir z.B. auch in unseren Quellcode einbauen.
Einfach Kopieren und einfügen in der Navi.
<p class="head">Navigate</p>
<a xhref="http://cestblogerstellung.myblog.de">Startseite</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/about">Über...</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/gb">Gästebuch</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/contact">Kontakt</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/archivebymonth">Archiv</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/abo">Abonnieren</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/rss"><img border="0" xsrc="http://icache.20six.net/myblog/de/pc/img/rss_logo.gif"></a>
<div class="box">
<p class="head">Rockerin</p>
<em>Dörte:</em> 10 ♥, Streber, spack, verklemmt, liebt <b>meine Mami</b><br>
>><a xhref="http://www.myblog.de">Mehr?</a><<
</div>
<div class="box">
<p class="head">Blog</p>
<em>mir ist langweilig seit</em> <strong>2006</strong></br>
last update: 27/3/98</div>
<div class="box">
<p class="head">Kategorien</p>
{PLACE_CATEGORIES}
<p class="head">Zusatzseiten & Links</p>
{PLACE_PAGES}
{PLACE_LINKS}
<a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a> <a xhref="http://www.myblog.de/">♥</a>
</div>
</div>
Bild 7:
Zur Erklärung:
Zusatzseiten kannst du Links in der Navi von Myblog anlegen.
Wenn du sie dort anlegst, werden sie an der Stelle deines Blogs erscheinen,
wo du den Code {PLACE_PAGES} angegeben hast.
Kategorien kannst du auch anlegen in der Navi von myblog.
Wenn du erschiedene Kategorien hast, dann musst du jedesmal beim Erstellen von einem Blogeintrag
diesem Eintrag eine Kategorie zuordnen. Kategorien sind dafür da, dass jemand,
der sich zB nur für eine Kategorie interessiert,
diese anklicken kann und dann nur die Einträge aus der jeweiligen Kategorie sieht...
Wenn du {PLACE_LINKS} einbaust, dann erscheinen dort die Links,
die du vorher in der Navi von myblog bei „Links“ eingegeben hast.
Du kannst natürlich auch alle Links selber im VollProfi eingeben mit <a ...> </a> usw.
Jetzt ändere ich den restlichen Quellcode so um, dass der Text, der dort noch steht,
jetzt auf mich passt... und ich einfach überfflüssige Links usw lösche...
veränderter Quellcode:
<p class="head">Navigate</p>
<a xhref="http://cestblogerstellung.myblog.de">Startseite</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/about">Über...</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/gb">Gästebuch</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/contact">Kontakt</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/archivebymonth">Archiv</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/abo">Abonnieren</a><br>
<a xhref="http://cestblogerstellung.myblog.de/cestblogerstellung/rss"><img border="0" xsrc="http://icache.20six.net/myblog/de/pc/img/rss_logo.gif"></a>
<div class="box">
<p class="head">Cest</p>
<em>Projekt:</em> creative es tasks
</div>
<p class="head">Kategorien</p>
{PLACE_CATEGORIES}
<p class="head">Zusatzseiten & Links</p>
{PLACE_PAGES}
{PLACE_LINKS}
</div>
<a xhref="http://cest.myblog.de" target="_blank"><img xsrc="http://s8.directupload.net/images/080621/5khmmx5r.jpg"></a>
Und jetzt zum Abschluß habe ich noch ein CEST-Logo eingebaut in die Navi
24.6.08 21:36


Gratis bloggen bei
myblog.de