HTML Frage zum Einfügen eines Magic Corners

Aleitour · 4. Oktober 2013

Hey

Ich bin neu hier und hätte eine Frage an die HTML-Experten unter euch. Vorweg: ich kenne mich so gut wie gar nicht damit aus, also sorry, wenn die Frage etwas doof kommt.

Ich würde gerne einen Magic Corner auf meiner Tumblr-Seite einbauen, das ist so ein Werbemittel. Am liebsten hätte ich es oben rechts auf der Seite, in der Ecke halt, weiß aber nicht wie.

Hier ist der HTML-Code meiner Seite:

<!DOCTYPE html>
<html {block:English}lang="en"{/block:English}>
<head>
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } }</style>
<a href="http://instagram.com/alextsiouris?ref=badge" class="ig-b- ig-b-32"><img src="//badges.instagram.com/static/images/ig-badge-32.png" alt="Instagram" /></a>
<embed src="https://www.dropbox.com/sh/2saj0e44gkdcf5p/EcFkIv2m6N/billy.swf?autoplay=true&phpurl=https://www.dropbox.com/sh/2saj0e44gkdcf5p/EcFkIv2m6N/billy.php" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />


<meta name="color:Body background" content="#ffffff" />
<meta name="color:Body links hover" content="#ffac91" />
<meta name="color:Body links" content="#8a8a8a" />
<meta name="color:Body text" content="#3a3a3a" />
<meta name="color:Masthead text" content="#272727" />
<meta name="color:Navigation bar links" content="#272727" />
<meta name="colorost hover buttons pressed down" content="#000000" />
<meta name="colorost hover buttons" content="#252525" />
<meta name="colorost metadata links" content="#3a3a3a" />
<meta name="colorost metadata text" content="#3a3a3a" />
<meta name="colorost titles" content="#272727" />
<meta name="color:Text highlight" content="#ffac91" />
<meta name="font:Body text and links" content='Georgia, serif'/>
<meta name="font:Body titles" content='Georgia, serif'/>
<meta name="font:Masthead and Footer" content='Georgia, serif'/>
<meta name="if:Alternate theme credit" content="1"/>
<meta name="if:Body background image cover" content="0"/>
<meta name="if:Body background image in fixed position" content="1"/>
<meta name="if:Body background image no repeat" content="0"/>
<meta name="if:Form four columns" content="1"/>
<meta name="if:Form three columns" content="0"/>
<meta name="if:Infinite scroll" content="1"/>
<meta name="if:Masthead RSS link" content="1"/>
<meta name="if:Masthead archive link" content="1"/>
<meta name="if:Masthead avatar" content="1"/>
<meta name="if:Masthead description" content="1"/>
<meta name="if:Masthead fixed position" content="0"/>
<meta name="if:Masthead random post link" content="1"/>
<meta name="if:Masthead search" content="1"/>
<meta name="if:Masthead site name set in uppercase" content="1"/>
<meta name="if:Masthead site name" content="1"/>
<meta name="ifermalink camera statistics for photos" content="0"/>
<meta name="ifermalink post notes" content="1"/>
<meta name="ifermalink share buttons" content="0"/>
<meta name="ifermalink tag links" content="1"/>
<meta name="ifhoto captions only on permalink" content="0"/>
<meta name="ifhotos rounded" content="0"/>
<meta name="ifost buttons timed animation" content="1"/>
<meta name="image:Body background" content="" />
<meta name="image:Masthead image" content="" />
<meta name="select:Avatar style" content="avatar-circle" title="Circle">
<meta name="select:Avatar style" content="avatar-square" title="Square">
<meta name="select:Font size" content="0.75em" title="Normal">
<meta name="select:Font size" content="0.6em" title="Tiny">
<meta name="select:Font size" content="0.9em" title="Large">
<meta name="select:Font size" content="1.0em" title="Huge">
<meta name="select:Link style" content="normal" title="Normal">
<meta name="select:Link style" content="highlight link-special" title="Highlight">
<meta name="select:Link style" content="underline link-special" title="Underline">
<meta name="select:Masthead site name style" content="uppercase" title="Uppercase">
<meta name="select:Masthead site name style" content="Normal" title="Normal">
<meta name="selectost hover button" content="circle" title="Circular">
<meta name="selectost hover button" content="minimal" title="Minimal">
<meta name="selectost hover button" content="rounded" title="Rounded">
<meta name="selectost hover icon set" content="modern" title="Modern">
<meta name="selectost hover icon set" content="retro" title="Retro">
<meta name="selectost hover icon set" content="sketch" title="Sketch">
<meta name="select:Sidebar position" content="left" title="Left">
<meta name="select:Sidebar position" content="right" title="Right">
<meta name="text:Alert text" content="" />
<meta name="text:Google Analytics ID" content=''/>
<meta name="text:Masthead Twitter widget code" content=""/>
{blockescription}
<meta name="description" content="{MetaDescription}" />
{/blockescription}
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{blockostSummary}{PostSummary} - {/blockostSummary}{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href="http://static.tumblr.com/wgijwsy/YZomlhwl6/normalize.min.css" rel="stylesheet" type="text/css" />

<style>*{word-wrap:break-word;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:none}nav ul,.metadata ul,.chat ul,.notes,.tumblr-share ul,.global-share ul,footer ul,.photo .exif,.post-hover{list-style:none;margin:0;padding:0}ul{list-style-position:inside;padding:0}::-webkit-input-placeholder{color:inherit}:-moz-placeholder{color:inherit}::-moz-placeholder{color:inherit}:-ms-input-placeholder{color:inherit}nav{display:inline-block}nav form{padding:1%}h1,h2,h3,h4,h5,h6{font-weight:400;margin:1% 0}a,#alt-credit{text-decoration:none;-webkit-transition:ease-in .2s;-moz-transition:ease-in .2s;-o-transition:ease-in .2s;-ms-transition:ease-in .2s;transition:ease-in .2s}blockquote{margin:1em 0;border-left:2px solid rgba(0,0,0,.13);padding-left:10px}iframe,img,embed,object,video{max-width:100%}.video-player{position:relative;padding-bottom:56.25%;padding-top:3px;height:0;overflow:hidden}.video-player iframe,.video-player object,.video-player embed{position:absolute;top:0;left:0;width:100%;height:100%}img[align=left]{margin-right:3%}img[align=right]{margin-left:3%}#masthead{margin-bottom:3%;margin-right:3%;padding:2%;text-align:center;width:22%;min-height:100%}.fixed-masthead #masthead{position:fixed}#masthead:hover{overflow-y:auto;height:100%}#masthead h1 a{font-size:1em}.name-uppercase #site-name{text-transform:uppercase}#masthead #site-info img{margin-bottom:8%}.avatar-square #site-info img{border-radius:0}.avatar-circle #site-info img{border-radius:50%}.hidden{display:none}#masthead #search form input{opacity:.8;transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;text-align:center;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;font-family:inherit;line-height:200%;outline:0;width:100%;padding:1% 20%;background:0}#masthead #search form input:hover{opacity:1}#masthead .widget{display:inline-block;width:80%}#pages nav,#masthead #site-info{width:100%}#pages li{display:inline}#pages nav li a{display:inline-block;padding:.5% 2%;margin:4% 1%}#alert{width:86%;padding:0 7%;font-size:1.5em;font-style:italic}.index #content{width:100%;margin-bottom:3%}.three-col.index article{width:27%;margin:3%}.four-col.index article,.fallback-col.index article{width:18.5%;margin:3%}.permalink #content{width:75%;float:right}.permalink article{width:80%;padding:3% 5%}.title{font-size:1.4em;margin-bottom:3%;margin:0;line-height:130%}.link .title a{border-bottom:1px solid{colorost titles}!important}article img{vertical-align:bottom}article .inner{display:inline-block;width:100%;margin-top:3%}article .inner p:first-child{margin-top:0}article .inner p:last-child{margin-bottom:0}.photo .label{margin:1% 1% 0 0;text-align:center;display:inline-block;font-weight:700}.index .photo-url{text-align:center}.rounded .photo-url img{border-radius:.2em}.quote blockquote{margin:0;padding:0;margin-bottom:2%;border:0;font-style:italic}.answer .asker{margin:0 0 3%}.audio .tumblr_audio_player{width:100%;height:100%}.audio .title{margin-bottom:3%}.chat ul li:first-child{padding-top:0}.chat ul li:last-child{padding-bottom:0}.chat li{padding:3% 0}.chat li:last-child{border-bottom:0}.chat .label{font-weight:700}.metadata ul{display:inline-block;width:100%}.metadata ul li a{float:left}.tumblr-share{padding:6% 0 1%;margin-bottom:-5%}.tumblr-share ul{text-align:center}.tumblr-share li{text-align:center;display:inline-block;margin-right:3%}.global-share a{padding:1.5% 6%;background:#e4e4e4;margin:0 3% 3% 0;border-bottom:3px solid rgba(0,0,0,.14);color:rgba(0,0,0,.61)}.global-share li:last-child a{margin-right:0}.global-share a:hover{color:rgba(0,0,0,.61)}.tumblr a:hover{background:#566e7e}.facebook a:hover{background:#449eff}.twitter a:hover{background:#79c9ff}.google a:hover{background:#ff9e71}.content_source{float:right}#notes{width:100%;display:inline-block}.notes{clear:both}.notes li{width:96%;line-height:150%;margin-bottom:1.5%;-webkit-transition:ease-in .2s;-moz-transition:ease-in .2s;-o-transition:ease-in .2s;-ms-transition:ease-in .2s;transition:ease-in .2s}.notes .avatar{vertical-align:middle;border-radius:.2em}.tags{display:inline-block;width:100%}.tags li a{text-transform:lowercase;line-height:100%;margin:0 1.5% 3% 0}.alert{text-align:center;border:1px solid rgba(0,0,0,.15)}.search_query{font-weight:700}.index #wrapper{display:inline-block;width:75%;float:right}.index .post-hover{width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0;text-indent:-9999px}.index .post-hover a{background-size:150px 30px;width:30px;height:30px;opacity:0;z-index:100;box-shadow:0 2px 15px 0 rgba(255,255,255,.3) inset}.index .post-hover a:active{margin-top:-14px!important}.index .hover-btn-circle .post-hover a{border-radius:10em}.index .hover-btn-rounded .post-hover a{border-radius:.4em}.index .hover-ico-modern .post-hover a{background-image:url(http://static.tumblr.com/wgijwsy/9x7mp72z8/post_actions.png)}.index .hover-ico-sketch .post-hover a{background-image:url(http://static.tumblr.com/wgijwsy/GRdmq807m/post_actions_sketch.png)}.index .hover-ico-retro .post-hover a{background-image:url(http://static.tumblr.com/wgijwsy/Vdumrnggz/post_actions_retro.png)}.index .post-hover a{position:absolute;display:block;top:50%;left:50%}.index .post-hover:hover a{opacity:1;margin-top:-15px}.index .permalink.icon{background-position:0 0;margin-left:-35px}.index .has_source .permalink.icon{margin-left:-50px}.index .reblog.icon{background-position:-210px 0;margin-left:5px}.index .has_source .reblog.icon{margin-left:-15px}.index .source.icon{background-position:-270px 0}.animate .index .post-hover a{margin-top:50px}.animate .permalink.icon{-webkit-transition:ease-in .15s;-moz-transition:ease-in .15s;-o-transition:ease-in .15s;-ms-transition:ease-in .15s;transition:ease-in .15s}.animate .reblog.icon{-webkit-transition:ease-in .25s;-moz-transition:ease-in .25s;-o-transition:ease-in .25s;-ms-transition:ease-in .25s;transition:ease-in .25s}.animate .source.icon{-webkit-transition:ease-in .35s;-moz-transition:ease-in .35s;-o-transition:ease-in .35s;-ms-transition:ease-in .35s;transition:ease-in .35s}.index .has_source .source.icon{margin-left:20px}.permalink .post-hover{margin-bottom:3%}.link-underline a{border-bottom:1px solid rgba(0,0,0,.2)}.link-highlight a{background:rgba(255,184,0,.18)}.link-special #site-info a,.link-special .title a,.link-special #alt-credit a{border:0;background:0}a{position:relative}.relative{cusorointer;position:relative}.left{float:left}.right{float:right}#pagination{width:75%;padding:0 20%;text-align:center;float:right}#pagination li{display:inline;text-align:center}#pagination a{padding:2%;display:inline-block;margin:1% 4% 5% 3%;width:20%;font-weight:700}#widget-wrapper{display:inline-block;text-align:center;padding:0 20%;margin-top:4%;width:75%;float:right;font-size:.85em}#widget-wrapper a{font-weight:700}#credit p{margin:0}.widget{width:100%;display:inline-block;margin-bottom:5%}#alt-credit{position:fixed;right:0;border:1px solid rgba(0,0,0,.13);font-size:.85em;padding:.5% 1%;z-index:100;bottom:0}#alt-credit p{margin:0}#alt-credit:hover{opacity:.7}#infscr-loading{display:inline-block;position:fixed;top:0;width:100%;padding:1% 2.5%}#infscr-loading img{display:none}

/* USER PREFERENCES */
#infscr-loading {
background: {color:Body background};
}
::-moz-selection {
background: {color:Text highlight};
color: #fff;
text-shadow: none;
}
::selection {
background: {color:Text highlight};
color: #fff;
text-shadow: none;
}
body {
background: {color:Body background} url('{image:Body background}');
{block:IfBodyBackgroundImageCover}background-size: cover;{/block:IfBodyBackgroundImageCover}
{block:IfBodyBackgroundImageNoRepeat}background-repeat: no-repeat;{/block:IfBodyBackgroundImageNoRepeat}
{block:IfBodyBackgroundImageInFixedPosition}background-attachment: fixed;{/block:IfBodyBackgroundImageInFixedPosition}
font-family: {font:Body text and links}, Georgia, serif;
font-size: {select:Font size};
color: {color:Body text};
height: 101%;
}
#alt-credit {
background: {color:Body background};
}
a {
color: {color:Body links};
}
a:hover {
color: {color:Body links hover};
}
#masthead, #credit {
font-family: {font:Masthead and Footer}, Georgia, serif;
}
#masthead h1 a, #masthead p, #widget-wrapper, #widget-wrapper a, #search form input {
color: {color:Masthead text};
}
h1, h2, h3, h4, h5, h6 {
font-family: {font:Body titles};
}
.title a {
color: {colorost titles};
}
.metadata {
color: {colorost metadata text};
}
.metadata a {
color: {colorost metadata links};
}
#pages nav li a, #pagination a {
color: {color:Navigation bar links};
}
.index .post-hover a {
background-color: {colorost hover buttons};
}
.index .post-hover a:active {
background-color: {colorost hover buttons pressed down};
}
{CustomCSS}</style>
</head>
<body class="{blockermalinkPage}permalink{/blockermalinkPage} {block:IndexPage}index{/block:IndexPage} {block:IfMastheadFixedPosition}fixed-masthead{/block:IfMastheadFixedPosition}
{block:IfNotFormThreeColumns}{block:IfNotFormFourColumns}fallback-col{/block:IfNotFormFourColumns}{/block:IfNotFormThreeColumns}
{block:IfFormThreeColumns}three-col{/block:IfFormThreeColumns} {block:IfFormFourColumns}four-col{/block:IfFormFourColumns}
link-{select:Link style} {block:IfPostButtonsTimedAnimation}animate{/block:IfPostButtonsTimedAnimation}">

