Stationery Template 2.0 by Thijs in Blogger-Vorlage HTML kopieren. Hilfe!

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,
neulich habe ich versucht einmal ein neue Template für meinen Blog (blogger.com) zu finden. Da entdeckte ich ein super Design das mir gefiel. Es hieß Stationery 2.0 Aber es war leider eine Template für Tumblr-Blogs. Ich probierte den HTML-Code zu kopieren und daraufhin in Blogger einzufügen. Da Tumblr eine etwas andere „Code-Form“ besitzt war der von mir eingefügte Code seeehr fehlerhaft. Meine Frage: Hätte vielleicht einer von euch eine Ahnung wie ich dieses Design auf meinen Blog kriege? hier der Tumblr-Code von Stationery 2.0:

{block:IndexPage}
{Title}
{/block:IndexPage}
{block:stuck_out_tongue:ostSummary}{PostSummary}{/block:stuck_out_tongue:ostSummary}

{block:IfGoogleAnalyticsID}

//<![CDATA[
var _gaq = _gaq || [];
_gaq.push([’_setAccount’, ‚{text:Google Analytics ID}‘]);
_gaq.push([’_trackPageview’]);
(function() {
var ga = document.createElement(‚script‘); ga.type = ‚text/javascript‘; ga.async = true;
ga.src = (‚https:‘ == document.location.protocol ? ‚https://ssl‘ : ‚http://www‘) + ‚.google-analytics.com/ga.js‘;
(document.getElementsByTagName(‚head‘)[0] || document.getElementsByTagName(‚body‘)[0]).appendChild(ga);
})();
//]]>

{/block:IfGoogleAnalyticsID}
{block:IfTypekitKitID}
try{Typekit.load();}catch(e){}
{/block:IfTypekitKitID}
{block:IndexPage}
{block:IfShowLatestTweet}
{block:Twitter}

//<![CDATA[
$(document).ready(function() {
$.ajax({
url: „http://twitter.com/statuses/user_timeline/{TwitterUs…“,
dataType: „jsonp“,
timeout: 5000,
success: function(data){
$.each(data, function(i,tweet){
var html = ‚<li>‘ + tweet.text + ’ <span><a href=„http://www.twitter.com/{TwitterUsername}/status/’ + tweet.id + '“&gt:stuck_out_tongue_winking_eye:ermalink</a></span></li>’;
$(’#stat-tweet’).append(html);
});
$(’#stat-tweets’).css(‚display‘,‚block‘);
}
});
});
//]]>

{/block:Twitter}
{/block:IfShowLatestTweet}
{/block:IndexPage}

body { background-color: {color:Background}; }
.tag, .search_query { font-weight: bold; }
{CustomCSS}

{block:IfHeaderImage} {/block:IfHeaderImage}
{block:IfNotHeaderImage} {Title} {/block:IfNotHeaderImage}
{block:IfTagline} {text:Tagline} {/block:IfTagline}

{block:IfShowAbout}
{text:About Description}
{Description}

{block:AskEnabled}{AskLabel}{/block:AskEnabled}
{block:SubmissionsEnabled}{SubmitLabel}{/block:SubmissionsEnabled}

{/block:IfShowAbout}
{block:IfFacebookPageID}

{/block:IfFacebookPageID}
{block:IfShowSearch}

{lang:Search}

{/block:IfShowSearch}

{block:HasPages}
{text:stuck_out_tongue:ages Description}

{block:stuck_out_tongue:ages}- {Label}
{/block:stuck_out_tongue:ages}

{/block:HasPages}
{block:IfShowBlogTools}
{text:Tools Description}

{/block:IfShowBlogTools}

{block:IndexPage}
{block:IfShowLatestTweet}
{lang:Latest Tweet}

{/block:IfShowLatestTweet}
{block:IfShowLikes}
{block:Likes}
{lang:Likes}
{Likes}

{/block:Likes}
{/block:IfShowLikes}
{/block:IndexPage}

{block:TagPage}
{lang:stuck_out_tongue:osts tagged Tag 2}

{/block:TagPage}
{block:SearchPage}

{block:NoSearchResults}
{lang:No search results for SearchQuery 2}
{/block:NoSearchResults}
{block:SearchResults}
{lang:Found SearchResultCount results for SearchQuery 2}
{/block:SearchResults}

{/block:SearchPage}
{block:stuck_out_tongue:osts}
{block:Text}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}
{block:Title} {Title} {/block:Title}

{Body}
{block:More} {lang:Read more} … {/block:More}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Text}
{block:stuck_out_tongue:hoto}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}
{LinkOpenTag}{LinkCloseTag}

{block:Caption} {Caption} {/block:Caption}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:stuck_out_tongue:hoto}
{block:stuck_out_tongue:hotoset}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}
{Photoset-500}

{block:Caption} {Caption} {/block:Caption}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:stuck_out_tongue:hotoset}
{block:Quote}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}

{Quote}

{block:Source} {Source} {/block:Source}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Quote}
{block:Link}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}
{Name}

{block:smiley:escription} {Description} {/block:smiley:escription}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Link}
{block:Chat}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}
{block:Title} {Title} {/block:Title}

