Tumblr Theme - Next - Mix Blogging

<!DOCTYPE html>         <html lang="en"><head><meta charset="utf-8" /><title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}  <meta name="color:Background" content="#F5F5F5"/><meta name="color:Center" content="FFFFFF"/><meta name="color:Permalink Background" content="#F1F3F8"/> <meta name="color:Titles" content="#888888"/><meta name="color:Text" content="#959595"/><meta name="color:Permalinks" content="#959595"/><meta name="color:Links" content="#888888"/><meta name="color:Links Hover" content="#959595"/> <meta name="if:Posts Resize" content="1" /><meta name="if:Infinite Scroll" content="0"/><meta name="if:Show Caption" content="0"/> <meta name="image:Background" content="" /><meta name="image:Portrait" content="" /> <meta name="text:Previous Page Title" content="<<" /><meta name="text:Next Page Title" content=">>" /><meta name="text:Ask Title" content="Ask" /><meta name="text:Link 1" content="" /><meta name="text:Link 1 Title" content="" /><meta name="text:Link 2" content="" /><meta name="text:Link 2 Title" content="" /><meta name="text:Link 3" content="" /><meta name="text:Link 3 Title" content="" /><meta name="text:Link 4" content="" /><meta name="text:Link 4 Title" content="" /><meta name="text:Link 5" content="" /><meta name="text:Link 5 Title" content="" /> {block:Ifinfinitescroll} <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>   {/block:Ifinfinitescroll} <script type="text/javascript">$(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(window).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$(".footer").fadeIn('fast');} else {$('.footer').fadeOut('fast');}});</script><style type="text/css"> /*** Basic Styles ***/ body { padding:0; margin:0; font-family: Verdana,Helvetica,Arial,sans-serif; background-color:{color:background}; background-image:url({image:Background}); font-size:11px; color:{color:Text};} a { text-decoration:none; color:{color:links};} a:hover { color:{color:links hover};} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block} p{margin:0;} .clear {clear:both;} .container{ width:520px; margin:20px auto;} .header{ padding:10px; margin:0 15px; width:470px; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:{color:Center};} .header .portrait{ width:64px; height:64px; float:left; margin:0 10px 0 0; overflow:hidden; border:4px solid {color:Center}; box-shadow:0 0 5px rgba(0,0,0,0.1);} .header .portrait img{ max-width:64px; min-height:64px; height:auto;} .header .title{ float:left; min-width:366px; max-width:366px; font-weight:bold; font-size:15px; color:{color:titles}; margin:0 0 5px;} .header .description{ float:left; min-width:386px; max-width:386px; font-size:10px;} .header .links{ margin:10px 0 0 -10px; width:470px; padding:10px 10px; font-size:9px; line-height:15px; list-style:none; text-align:center; text-transform:uppercase; border-bottom:1px dotted rgba(0,0,0,0.07); border-top:1px dotted rgba(0,0,0,0.07); background-color:{color:Permalink Background};} .header .links li{ display:inline; padding:0 5px;} .header .links li a{ color:{color:Permalinks};} .header .links li:first-child{ padding:0 5px 0 0;} .header .links li:last-child{ padding:0 0 0 5px;} .header .navigation{ font-size: 9px; margin: 8px 0 0; text-align: center;} .header .navigation a{ margin: 0 5px;} .header .navigation a:first-child{ margin: 0 5px 0 0;} .header .navigation a:last-child{ margin: 0 0 0 5px;} .header .navigation .current_page{ text-decoration:underline} .content{ width:490px; margin:15px auto 75px; padding:1px 0; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:{color:Center}; {block:PermalinkPage} margin:15px auto; {/block:PermalinkPage}} .content .post{ margin:10px 0;} .content .navigation{ font-size: 9px; margin: 8px 0 0; text-align: center;} .content .navigation a{ margin: 0 5px;} .content .navigation a:first-child{ margin: 0 5px 0 0;} .content .navigation a:last-child{ margin: 0 0 0 5px;} .content .navigation .current_page{ text-decoration:underline} .content .inhoud{ box-shadow:0 0 5px rgba(0,0,0,0.1); width:480px; margin:10px 0 10px -9px; {block:IndexPage} padding:10px; {/block:IndexPage} background-color:{color:Center}; border:4px solid {color:Center}; {block:PermalinkPage} border:14px solid {color:Center}; {/block:PermalinkPage}} {Block:IfPostsResize} {block:IndexPage} .content .inhoud:hover{ margin-left:-13px; margin-top:-4px; margin-bottom:6px; border:8px solid {color:Center};} {/block:IndexPage} {/Block:IfPostsResize} .content .photo{ padding:0px; width:500px; {block:PermalinkPage} width:480px; {/block:PermalinkPage} position:relative; overflow:hidden;} .content .inhoud img{ max-width:400px;} .content .photo img{ max-width:500px; min-width:500px; {block:PermalinkPage} max-width:480px; min-width:480px; {/block:PermalinkPage}} .content h3{ font-size:17px; font-weight:bold; margin: 0 0 10px; color:{color:titles};} .caption{ {block:PermalinkPage} font-size:9px; color:{color:Permalinks}; border-bottom:1px dotted rgba(0,0,0,0.07); padding:0 0 10px; margin:0 0 10px; {/block:PermalinkPage}} .content .photo .tag_box{ display:none; position:absolute; top:50%; height: 44px; margin-top: -32px; width:500px; padding:5px 0; box-shadow:0 0 10px rgba(0,0,0,0.3); background-color:{color:Center};} .content .photo:hover .tag_box{ display:block;} .content .photo .tag_box .inner{ border:1px dotted rgba(0,0,0,0.07); margin:5px 0; padding:10px; height: 12px; font-size:9px; background-color:{color:Permalink Background}; color:{color:Permalinks};} .content .photo .tag_box .inner a{ margin-right:5px; color:{color:Permalinks};} .content .photo .caption{ padding:5px 10px; font-size:10px;} .content .audio{ padding:7px 10px 5px; background-color:black; opacity:0.07;} .content .audio:hover{ opacity:0.2;} .content .album{ padding:5px; margin:10px 10px 0 0; background:rgba(0,0,0,0.07); height:128px; width:128px; float:left;} .content .album img{ width:128px; height:128px;} .content .audio_caption{ float:left; margin:10px 0 0; width:332px; position:relative; height:138px} .content .audio_caption .caption{ margin:0 0 10px;} .content .audio_caption .caption p{ margin:0; padding:0;} .content .audio_caption .info_box{ position:absolute; bottom:0;} .content .audio_caption .info{} .content ul.chat{ margin:0 0 3px; padding:0; list-style:none; font-size:9px;} .content ul.chat li{ padding:5px 10px;} .content ul.chat li:nth-child(even){ border:1px dotted rgba(0,0,0,0.07); background-color:rgba(0, 0, 0, 0.07);} .content .asker_portrait{ border: 4px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); float: left; height:48px; margin-bottom: 10px; margin-right: 10px; position: relative; width: 48px; z-index: 2;} .content .question_box{ float: left; width: 400px;} .content .question_box .asker{ margin: 3px 0;} .content .question_box .question{ background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px dotted rgba(0, 0, 0, 0.07); border-left: 1px dotted rgba(0, 0, 0, 0.07); border-top: 1px dotted rgba(0, 0, 0, 0.07); margin-bottom: 10px; margin-left: -38px; padding: 5px 10px 5px 38px; width: 417px;} .content .inhoud:hover .question{ width:421px;} .content .answer{ clear: both; margin: 0 0 0 8px; width: 479px;} .content .permalink{ border-bottom:1px dotted rgba(0,0,0,0.07); border-top:1px dotted rgba(0,0,0,0.07); margin:5px 0; padding:10px 15px; font-size:9px; background-color:{color:Permalink Background}; color:{color:Permalinks};} .content .permalink .post_type{ display:inline; margin: 0 15px 0 0; font-weight:bold; color:{color:Permalinks};} .content .permalink .date{ display:inline; margin: 0 15px; color:{color:Permalinks};} .content .permalink .notes{ display:inline; margin: 0 15px; color:{color:Permalinks};} .content .permalink .permalink_link{ display:inline; margin: 0 15px; color:{color:Permalinks};} .content .permalink .share{ float:right; font-weight:bold; cursor:pointer; text-transform:uppercase;} .content .permalink .share_box{ display:none; border-top:1px dotted rgba(0, 0, 0, 0.07); padding:10px 0 0; height:12px; margin:10px 0 0;} .content .permalink .share_box .short_url{ float:right; margin: -1px 0 0;} .content .permalink .share_box .short_url .shorturl{ border:0; background-color:transparent; padding:2px 0; font-size:9px; color:{color:Permalinks}} .content .permalink .share_box .others{ float:left; margin: -3px 0 0;} .content .permalink .reblog{ margin: 0 5px 0 0; padding: 2px 5px 3px 0; color:{color:Permalinks};} .content .permalink .twitter{ float:left; height: 10px; margin: 0 5px 0 0;} .content .permalink .facebook{ float:left; width:160px;} ol.notes { font-size: 10px; list-style-type: none; margin: 0; padding: 0;} ol.notes a{ text-decoration:none; padding:0 1px; background-color:transparent;} ol.notes li.note { padding: 2px;} ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px;} ol.notes li.note span.action a{ font-weight: normal;} ol.notes li.note .answer_content { font-weight: normal;} ol.notes li.note blockquote { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px dotted rgba(0, 0, 0, 0.07); border-top: 1px dotted rgba(0, 0, 0, 0.07); margin: 6px -16px; padding: 5px 19px;} ol.notes li.more_notes_link_container { margin: 10px 0 0; padding: 0; text-align: center} .footer { display: none; position: fixed; margin-left: 2px; max-height: 45px; padding: 5px 13px 10px; bottom: 0; width: 490px; z-index: 99; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1);} .footer .inner{ height:12px; margin:5px 0 0 -13px; padding:14px 13px; width:490px; border-bottom:1px dotted rgba(0,0,0,0.07); border-top:1px dotted rgba(0,0,0,0.07); background-color:{color:Permalink Background};} .footer .portrait{ width:40px; height:40px; float:left; margin:-19px 10px 0 0; overflow:hidden; border:5px solid {color:Center}; box-shadow:0 0 5px rgba(0,0,0,0.1);} .footer .portrait img{ max-width:40px; min-height:40px; height:auto;} .footer .links{ float: left; font-size: 9px; line-height: 15px; list-style: none outside none; margin: -1px 0 0; padding: 0 10px 0 0; text-transform: uppercase; width: 420px;} .footer .links li{ display:inline; padding:0 5px;} .footer .links li a{ color:{color:Permalinks};} .footer .links li:first-child{ padding:0 5px 0 0;} .footer .links li:last-child{ padding:0 0 0 5px;} </style></head><body>        <div class="container">        <div class="header">         <a href="/" title="home">         <div class="portrait">              {block:IfnotPortraitimage}               <img src="{PortraitURL-64}"/>              {/block:IfnotPortraitimage}               {block:IfPortraitimage}               <img src="{image:Portrait}"/>              {block:IfPortraitimage}          </div></a>                   <a href="/" title="home"><div class="title">{Title}</div></a>         <div class="description">{Description}</div><div class="clear"></div><ul class="links">             {block:AskEnabled} <li>             <a href="/ask">             {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}              {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}              </a></li>{/block:AskEnabled}              {block:SubmissionsEnabled} <li><a href="/submit">{SubmitLabel}</li>{/block:SubmissionsEnabled}               {block:HasPages}{block:Pages} <li><a href="{URL}">             {Label}</a></li>{/block:Pages}              {/block:HasPages}              {block:ifLink1Title} <li><a href="{text:Link 1}">             {text:Link 1 Title}</a></li>{/block:ifLink1Title}              {block:ifLink2Title} <li><a href="{text:Link 2}">             {text:Link 2 Title}</a></li>{/block:ifLink2Title}              {block:ifLink3Title} <li><a href="{text:Link 3}">             {text:Link 3 Title}</a></li>{/block:ifLink3Title}              {block:ifLink4Title} <li><a href="{text:Link 4}">             {text:Link 4 Title}</a></li>{/block:ifLink4Title}              {block:ifLink5Title} <li><a href="{text:Link 5}">             {text:Link 5 Title}</a></li>{/block:ifLink5Title}         </ul>{block:Pagination}         {block:IfNotinfinitescroll}         <div class="navigation">            {block:PreviousPage}                 <a href="{PreviousPage}">{text:Previous Page Title}</a>            {/block:PreviousPage}              {block:JumpPagination length="12"}                 {block:CurrentPage}                     <span class="current_page">{PageNumber}</span>                {/block:CurrentPage}                  {block:JumpPage}                     <a class="jump_page" href="{URL}">{PageNumber}</a>                {/block:JumpPage}             {/block:JumpPagination}              {block:NextPage}                 <a href="{NextPage}">{text:Next Page Title}</a>            {/block:NextPage}         </div>{/block:IfNotinfinitescroll}                  {block:PermalinkPage}         <div class="navigation">        {block:PreviousPost}         <a href="{PreviousPost}">Previous Post</a>        {/block:PreviousPost}         {block:NextPost}         <a href="{NextPost}">Next Post</a>        {/block:NextPost}         </div>{/block:PermalinkPage}         {/block:Pagination}     </div>    <div class="content">        {block:Posts}         <div class="post">                {block:Text}                     <div class="inhoud">                        {block:Title}                             <h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}                          {Body}                     </div>{/block:Text}                  {block:Photo}                     <div class="inhoud photo">                        {block:IndexPage}                          {block:RebloggedFrom}                          <div class="tag_box">                        <div class="inner">                            Reblogged from                              <a href="{ReblogParentURL}" class="tags">                            {ReblogParentName},                              </a>                            Posted by                              <a href="{ReblogRootURL}" class="tags">                            {ReblogRootName}.</a>                            {block:HasTags}                             Filed under:                             {block:Tags}                             <a href="{TagURL}" class="tags">#{Tag}</a>                            {/block:Tags}                             {/block:HasTags}                         </div></div>{/block:RebloggedFrom}                          {/block:IndexPage}                          <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>                        {block:IndexPage}                                                   {block:IfShowCaption}                         {block:Caption}                             <div class="caption">{Caption}</div>{/block:Caption}                         {/block:IfShowCaption}                         {/block:IndexPage}                      </div>{/block:Photo}                  {block:Photoset}                     <div class="inhoud">                        {Photoset-500}                         {block:IfShowCaption}                         {block:Caption}                             <div class="caption">{Caption}</div>{/block:Caption}                         {/block:IfShowCaption}                     </div>{/block:Photoset}                  {block:Quote}                     <div class="inhoud">                        <center><h3>"{Quote}"</h3>{block:Source}                             <div class="source">{Source}</div>{/block:Source}</center></div>{/block:Quote}                  {block:Link}                     <div class="inhoud">                        <a href="{URL}" class="link" {Target}>                        <h3>{Name}</h3></a>                         {block:Description}                             <div class="description">{Description}</div>{/block:Description}                     </div>{/block:Link}                                  {block:Answer}                 <div class="inhoud">                <img class="asker_portrait"                       src="{AskerPortraitURL-48}"/>                <div class="question_box">                <div class="asker">                    {Asker} asked:                 </div><div class="question">                   {Question}                 </div></div><div class="answer">{Answer}</div></div>{/block:Answer}                              {block:Chat}                     <div class="inhoud">                        {block:Title}                             <a href="{Permalink}"><h3>{Title}</h3></a>                        {/block:Title}                          <ul class="chat">                            {block:Lines} <li class="{Alt} user_{UserNumber}">                                    {block:Label}                                     <span class="label">{Label}</span>                                    {/block:Label}                                     {Line}                                 </li>{/block:Lines}                         </ul></div>{/block:Chat}                  {block:Video}                     <div class="inhoud">                        {Video-500}                         {block:Caption}                             <div class="caption">{Caption}</div>{/block:Caption}                     </div>{/block:Video}                  {block:Audio}                     <div class="inhoud">                        <div class="audio">                        {AudioPlayerBlack}                         </div>{block:AlbumArt}                         <div class="album">                            <img src="{AlbumArtURL}" />                        </div>{/block:AlbumArt}                              <div class="audio_caption">                             {block:Caption}                              <div class="caption">{Caption}</div>{/block:Caption}                                                            <div class="info_box">                             <div class="info">                                 <strong>Played —</strong>                                   {FormattedPlayCount} times                              </div>{block:TrackName}                              <div class="info">                                 <strong>Trackname —</strong>                                   {TrackName}                              </div>{/block:TrackName}                              {block:Artist}                              <div class="info">                                 <strong>Artist —</strong> {Artist}                              </div>{/block:Artist}                              {block:Album}                              <div class="info">                                 <strong>Album —</strong> {Album}                              </div>{/block:Album}                              </div></div>{/block:Caption}                         <div class="clear"></div></div>{/block:Audio}                                  {block:IndexPage}                  {block:Date}                 <div class="permalink">                <a href="{Permalink}" title="Permalink">                <div class="post_type">                 {block:Text}TEXT{/block:Text}                  {block:Photo}PHOTO{/block:Photo}                  {block:Photoset}SET{/block:Photoset}                  {block:Quote}QUOTE{/block:Quote}                  {block:Link}LINK{/block:Link}                  {block:Chat}CHAT{/block:Chat}                  {block:Audio}AUDIO{/block:Audio}                  {block:Video}VIDEO{/block:Video}                  {block:Answer}Q/A{/block:Answer}                 </div></a> -                 <a href="{Permalink}"                  title="{TimeAgo} at {24Hour}:{Minutes}">                <div class="date">                     {TimeAgo} at {24Hour}:{Minutes}                 </div></a> -                 {block:NoteCount}                  <a href="{Permalink}" title="{NoteCountWithLabel}">                <div class="notes">                     ♥ {NoteCountWithLabel}                 </div></a> -                 {/block:NoteCount}                  <a href="{Permalink}" title="Permalink">                <div class="permalink_link">                     Permalink                 </div></a>                {block:IfNotinfinitescroll}                 <div class="share" id="{PostID}">+ Share</div><div class="clear"></div><div class="share_box" id="box_{PostID}">                    <div class="short_url">                    <script type="text/javascript">                         function SelectAll(id){                          document.getElementById(id).focus();                          document.getElementById(id).select();}                     </script>                    <a href="{ReblogURL}" class="reblog">                    Reblog</a>                      Short url: <input type="text" width="100%" spellcheck='false' class="shorturl" value="{ShortURL}" id="shorturl" onClick="SelectAll('shorturl');"/>                    </div><div class="others">                    <div class="twitter">                    <a href="https://twitter.com/share" class="twitter-share-button" data-url="{URLEncodedPermalink}" data-count="none">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div><div class="facebook">                    <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none;  overflow:hidden; width:200px; height:21px;"></iframe></div></div><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>                    <script type="text/javascript">                    $('#{PostID}').click(function() {                        $('#box_{PostID}').slideToggle('fast', function() {                        });                     });                     </script>                </div>{/block:IfNotinfinitescroll}                 </div>{/block:Date}                 {/block:IndexPage}              </div>{block:PermalinkPage}             {block:Date}             <div class="post">                <div class="permalink">                {block:Caption}                     <div class="caption">{Caption}</div>{/block:Caption}                 <div class="post_type">                 {block:Text}TEXT{/block:Text}                  {block:Photo}PHOTO{/block:Photo}                  {block:Photoset}SET{/block:Photoset}                  {block:Quote}QUOTE{/block:Quote}                  {block:Link}LINK{/block:Link}                  {block:Chat}CHAT{/block:Chat}                  {block:Audio}AUDIO{/block:Audio}                  {block:Video}VIDEO{/block:Video}                  {block:Answer}Q/A{/block:Answer}                 </div>-                 <div class="date">                     {TimeAgo} at {24Hour}:{Minutes}                 </div>-                 {block:NoteCount}                  <div class="notes">                     ♥ {NoteCountWithLabel}                 </div>-                 {/block:NoteCount}                  <div class="clear"></div></div><div class="inhoud">            {PostNotes}             </div></div>{/block:Date}             {/block:PermalinkPage}                           {/block:Posts}                      {block:Pagination}         {block:IfNotinfinitescroll}         <div class="navigation">            {block:PreviousPage}                 <a href="{PreviousPage}">{text:Previous Page Title}</a>            {/block:PreviousPage}              {block:JumpPagination length="8"}                 {block:CurrentPage}                     <span class="current_page">{PageNumber}</span>                {/block:CurrentPage}                  {block:JumpPage}                     <a class="jump_page" href="{URL}">{PageNumber}</a>                {/block:JumpPage}             {/block:JumpPagination}              {block:NextPage}                 <a href="{NextPage}">{text:Next Page Title}</a>            {/block:NextPage}         </div>{/block:IfNotinfinitescroll}         {/block:Pagination}     </div>{block:IndexPage}     <div class="footer clearfix">        <div class="inner">        <a href="/" title="home">        <div class="portrait">              {block:IfnotPortraitimage}               <img src="{PortraitURL-40}"/>              {/block:IfnotPortraitimage}               {block:IfPortraitimage}               <img src="{image:Portrait}"/>              {block:IfPortraitimage}         </div></a>        <ul class="links">             {block:AskEnabled} <li>             <a href="/ask">             {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}              {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}              </a></li>{/block:AskEnabled}              {block:SubmissionsEnabled} <li><a href="/submit">{SubmitLabel}</li>{/block:SubmissionsEnabled}               {block:HasPages}{block:Pages} <li><a href="{URL}">             {Label}</a></li>{/block:Pages}              {/block:HasPages}              {block:ifLink1Title} <li><a href="{text:Link 1}">             {text:Link 1 Title}</a></li>{/block:ifLink1Title}              {block:ifLink2Title} <li><a href="{text:Link 2}">             {text:Link 2 Title}</a></li>{/block:ifLink2Title}              {block:ifLink3Title} <li><a href="{text:Link 3}">             {text:Link 3 Title}</a></li>{/block:ifLink3Title}              {block:ifLink4Title} <li><a href="{text:Link 4}">             {text:Link 4 Title}</a></li>{/block:ifLink4Title}              {block:ifLink5Title} <li><a href="{text:Link 5}">             {text:Link 5 Title}</a></li>{/block:ifLink5Title}         </ul></div></div>{/block:IndexPage}      </div></body></html>

DEMO

Instaliranje:

Customize

Zatim idite na edit HTML

Obrišite kod koji je već bio od prethodne teme, kliknite "Update preview" da vidite da li se pojavljuje tema

Na kraju, ako je sve ispravno, kliknite "Save"

Notifikasi

Tumblr Theme - Next