{block:IfAlertText}
<div id="alert">
<p>{text:Alert text}</p>
</div>
{/block:IfAlertText}

<header id="masthead" class="name-{select:Masthead site name style} {select:Avatar style} {select:Sidebar position}">
{block:IfMastheadImageImage}
<div class="widget">
<img src="{image:Masthead image}"/>
</div>
{/block:IfMastheadImageImage}

<div id="site-info" class="widget">
{block:IfMastheadAvatar}<a href="/" title="{lang:Home}"><img src="{PortraitURL-128}"/></a>{/block:IfMastheadAvatar}

{block:IfMastheadSiteName}<h1><a href="/" title="{lang:Home}" id="site-name">{Title}</a></h1>{/block:IfMastheadSiteName}

{block:IfMastheadDescription}
<p id="description">{Description}</p>
{/block:IfMastheadDescription}
</div>

{block:IfMastheadSearch}
<div id="search" class="widget">
<form action="/search" method="get">
<input type="search" name="q" value="{SearchQuery}" type="search" id="search_box" placeholder="{lang:Search}">
</form>
</div>
{/block:IfMastheadSearch}

<div id="pages" class="widget">
<nav>
<ul>
{block:IfNotMastheadSiteName}{block:IfNotMastheadAvatar}<li><a href="/" title="{lang:Home}" id="site-name">{Title}</a></li>{/block:IfNotMastheadAvatar}{/block:IfNotMastheadSiteName}
{block:HasPages}{blockages}<li> <a href="{URL}">{Label}</a></li>{/blockages}{/block:HasPages}
{block:SubmissionsEnabled}<li> <a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
{block:AskEnabled}<li> <a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:IfMastheadRSSLink}<li><a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}">{lang:RSS}</a></li>{/block:IfMastheadRSSLink}
{block:IfMastheadArchiveLink}<li><a href="/archive" id="archive" title="{lang:Browse the archive}">{lang:Archive}</a></li>{/block:IfMastheadArchiveLink}
{block:IfMastheadRandomPostLink}<li><a href="/archive" id="archive" rel="nofollow">{lang:Random post}</a></li>{/block:IfMastheadRandomPostLink}
{block:IfNotAlternateThemeCredit}{block:IfInfiniteScroll}<li><a href="http://quadrotheme.tumblr.com" title="Quadro Theme">Theme</a></li>{/block:IfInfiniteScroll}{/block:IfNotAlternateThemeCredit}
</ul>
</nav>
</div>

