0 comments

Social Bookmark Button

Blogger Calendar Icon im Post Header einfügen

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



Backup einrichten (optional)

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>

CSS code einfügen

suche:
</b:skin>
füge dieses Code direkt darüber:
/* Calendar
----------------------------------------------- */

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;
}
Achtung: CALENDAR IMAGE. URL musst du mit deinem eigenen Kalenderbild Adresse ersetzen.


Related post
Blogger 5 Sterne Rating-System unter Posts
Blogger Signatur unter jedem Post

Social Bookmark Button

0 Comments: