Jump to content

Help with HTML? (blog)

via
By via
in Off Topic
 Share
Posted

can someone explain why theres huge gaps between some of my posts on my blog? yes i have a blog.. get your laughs out. heres my html code:

 

jpeg1-1024x752.jpg

 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Link 5" content=""/>
<meta name="text:Link 5 URL" content=""/>
<meta name="text:Link 6" content=""/>
<meta name="text:Link 6 URL" content=""/>
<meta name="text:Link 7" content=""/>
<meta name="text:Link 7 URL" content=""/>
<meta name="text:Link 8" content=""/>
<meta name="text:Link 8 URL" content=""/>
<meta name="text:Home Label" content="Home"/>
<meta name="text:Ask Label" content="Ask"/>
<meta name="text:Submit Label" content="Submit"/>
<meta name="text:Archive Label" content="Archive"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show Submit Link" content="1"/>
<meta name="if:Show Title" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Animation" content="1"/>
<meta name="if:To Top Button" content="1"/>
<meta name="if:Infinite Scroll" content="1"/>
<meta name="if:Show Captions" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
<style type="text/css">
body {
 
 
color: #77b6ea;background: #ffffff url({image:Background});
font-family: Geneva;
font-size: 12px;
line-height: 1.5em;
}
 
p {margin:0 0 .75em 0} p:last-child {margin:0}
a {
color: #737373;
text-decoration:none;
{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
a:hover {color: #ffffff; }
blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
line-height: 100%;border-left: solid 4px #EDEDED;
}
h1 {
font-family: Futura;
font-size: 32px;
line-height: 1.5em;font-weight: normal;
}
ul { 
margin: 0px 1.5em .75em;}
li {
margin: .75em 0;
list-style-type: square;
}
.box img { 
display: block;
max-width: 100%;}.m-i {
display: block;
line-height: 1px!important;
}
    .menu-picture {
        line-height: 100%;
display: inline-block;
line-height: 0px!important;
}
.post-link{
font-family: default;
font-size: 8px;
line-height: 8px;
}p.source{text-align: center;}
.menu-picture {
line-height: 100%;display: inline-block;
}p.source{text-align: center;}
h3 {
font-size: 18px; font-weight: normal; 
}.tagged { text-align: center; line-height: 8px;font-size: 8px;}
.text { padding: 5px;}p.question {
    margin-bottom: .375em;
}
p.words {
    padding: 6px;
    line-height: 1.5em;
color: #333333;
    background: #ebebeb;
}
.response {
    background: #efefef;
    padding: 5px;
    margin-bottom: .75em;
}.answer {
text-align: center;
}
.post {
position: relative;
{block:IndexPage}
width:415px;
{/block:IndexPage}
{block:PermalinkPage}
width:415px;
{/block:PermalinkPage}
float:left;
 
background: #ffffff;
padding:5px;
margin:10px;
border: 1px solid #dbdbdb;
}.box {position: relative;}
 
#side {
text-align: right;
margin-top: 25%;
width:263px;
padding:0px;position: fixed;
background: #ffffff;
}#side img {
    max-width: 100%;
}ul {margin-bottom: .75em;}
#contain {
width:1177px;
margin: 10px auto 0;
}
#content { 
width:894px;
float: right;
}
#infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}.box iframe {
max-width: 100%;
}.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
.post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
 
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
 
a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png')0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
</style></head>
<body>
<script id="HypPlayerScript" type="text/javascript" src="http://hypster.com/a/player6.js" hypHostName="hypster.com" hypUserID="5323869" hypPlaylistID="7090893" hypPlayerControls="1" hypAutostart="1" hypPlayerSort="rand" hypMainBackColor="#FFFFFF" hypPrevButtonColor="#7FC8F4" hypPlayPauseButtonColor="#4EB5F4" hypNextButtonColor="#9FD3F4" hypShuffleButtonColor="#B2DAF4" hypHypsterButtonColor="#D4E8F4" hypVisibility="hidden"  hypSaveState="1"  hypVolumeVal="50"   ><!-- Hypster Player --></script>
<div id="contain" class="clearfix">
<div id="side">
<div class="text">
{block:IfShowTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowTitle}<a href="/" class="m-i"><img class="menu-picture" src="{image:sidebar}"/></a><div id="description">{Description}</div>
<div><a class="menu-link" href="/">{text:Home Label}</a> /<a class="menu-link" href="/ask">{text:Ask label}</a>{block:SubmissionsEnabled}{block:IfShowSubmitLink}/ <a class="menu-link" href="/submit">{text:Submit label}</a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}/ <a class="menu-link" href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:iflink1}/<a class="menu-link" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}/<a class="menu-link" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}/<a class="menu-link" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}/<a class="menu-link" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}/<a class="menu-link" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}/<a class="menu-link" href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}/<a class="menu-link" href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}/<a class="menu-link" href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{Block:IfShowArchiveLink}/ <a class="menu-link" href="/archive">{text:Archive Label}</a>{/Block:IfShowArchiveLink}</div>
{block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
</div>
</div>
<div id="content">
{block:Posts}
<div class="post">
 
{block:Text}
<div class="text">
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Text}
    