{block:IfSidebarTwitterWidgetCode}
<div class="widget">
{text:Sidebar Twitter widget code}
</div>
{/block:IfSidebarTwitterWidgetCode}

<script type="text/javascript" src="http://www.sponsorads.de/script.php?s=241936"></script>
</header>


<div id="wrapper">
<div id="content">
{block:SearchPage}
<article class="alert {block:SearchResults}found-results{/block:SearchResults} {block:NoSearchResults}no-results{/block:NoSearchResults}">
{block:SearchResults}
<p class="results">{lang:Search results for SearchQuery 2}</p>
{/block:SearchResults}

{block:NoSearchResults}
<p class="results">{lang:Sorry no results for SearchQuery 2}</p>
{/block:NoSearchResults}
</article>
{/block:SearchPage}

{block:TagPage}
<article class="alert">
<p class="results">{lang:Showing posts tagged Tag 3}</p>
</article>
{/block:TagPage}

{blockosts}
<article id="{PostID}" class="item
{block:Text}type-text{/block:Text} {blockhoto}type-photo{/blockhoto} {blockhotoset}type-photoset{/blockhotoset} {block:Quote}type-quote{/block:Quote} {block:Link}type-link{/block:Link} {block:Chat}type-chat{/block:Chat} {block:Video}type-video{/block:Video} {block:Audio}type-audio{/block:Audio} {block:Answer}type-answer{/block:Answer} hover-btn-{selectost hover button} hover-ico-{selectost hover icon set}
">
{blockate}
<ul class="post-hover {block:ContentSource}has_source{/block:ContentSource}">
<li><a href="{Permalink}" class="permalink icon"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li>
{block:IndexPage}<li><a href="{ReblogURL}" class="reblog icon">Reblog</a></li>{/block:IndexPage}
{block:ContentSource}<li><a href="{SourceURL}" class="source icon">{lang:Source}{/block:ContentSource}</a></li>
</ul>
{/blockate}