{block:Lines}{block:Label} {Label} {/block:Label} {Line} {/block:Lines}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Chat}
{block:Audio}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}

{block:AlbumArt} {/block:AlbumArt}

{AudioPlayerBlack}
{FormattedPlayCount} Plays{block:ExternalAudio} →{/block:ExternalAudio}
{block:Artist} {Artist} {/block:Artist}
{block:TrackName} {TrackName} {/block:TrackName}

{block:Caption} {Caption} {/block:Caption}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Audio}
{block:Video}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}
{Video-500}

{block:Caption} {Caption} {/block:Caption}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Video}
{block:Answer}

{block:smiley:ate}
{NoteCountWithLabel}{block:IfDisqusShortname} & {lang:Comments}{/block:IfDisqusShortname}
{Month} {DayOfMonth}, {Year}
{/block:smiley:ate}

{lang:Asker asked}:
{Question}

{Answer}

{block:IfShowGroupPostAuthor}{block:GroupMembers}

{lang:By PostAuthorName 2}
{/block:GroupMembers}{/block:IfShowGroupPostAuthor}
{block:HasTags} {lang:Filed under} {block:Tags}{Tag} {/block:Tags} {/block:HasTags}
{block:IfShowGroupPostAuthor}{block:GroupMembers}

{/block:GroupMembers}{/block:IfShowGroupPostAuthor}

{/block:Answer}
{/block:stuck_out_tongue:osts}
{block:stuck_out_tongue:osts}{block:stuck_out_tongue:ermalink}{block:smiley:ate}
{block:IfDisqusShortname}

{/block:IfDisqusShortname}
{/block:smiley:ate}{/block:stuck_out_tongue:ermalink}{/block:stuck_out_tongue:osts}
{block:stuck_out_tongue:ostNotes}
{PostNotes}
{/block:stuck_out_tongue:ostNotes}

{block:stuck_out_tongue:agination}

{block:stuck_out_tongue:reviousPage}- {lang:stuck_out_tongue:revious page}
{/block:stuck_out_tongue:reviousPage}
{block:NextPage}- {lang:Next page}
{/block:NextPage}

  • {lang:stuck_out_tongue:age CurrentPage of TotalPages}

{/block:stuck_out_tongue:agination}

We love Tumblr & Stationery by Thijs

{block:stuck_out_tongue:osts}{block:stuck_out_tongue:ermalink}{block:smiley:ate}
{block:IfDisqusShortname}

//<![CDATA[
(function() {
var dsq = document.createElement(‚script‘); dsq.type = ‚text/javascript‘; dsq.async = true;
dsq.src = ‚http://disqus.com/forums/{text:smiley:isqus Shortname}/embed.js‘;
(document.getElementsByTagName(‚head‘)[0] || document.getElementsByTagName(‚body‘)[0]).appendChild(dsq);
})();
//]]>

{/block:IfDisqusShortname}
{/block:smiley:ate}{/block:stuck_out_tongue:ermalink}{/block:stuck_out_tongue:osts}
{block:IndexPage}
{block:IfDisqusShortname}

//<![CDATA[
(function() {
var links = document.getElementsByTagName(‚a‘);
var query = ‚?‘;
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf(’#disqus_thread’) >= 0) {
query += ‚url‘ + i + ‚=‘ + encodeURIComponent(links[i].href) + ‚&‘;
}
}
document.write(’<script charset=„utf-8“ type=„text/javascript“ src=„http://disqus.com/forums/{text:smiley:isqus Shortname}/get_num_replies.js’ + query + '“></’ + ‚script>‘);
})();
//]]>

{/block:IfDisqusShortname}
{/block:IndexPage}

#2

Hallo,
ich glaube nicht dass ich hier helfen kann.
Ich arbeite fast nur mit Wordpress.
Ist es nicht so, dass bei Blogger nur die vorhandenen Themes verwendet werden können?
Gruss
WW

#3

kannst du mal einen Link zu dem Design posten, dann schau ich mir das mal an, und eventuell noch einen Link zu deinem Blog, damit ich mir die Fehler anschaun kann

#4

Hi,

Der Quelltext, den du hier kopiert hast, enthält eigentlich gar keine Design-Angaben. Es handelt sich um HTML und Javascript ergänzt durch systemspezifische Tags, die vermutlich nur bei Tumbler-Templates funktionieren.Ich fürchte, du wirst in diesem Fall dein Template manuell anpassen müssen…

Layout- und Designinformationen werden in der Regel auch gar nicht im html-Code definiert. Dafür gibt es CSS. In deinem Template-Ordner müsste eine oder mehrere Dateien dieses Formates zu finden sein. In den CSS-Dateien kannst du alle möglichen Design-Definitionen festlegen - bezogen auf ein bestimmtes Html-Element aus dem Quelltext.

Mit der Firefox-Erweiterung Firebug kannst du dir HTML und CSS deiner Seite im Browser anzeigen lassen und zu Testzwecken bearbeiten. Detailierte Infos zu CSS findest du unter http://de.selfhtml.org/CSS/.

Viel Erfolg!

#5

Das ist ja harte Arbeit.
Ich nehme 50€ pro Stunde Vorkasse.