In diesem Thread zeige ich euch, wie ihr so ein hübsches Datum Icon neben dem Posttitel einfügen könnt.


Gehe in: Dashboard/Layout/Html Bearbeiten
Klicke auf: Vollständige Vorlage herunter laden
nicht Verstanden? Dann klick hier. Einstellungen ändern
Gehe in: Dashboard/Einstellungen/Formatierung
Wähle in: Datums-Header-Format die Einstellung YYYY-MM-DD (z.B 2008-04-11)
Klicke auf: Einstellungen Speichern Widget erweitern
Gehe in: Dashboard/Layout/Html Bearbeiten
Klicke auf: Vorlagen zum Erweitern von Widgets
nicht Verstanden? Dann klick hier. Html code einfügen
suche:
<head>
füge dieses Code direkt darunter:
<!-- orangevolt calendar widget -->
<script
src='http://6000mail.googlepages.com/fastinit.js'/>
<script
src='http://6000mail.googlepages.com/prototype-1.5.0.js'/>
<script
src='http://6000mail.googlepages.com/orangevolt-calendar.js'/>
<link
href='http://6000mail.googlepages.com/calendar.css' rel='stylesheet'
type='text/css'/>
<!-- end calendar widget -->
suche:
<data:post.dateHeader/>
ersetzte es hiermit:
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>

suche:
</b:skin>füge dieses Code direkt darüber:
/* CalendarAchtung: CALENDAR IMAGE. URL musst du mit deinem eigenen Kalenderbild Adresse ersetzen.
----------------------------------------------- */
span.cal {
background:transparent url('CALENDAR IMAGE. URL') no-repeat scroll 0%;
float:left;
height:49px;
width:48px;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-right: 13px;
}
span.cal_month {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:11px;
margin-left:-3px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}
span.cal_day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:8px;
text-align:center;
text-transform:uppercase;
}
Related post
Blogger 5 Sterne Rating-System unter Posts
Blogger Signatur unter jedem Post
0 Comments:
Post a Comment