{block:Quote}
<div class="text quote">
<p class="words">“{Quote}”</p>
{block:Source}<p class="source">{Source}</p>{/block:Source}
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Quote}
  
{block:Link}
<div class="text link">        
<h3><a href="{URL}" {Target}>{Name}</a></h3>
{block:Description}{Description}{/block:Description}
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Link}
  
{block:Chat}
<div class="text chat">
<ul class="conversation">
{block:Lines}
<li class="line {Alt}">
{block:Label}<span class="person">{Label}</span>{/block:Label}
<span class="person-said">{Line}</span>
</li>
{/block:Lines}
</ul>
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Chat}
 
{block:Audio}
<div class="text audio">
<p>{AudioPlayerBlack}</p>
{block:IndexPage}{block:IfShowCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}{/block:IndexPage}
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Audio}
 
{block:Answer}
<div class="text answer">
<div class="response">
<p class="question">{Question}</p>
<p>@{Asker}</p></div>
{Answer}
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Answer}
 
{block:Photoset}
<div class="photoset">
<div class="box">
<!-- permalink --> {block:IndexPage}
 
{block:IndexPage}<center>{Photoset-400}</center>{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
</div>
{block:IndexPage}{block:IfShowCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfShowCaptions}{/block:IndexPage}
</div>
{/block:Photoset}
 
{block:Video}
<div class="video">
<div class="box">
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
{block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</div>
{block:IndexPage}{block:IfShowCaptions}
{block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
{/block:IfShowCaptions}{/block:IndexPage}
</div> 
{/block:Video}
    
{block:Photo}
<div class="photo">
<div class="box">
<!-- permalink --> {block:IndexPage}
 
<!-- /permalink --> {/block:IndexPage}
{block:IndexPage}
<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
{/block:PermalinkPage}
</div>
{block:IndexPage}{block:IfShowCaptions}
{block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
{/block:IfShowCaptions}{/block:IndexPage}
</div>
{/block:Photo}
 
{block:IfShowTags}{block:IndexPage}{block:HasTags}
<div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
{/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
 
{block:PermalinkPage}
<div id="post-info" class="text">
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{block:HasTags}
<p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
<p class="post-info-data">
{block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
{block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}
 
</div> <!-- end single post -->
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
{/block:Posts}     
</div> <!-- end content -->
<div class="loading"></div>
</div> <!-- end containing div -->
{block:IfInfiniteScroll}
{block:Pagination}<ul id="pagination">
{block:PreviousPage}
<li><a href="{PreviousPage}"></a></li>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
{/block:CurrentPage}
{block:JumpPage}
<li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<li><a id="nextPage" href="{NextPage}"></a></li>
{/block:NextPage}
</ul>{/block:Pagination}
{/block:IfInfiniteScroll}
{block:IndexPage}
<script type="text/javascript">
$(window).load(function () {
$('#content').masonry(),
$('.masonryWrap').infinitescroll({
navSelector    : '#pagination',  
nextSelector   : '#pagination a#nextPage',
itemSelector : ".post, .loading",
bufferPx : 40,
loadingText : "<em></em>",
},
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
 
{/block:IndexPage}
{block:IfToTopButton}
<script type="text/javascript">
        $(document).ready(function() {
                /*
                        var defaults = {
                                containerID: 'toTop', // fading element id
                                containerHoverID: 'toTopHover', // fading element hover id
                                scrollSpeed: 1200,
                                easingType: 'linear'
                        };
                        */
                       
                        $().UItoTop({ easingType: 'easeOutQuart' });
                       
                });
</script>
<a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
{/block:IfToTopButton}
 
 
 
 
</body></html>

EVGA GTX 970 - i5 4460 - Enthoo Pro M

Link to comment
https://linustechtips.com/topic/358298-help-with-html-blog/
Share on other sites
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Off Topic

×