{block:Text}
<div class="text post">
{block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="inner">
{Body}
</div>
{/block:Text}

{blockhoto}
<div class="photo post {block:IfPhotosRounded}rounded{/block:IfPhotosRounded}">
{block:IfFormFourColumns}{block:IndexPage}
<div class="photo-url">
<img src="{PhotoURL-250}" alt="{PhotoAlt}" />
</div>
{/block:IndexPage}{/block:IfFormFourColumns}

{block:IfFormThreeColumns}{block:IndexPage}
<div class="photo-url">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
</div>
{/block:IndexPage}{/block:IfFormThreeColumns}

{block:IfNotFormFourColumns}{block:IfNotFormThreeColumns}{block:IndexPage}
<div class="photo-url">
<img src="{PhotoURL-250}" alt="{PhotoAlt}" />
</div>
{/block:IndexPage}{/block:IfNotFormThreeColumns}{/block:IfNotFormFourColumns}

{blockermalinkPage}
<div class="photo-url">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
</div>
{/blockermalinkPage}

{blockermalinkPage}{block:Caption}
<div class="inner">
{Caption}
</div>
{/block:Caption}{/blockermalinkPage}

{block:IfNotPhotoCaptionsOnlyOnPermalink}{block:IndexPage}{block:Caption}
<div class="inner">
{Caption}
</div>{/block:Caption}{/block:IndexPage}{/block:IfNotPhotoCaptionsOnlyOnPermalink}

{block:IfPermalinkCameraStatisticsForPhotos}
{blockermalinkPage}{block:Exif}
<ul class="exif inner">
{block:Camera}<li><span class="label">Camera</span> {Camera}</li>{/block:Camera}
{block:Aperture}<li><span class="label">Aperture</span> {Aperture}</li>{/block:Aperture}
{block:Exposure}<li><span class="label">Exposure</span> {Exposure}</li>{/block:Exposure}
{block:FocalLength}<li><span class="label">Focal Length</span> {FocalLength}</li>{/block:FocalLength}
</ul>
{/block:Exif}{/blockermalinkPage}{/block:IfPermalinkCameraStatisticsForPhotos}
{/blockhoto}

{blockhotoset}
<div class="photoset post inner">

{block:IfFormThreeColumns}{block:IndexPage}
{Photoset-500}
{/block:IndexPage}{/block:IfFormThreeColumns}

{block:IfFormFourColumns}{block:IndexPage}
{Photoset-250}
{/block:IndexPage}{/block:IfFormFourColumns}

{block:IfNotFormFourColumns}{block:IfNotFormThreeColumns}{block:IndexPage}
{Photoset-250}
{/block:IndexPage}{/block:IfNotFormThreeColumns}{/block:IfNotFormFourColumns}

{blockermalinkPage}
{Photoset-700}
{/blockermalinkPage}

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

{/blockhotoset}

{block:Quote}
<div class="quote post">
<blockquote>
<span class="unicode">“</span>{Quote}<span class="unicode">”</span>
</blockquote>

{block:Source}
<div class="inner">
<p>{Source}</p>
</div>
{/block:Source}

{/block:Quote}

{block:Link}
<div class="link post">
<h1 class="title"><a href="{URL}">{Name}</a></h1>

{blockescription}
<div class="inner">
{Description}
</div>
{/blockescription}

{/block:Link}

{block:Chat}
<div class="chat post">
{block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}

<div class="inner">
<ul>
{block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</label></span>{/block:Label} {Line} </li>{/block:Lines}
</ul>
</div>

{/block:Chat}

{block:Audio}
<div class="audio post">
{block:TrackName}
<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>
{/block:TrackName}

<div class="inner">
<div class="audio_embed">
{AudioEmbed}
{AudioPlayerBlack}
</div>

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

</div>
{/block:Audio}

{block:Video}
<div class="video post">
<div class="video-player">
{Video-700}
</div>

{block:Caption}
<div class="inner">
{Caption}
</div>
{/block:Caption}

{/block:Video}

{block:Answer}
<div class="answer post">
<p class="asker">{lang:Asker asked 2}:</p>
<h1 class="title"><a href="{Permalink}">{Question}</a></h1>

<div class="inner">
{Answer}
</div>

{/block:Answer}
</div>

{blockate}{blockermalinkPage}
<footer class="metadata inner">
{block:IfPermalinkTagLinks}{block:HasTags}
<ul class="tags">
{block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
</ul>
{/block:HasTags}{/block:IfPermalinkTagLinks}

{block:IfPermalinkShareButtons}
<ul class="global-share">
<li class="tumblr"><a href="{ReblogURL}">Tumblr</a></li>
<li class="facebook"><a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a></li>
<li class="twitter"><a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a></li>
<li class="google"><a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a></li>
</ul>
{/block:IfPermalinkShareButtons}

{block:IfPermalinkPostNotes}{blockostNotes}
<div id="notes">
{PostNotes}
</div>
{/blockostNotes} {/block:IfPermalinkPostNotes}

</footer>
{/blockermalinkPage}{/blockate}

</article>
{/blockosts}
</div>
</div>

{blockagination}
<nav id="pagination">
<ul>
{blockreviousPage}<li id="prev-page"><a href="{PreviousPage}">{langrevious}</a></li>{/blockreviousPage}
{block:NextPage}<li id="next-page"><a href="{NextPage}">{lang:Next} </a></li>{/block:NextPage}
</ul>
</nav>
{/blockagination}

{block:IfNotAlternateThemeCredit}
{block:IfNotInfiniteScroll}
<footer id="widget-wrapper">
<div id="credit" class="widget">
<p>
{block:English}{Title}. <a href="http://quadrotheme.tumblr.com/" title="Theme">Quadro</a> by <a href="http://themestatic.tumblr.com">Theme Static</a>.
{/block:English}
{block:NotEnglish}
<a href="http://quadrotheme.tumblr.com/" title="{lang:Install this theme}">Quadro Theme</a> - <a href="http://themestatic.tumblr.com">Theme Static</a>.
{/block:NotEnglish}
</p>
</div>
</footer>
{/block:IfNotInfiniteScroll}
{/block:IfNotAlternateThemeCredit}

{block:IfAlternateThemeCredit}
<div id="alt-credit">
<p>
{block:English}<a href="http://quadrotheme.tumblr.com/" title="Theme">Quadro</a> by <a href="http://themestatic.tumblr.com">Theme Static</a>
{/block:English}
{block:NotEnglish}
<a href="http://quadrotheme.tumblr.com/" title="{lang:Install this theme}">Quadro Theme</a> - <a href="http://themestatic.tumblr.com">Theme Static</a>
{/block:NotEnglish}
</p>
</div>
{/block:IfAlternateThemeCredit}

<script>
var theme_options = {
{block:IfInfiniteScroll}infinite_scroll: true, {/block:IfInfiniteScroll}
{block:IfNotInfiniteScroll}infinite_scroll: false {/block:IfNotInfiniteScroll}
};
</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/7Adms0fx7/quadro.min.js"></script>

{block:IfGoogleAnalyticsID}
<script>
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';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{/block:IfGoogleAnalyticsID}
</body>
</html>

Und das ist der Code für den Magi Corner:

<script type="text/javascript" src="http://www.sponsorads.de/script.php?s=241937"></script>

Wo muss ich das denn nun einfügen? Wie gesagt, so gut wie keine Ahnung von HTML, also bitte genau beschreiben.

Danke im Voraus!

User007 · 4. Oktober 2013

Hallo Aleitour!

Aleitour schrieb:
Ich würde gerne einen Magic Corner auf meiner Tumblr-Seite einbauen

Vorweg - ich kenn' mich mit Tumblr nicht aus, aber grundsätzlich gilt:
Bist du sicher, dass du das HTML in deiner Tumblr-Seite überhaupt händisch/manuell bearbeiten kannst/darfst - sprich also: HTML-Seite bearbeiten und dann mittels FTP wieder auf den Tumblr-Server hochladen?
Wenn das nicht gegeben ist, hast du vermutlich wohl nur die Editiermöglichkeiten über deren (Baukasten-)Interface, und kannst nur Module, die Tumblr dir anbietet, einbinden...
Wie sieht's damit aus und was sagt eigentlich die Beschreibung von MagicCorner?

Gruß Ralf

Edit:
Hab mir das grad mal angesehn und festgestellt, dass Tumblr ja 'ne Blogging-Plattform is'...Sorry, aber da wirst du wohl keine Chance haben, das HTML nach eigenen Vorstellungen zu verändern...

Kausalat · 4. Oktober 2013

Das Einfügen von benutzerdefiniertem HTML ist bei Tumblr durchaus möglich: [1], [2].

@ Aleitour

Woher hast du denn das Script her? Normalerweise wird einem immer eine mehr oder weniger verständliche Anleitung geboten, die den Einbau einer solchen Spielerei vereinfacht.

Mir scheint, als ob dein Script nur einen Bruchteil der "Mag(g)i-Ecke" darstellt. Zumindest kann ich nicht erkennen, wie die Ecke überhaupt ansatzweise (grafisch) generiert werden soll.

Aleitour · 4. Oktober 2013

hey

danke für eure Antworten. doch, bei tumblr kann man das HTML der Seite selber verändern. diese Ecke ist eine neue Art von werbeeinblendungen. wir kennen ja alle diese standardwerbungen, diese leisten mit Werbetexten. Die Ecke ist im Prinzip wie ein Eselsohr, dass oben rechts auf der Seite quasi dranhängt. wenn man drüberwischt, öffnet sich quasi die Seite "darunter" und man kommt zur Werbeanzeigen. Das ist die ecke. Habe das von "sponsorads.de". habe nur den Code bekommen.

Lieben Gruß

Kausalat · 5. Oktober 2013

Ich hab's gerade selbst ausprobiert (wobei ich fast vergessen habe, meinen Adblocker zu deaktivieren

).

Du musst das Javascript einfach irgendwo in den <body>-Bereich packen, der Ladezeit wegen vorzugsweise vor das schließende </body>-Tag.

Suche

HTML Frage zum Einfügen eines Magic Corners

Aleitour

Newbie

User007

Vice Admiral

Kausalat

Gast

Aleitour

Newbie

Kausalat

Gast

Ähnliche Themen