SiteMite: Posts

Showing posts with label Posts. Show all posts

0 comments

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:

<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'/>

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

1 comments

Blogger 5 Sterne Rating-System unter Posts

Heute werde ich euch zeigen, wie ihr ganz einfach so ein hübsches 5 Sterne-Rating-System unter jedem Post eures Blogs setzen könnt.

Backup einrichten (optional)

Gehe in: Dashboard/Layout/Html Bearbeiten
Klicke auf: Vollständige Vorlage herunter laden

nicht Verstanden? Dann klick hier.

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:

<p class='post-footer-line post-footer-line-3'>

füge dieses Code direkt darunter:

<script language='JavaScript'>
var OutbrainPermaLink="<data:post.url/>";
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

0 comments

Blogger die neusten Posts im Sidebar

Viele von euch haben mich gefragt, wie ich meine neusten Posts im Sidebar platziere. Das ist ganz einfach:

Backup einrichten (optional)

Gehe in: Dashboard/Layout/Html Bearbeiten
Klicke auf: Vollständige Vorlage herunter laden

nicht Verstanden? Dann klick hier.

Seitenelement hinzufügen

gehe in: Dashboard/Layout/Seitenelemente
wähle: Html/Javascript Seitenelement

nicht Verstanden? Dann klick hier.

füge dieses Code in das Seitenelement:

<script src="http://files.lifewg.googlepages.com/blogger-widget.js">
</script>
<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<h2>RECENT POSTS</h2>
<script src="http://YOURBLOG.blogspot.com/feeds/posts/
default?orderby=published&
alt=json-in-script&callback=rp">
</script>

Achtung: Du musst YOURBLOG durch den Namen deines Blogs ersetzen.

Related post
Blogger die neusten Kommentare im Sidebar
Blogger Signatur unter jedem Post
Blogger 5 Sterne Rating-System unter Posts

0 comments

Blogger Signatur unter jedem Post

Heutzutage ist es bei den Bloggern üblich die eigenen Posts zu signieren und somit dem Blog eine eigene Note zu verleihen. So eine Signatur bringt natürlich auch gewisse Vorteile mit sich. Erstens sieht es gut aus, wenn es schön gemacht ist und zweitens kann es zu einer Markezeichen für den Blog werden. Hier zeige ich euch, wie ihr in ein paar Schritten eure eigene Signatur unter euren Posts setzen könnt.

Backup einrichten (optional)

Gehe in: Dashboard/Layout/Html Bearbeiten
Klicke auf: Vollständige Vorlage herunter laden

nicht Verstanden? Dann klick hier.

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: