En Güzel Tumblr Teması

Her ay Tumblr için seçtiğimiz en güzel temaları paylaşacağız. İşte sizin seçtiğimiz Tumblr teması.

Tumblr Merdiven Teması
Merdiven Teması

Genellikle yazı bloglarının tercih ettiği basit ama bir o kadar da şık bir tema.

Merdiven teması kodları için tıklayın…

tumblr-temalari
Simple Things Teması

Tumblr Foto Blog Temaları

Merhaba arkadaşlar. Bu yazımızda foto blog tutan arkadaşlarımız için seçmiş olduğum temaları paylaşacağım.

Ayrıca hatırlamakta fayda var, elbette temalar sadece foto blog için değil dilediğiniz takdirde yazı bloglarınız içinde kullanabilirsiniz.

Sorun yaşadığınız her konu hakkında yorum kısmından ulaşabilirsiniz.

Diğer Tumblr temaları için tıklayın.

tumblr-foto-blog-temalari
Urban 4 Teması

Urban 4 temasının kodları için tıklayın.

tumblr-foto-blog-temasi
Themapolooza Teması

Temayı kurmak için tıklayın.

Astronaut Teması
Astronaut Teması

Temayı kurmak için tıklayın.

tumblr-foto-blog-temalari-3
Suave Teması

Temayı kurmak için tıklayın.

Tumblr Star Wars Teması

Tumblr Star Wars Theme

Merhaba Tumblr kullanıcıları. Bu yazımızda Star Wars severler için bir tema paylaşacağız.

Temanın düzenlenmesi sitemize aittir.

Temayı kullanmanız için yapmanız gerekenleri bir kez daha bilmeyenler için hatırlatalım. Bloğunuzun kişiselleştir kısmına girip, “html’i düzenle” butonuna tıklıyoruz. Ardından açılan sayfadaki tüm kodları silip aşşağıda vermiş olduğumuz kodları yapıştırıyoruz.

Temanın özellikleri :

  • Sınırsız kaydırma özelliği.
  • Sayfayı yukarı çıkartma butonu. (Sağ alta)
  • Bütün yazıların font’larını değiştirebilme.
  • Sol alta istediğiniz fotoğrafı ekleyebilme.
  • Panelden link ekleyip – silebilme.

Ve bir çok özellik panelde yer alıyor.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
http://www.mumya.net
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- DEFAULT VARIABLES -->
<meta name="color:Background" content="#000000" />
<meta name="color:color1" content="#E0D7DF" />
<meta name="color:links" content="#000000" />
<meta name="color:text" content="7D6D73">
<meta name="color:Post" content="#F9F6F8" />

<meta name="text:link1" content="about"/>
<meta name="text:url1" content="/about"/>
<meta name="if:Links" content="1"/>

<meta name="text:link2" content=""/>
<meta name="text:url2" content=""/>

<meta name="text:link3" content=""/>
<meta name="text:url3" content=""/>

<meta name="text:NoteCount" content="notes">

<meta name="font:Title" content="Geneva" />
<meta name="font:Body" content="Geneva" />
<meta name="font:Accent" content="Geneva" />

<meta name="if:Show Tags" content="1" />
<meta name="if:Infinite Scroll" content="0"/>
<meta name="if:Enable Jump Pagination" content="1" />
<meta name="if:white iframe" content="1" />
<meta name="if:sidebar bg" content="1" />
<meta name="if:remove title" content="0">

<meta name="image:ScrollToTop" content="http://static.tumblr.com/5b1ce521de3adc6b782b7dffebeefa60/cus8hld/CCImfgim5/tumblr_static_top.png" />
<meta name="image:favicon" content="http://g1212.hizliresim.com/14/r/h5y8t.png" />
<meta name="image:bg1" content="http://static.tumblr.com/nyr6guj/fwRmeq421/nr_bg1.gif"/>
<meta name="image:Background" content="http://static.tumblr.com/650d358706610e88f344c07e810553ce/cus8hld/R9xmfghg8/tumblr_static_bg.jpg" />
<meta name="image:bottom" content="http://static.tumblr.com/8df517e0b66c8013a5385f4c8770dfe7/cus8hld/smkmfgjfw/tumblr_static_darth_vader.png">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{image:favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
{block:IfInfiniteScroll}<div id="infinite"><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script></div>{/block:IfInfiniteScroll}
<style type="text/css">

*, body, a, a:hover {cursor: url('http://static.tumblr.com/nyr6guj/IL2mer6w2/th_9-2.png'), auto;}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: {color:Background};
}
::-webkit-scrollbar-track-piece {
    background: {color:Background};
}
::-webkit-scrollbar-thumb {
    background: {color:color1};

}

{block:IfWhiteIframe}
iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }

iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
{/block:IfWhiteIframe}

a {
color:{color:color1};
text-decoration:none;
}

a:visited {
color:{color:color1};
text-decoration:none;
}

hr {
border:0px;
height:1px;
color:{color:color1};
background-color:{color:color1};
width:80%;
text-align:center;
margin:auto;
}

body {
background: {color:Background} url('{image:Background}') top left fixed repeat;
margin: 0;
padding: 0;
font-family: {font:Body};
}

.clear {
clear: both;
height: 0px;
overflow: hidden;
}

a img {
border: none;
}

#wrapper {
width: 845px;
margin: 0 auto;
margin-top:30px;
}

#wrapper #title {
top:10px;
color: {color:Background} !important;
font-size: 20px;
font-weight: bold;
font-family: {font:Title};
letter-spacing: -1px;
}

#wrapper #title a {
color: {color:Background} !important;
text-decoration: none;
}

#wrapper #content {
width: 530px;
float: right;
}

#wrapper #content .post {
font-family: {font:Body};
background: {color:Post};
padding: 10px;
border:5px solid {color:color1};
position: relative;
margin-bottom:20px;
}

#wrapper #content .post .media {
text-align: center;
margin-bottom: 10px;
}

#wrapper #content .post .quotebg {
font-family: georgia, serif;
font-size: 50px;
color: {color:Background};
position: absolute;
top: 40px;
left: 10px;
}

#wrapper #content .post .quote {
color: {color:Background};
font-weight: bold;
padding: 20px 20px 5px 20px;
}

#wrapper #content .post .quote.short {
font-size: 25px;
line-height: 15px;
}

#wrapper #content .post .quote.medium {
font-size: 25px;
line-height: 28px;
}

#wrapper #content .post .quote.long {
font-size: 18px;
line-height: 22px;
}

#wrapper #content .post .quote_source *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote_source *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .quote *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .copy {
color: {color:text};
padding: 10px;
font-size: 13px;
line-height: 15px;
}

#wrapper #content .post .copy a {
color: {color:links};
}

#wrapper #content .post .copy a:hover {
color: {color:background};
}

#wrapper #content .post .copy p {
margin: 10px 0 0 0;
padding: 0;
}

#wrapper #content .post .copy pre {
margin: 10px 0px 10px 0px;
padding: 10px;
background-color: #e6e6e6;
font: normal 11px Courier, monospace;
overflow: auto;
}

#wrapper #content .post .copy > p:first-child {
margin-top: 0;
}

#wrapper #content .post .copy img {
max-width: 100%;
}

#wrapper #content .post .audio {
background: {color:color1};
float: left;
padding: 10px;
margin-left:25px;
margin-bottom:10px;
width:430px;
}

#wrapper #content .post .audio .player {
height:27px;
width:27px;
overflow:hidden;
position:absolute;
top:55px;
left:80px;
}

#wrapper #content .post .audio .player .audio_player embed {
}

#wrapper #content .post .audio .meta {
margin-top:25px;
margin-left:120px;
color: #666;
font-family: {font:Accent};
font-size: 12px;

}

#wrapper #content .post .audio .meta a {
color: #666;
text-decoration: none;
}

#wrapper #content .post .album_art {
float:left;
width:100px;
height:100px;
display:inline;
background-image: url('http://static.tumblr.com/nyr6guj/dsFmeqa2s/ayy.png')
}

#wrapper #content .post .question {
color: #494949;
font-size: 16px;
font-weight: bold;
background: {color:color1};
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 0 0 15px 0;
padding: 15px 20px;
position: relative;
}

#wrapper #content .post .question .nipple {
width:0px;
height:0px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid {color:color1};
font-size:0px;
line-height:0px;
position: absolute;
bottom: -7px;
left: 30px;
}

#wrapper #content .post .asker_container {
margin: 0 0 20px 24px;
}

#wrapper #content .post .asker_container img {
margin: 0 12px -7px 0;
}

#wrapper #content .post .asker_container a.asker {
color: {color:Body};
}

#wrapper #content .post .title {
color: #494949;
font-size: 16px;
font-weight: bold;
padding: 10px 10px 0 10px;
}

#wrapper #content .post img {
max-width: 500px;
}

#wrapper #content .post .chat {
background-color: #fff;
border: 3px solid {color:color1};
margin: 10px 10px 0 10px;
font-size: 14px;
}

#wrapper #content .post .chat .lines {
}

#wrapper #content .post .chat .lines .line {
background-color: {color:color1};
color: #494949;
padding: 3px 5px;
}

#wrapper #content .post .chat .lines .line.even {
background-color: {color:Post};
}

#wrapper #content .post .link {
margin: 4px 0 15px 10px;
font-size: 16px;
line-height: 25px;
}

#wrapper #content .post .link a {
background-color: {color:Background};
color: #fff;
padding: 5px 7px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

#wrapper #content .post .link a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#wrapper #content .post .footer {
background: {color:color1} url('{image:bg1}');
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: {font:Accent};
font-size: 11px;
color: {color:text};
padding: 3px 10px;
margin-top: 5px;
}

#wrapper #content .post .footer .date {
width: 67%;
float: left;
color: {color:text};
}

#wrapper #content .post .footer .notes {
width: 33%;
float: right;
text-align: right;
color: {color:text};
}

#wrapper #content .post .footer .notes a {
color: {color:text};
}

#wrapper #content .post .footer .tags a {
color: {color:links};
text-decoration: none;
}

#wrapper #content .post .footer .tags a:hover {
color: {color:background};
text-decoration: none;
}

#wrapper #content .post .footer .tags .tag-commas:last-child {
display: none;
}

#wrapper #content .post .footer.with_source_url .tags {
max-width: 330px;
float: left;
}

#wrapper #content .post .footer.with_source_url .source_url {
float: right;
max-width: 160px;
overflow: hidden;
white-space: nowrap;

}

#wrapper #content .post .footer.with_source_url .source_url img {
vertical-align: top;
-moz-opacity: 0.5;
opacity: 0.5;
}

#wrapper #content .post .footer.with_source_url .source_url:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
}

#wrapper #content .post a {
color: {color:links};
text-decoration: none;
}

#wrapper #content .post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;
border-left: solid 4px #dcdcdc;
border-color:{color:color1};
}

#wrapper #content .bottom {
width: 513px;
height: 40px;
margin: 0 auto;
}

#wrapper #navigation {
float:left;
position:fixed;
text-align: right;
padding-bottom: 35px;
text-transform: lowercase;
margin-top: 30px;
}

#wrapper #navigation a {
font-size:10px;
background: {color:color1} url('{image:bg1}');
color: {color:Background};
padding: 5px 10px;
text-decoration: none;
margin: 30px;
}

#wrapper #navigation a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#wrapper #navigation.jump_pagination {}

#wrapper #navigation.jump_pagination a {
margin: 3px;
background: {color:Post} url('{image:bg1}');
}

#wrapper #navigation.jump_pagination .current_page {
font-size:10px;
color: {color:Background};
background-color: {color:color1};
padding: 5px 8px;
margin: 0 0 0 4px;
cursor: default;
}

#wrapper #navigation.jump_pagination .jump_page {}

#wrapper #content .post .notecontainer {
background: {color:color1} url('{image:bg1}');
font-family: {font:Accent};
font-size: 11px;
color: {color:text};
margin-top: 10px;
margin-bottom: -10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#wrapper #content .post .notecontainer a {
color: {color:links};
text-decoration: none;
}

#wrapper #content .post .notecontainer ol.notes {
padding: 10px;
list-style-type: none;
font-size: 11px;
}

#wrapper #content .post .notecontainer ol.notes li.note {
padding: 10px 10px 0 10px;
}

#wrapper #content .post .notecontainer ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

#wrapper #content .post .notecontainer ol.notes li.note span.action {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note .answer_content {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote {
border-left: 2px solid #666;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote a {
text-decoration: none;
}

#wrapper #sidebar {
width: 250px;
float: left;
position:fixed;
border: 5px solid {color:color1};
color: {color:Background};
font-family: {font:Accent};
}

#wrapper #sidebar a {
color: {color:links};
}

#wrapper #sidebar #top {
background: {color:Post} {block:IfSidebarBg}url('{image:bg1}'){/block:IfSidebarBg};
padding: 10px;
}

#wrapper #sidebar #top #description {
font-size: 11px;
position: relative;
top: -18px;
}

#wrapper #sidebar #top #description a {
color: {color:links};
text-decoration: none;
}

#wrapper #sidebar #top #description a:hover {
color: {color:background};
text-decoration: none;
}

#wrapper #sidebar #top .heading {
color: #fff;
font-family: helvetica, arial, sans-serif;
font-size: 17px;
margin-top: 20px;
padding: 10px;
background: {color:Background};
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#wrapper #sidebar #top a .heading {
color: #fff;
text-decoration: none;
}

#wrapper #sidebar #top .content {
margin-top: 2px;
padding: 7px 10px;
background: #eaeaea;
color: #666;
font-size: 11px;
overflow: auto;
}

#wrapper #sidebar #top a {
text-decoration: none;
}

#buttons {
font-size:10px;
letter-spacing:-1px;
width:95%;
line-height:18px;
background-color:{color:color1};
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#buttons{
color:{color:links};
}

.links {
display:inline;
margin-left:2px;
}

.links a:hover{
color:{color:background} !important;
}

.reblog {
display:inline;
}
.reblog:hover {
color:{color:links} !important;
}

#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px;}

</style>
<!--[if lt IE 7.]>
<style type="text/css">
#wrapper #sidebar #bottom {
background: transparent;
}

#wrapper #sidebar #top #avatar {
background: none;
}

#wrapper #sidebar #top #avatar img {
border: 5px solid #f1f1f1;
}

#wrapper #sidebar #top .heading#followontumblr {
background-image: none;
text-indent: 0;
}

#wrapper #sidebar #top .heading#twitter {
background-image: none;
}

#wrapper #sidebar #top .heading#following {
background-image: none;
}

#wrapper #content .post .audio .player {
float: none;
}

#wrapper #content .post .audio .meta {
display: none;
float: none;
}
</style>
<![endif]-->

<!--[if lt IE 8.]>
<style type="text/css">
#wrapper #content .bottom {
background: transparent;
}

#wrapper #content .post .footer {
background: transparent;
color: #000;
}

#wrapper #content .post .audio {
float: none;
background: transparent;
}

#wrapper #content .post .notecontainer .notes {
padding: 0;
margin: 0;
}
</style>
<![endif]-->
<style type="text/css">{CustomCSS}</style>

<style>
.my-like {
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}
.my-liked, .my-like:hover {
    color:{color:links};
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}
</style>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
    var myLike = event.target;
    if( myLike.className.indexOf( 'my-like' ) > -1 ) {
        var frame = document.getElementById( 'my-like-frame' ),
            liked = ( myLike.className == 'my-liked' ),
            command = liked ? 'unlike' : 'like',
            reblog = myLike.getAttribute( 'data-reblog' ),
            id = myLike.getAttribute( 'data-id' ),
            oauth = reblog.slice( -8 );
        frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
        liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
    };
}, false );
};
</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script><script src='http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js'></script><a href='javascript:;' id='scrollToTop'><img src='{image:ScrollToTop}' border='0'></a>

</head>
<body>

<div id="whole" style="width:100%; height:100%;"></div>

<div id="wrapper">

<div id="content">

{block:Posts}

<div class="post">
{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Video}
<div class="media">{Video-500}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}<div class="audio">
<div class="album_art">
{block:AlbumArt}<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" width="100px"
height="100px"/>{/block:AlbumArt}
<div class="player">{AudioPlayerWhite}</div></div>
<div class="meta">
{block:Artist}{Artist}{/block:Artist} —
{block:TrackName}{TrackName}{/block:TrackName}<br>
{PlayCountWithLabel}
{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Quote}
<div class="quote {Length}">{Quote}</div>
<div class="copy">
<div class="quotebg">“</div>
{block:Source}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:20px;">&mdash;</td>
<td valign="top" class="quote_source">
{Source}
</td>
</tr>
</table>
{/block:Source}
</div>
{/block:Quote}

{block:Text}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">{Body}</div>
{/block:Text}

{block:Answer}
<div class="question">
<div class="nipple"></div>
{Question}
</div>
<div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
<div class="copy">{Answer}</div>
{/block:Answer}

{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chat">
<div class="lines">
{block:Lines}
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
{/block:Lines}
</div>
</div>
<div class="clear"></div>
<div style="height:10px;"></div>
{/block:Chat}

{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
{block:Description}<div class="copy">{Description}</div>{/block:Description}
{/block:Link}

{block:Date}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">
{block:Reblog}
<span style="text-transform:lowercase;">reblogged {TimeAgo} from <a href='{ReblogParentURL}'>{ReblogParentName}</a> {block:RebloggedFromReblog}</span>{/block:RebloggedFromReblog}
{/block:Reblog}
{block:NotReblog}
<span style="text-transform:lowercase;">posted {TimeAgo} on {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</span>
{/block:NotReblog}
</div>
<div class="notes">
<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}">like<br></div>
<div class="reblog"><a href="{ReblogURL}">reblog</a></div> <a href="{Permalink}">{block:NoteCount}&bull;{NoteCount} {text:NoteCount}{/block:NoteCount}</a></div>
<div class="clear"></div>
</div>
</a>
{/block:Date}

<div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
display:none;
{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
{block:PermalinkPage}{block:ContentSource}display:block;{/block:ContentSource}{/block:PermalinkPage}
">
{block:IfShowTags}
{block:HasTags}<div class="tags">tags: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}</div>{/block:HasTags}
{/block:IfShowTags}

{block:ContentSource}
<a href="{SourceURL}" class="source_url">
{lang:Source}:
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}

<div class="clear"></div>
</div>

{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

</div>

{/block:Posts}

</div>

<div id="sidebar">
<div id="top"><center>{block:IfRemoveTitle}{/block:IfRemoveTitle}
{block:IfNotRemoveTitle}<div id="title" style="margin-bottom:5px;"><a href="/">{Title}</a></div>{/block:IfNotRemoveTitle}
<div id="description"><br>{Description}</div>
<div id="buttons">
{block:AskEnabled}<div class="links"><a href="/ask">ask</a></div>{/block:AskEnabled}
{block:SubmissionsEnabled}<div class="links"><a href="/submit">submit</a></div>{/block:SubmissionsEnabled}
{block:IfLinks}<div class="links"><a href="{text:url1}">{text:link1}</a></div>
<div class="links"><a href="{text:url2}">{text:link2}</a></div>
<div class="links"><a href="{text:url3}">{text:link3}</a></div>{/block:IfLinks}
<div class="links"><a href="archive">archive</a></div>
</div>

</center>
</div>

{block:IfNotInfiniteScroll}
{block:Pagination}
<div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
{block:PreviousPage}<a href="{PreviousPage}">&larr; newer</a>{/block:PreviousPage}

{block:IfEnableJumpPagination}
{block:JumpPagination length="3"}
{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:IfEnableJumpPagination}

{block:NextPage}<a href="{NextPage}">older &rarr;</a>{/block:NextPage}
</div>
{/block:Pagination}
{/block:IfNotInfiniteScroll}

</div>
</div>

<div id="bottomimage" style="position:fixed; bottom:0px;z-index:-1;"><img src="{image:bottom}"></div>

</body>
</html>

Temayı önizleme yapmak için tıklayın.

Diğer temalara bakmak için tıklayın.

Tumblr Like & Reblog Butonlu Redux Teması

Like Reblog Butonlu Redux Teması

Merhaba Tumblr kullanıcıları. Bu yazımızda sizler için hazırlamış olduğumuz like ve reblog butonlu redux temasını paylaşacağız.

Bildiğimiz üzere şüphesiz ki redux teması, Tumblr’da en çok kullanılan temalar arasındadır. Bunun sebebi ise bariz çok kullanışlı ve göze hoş gelmesidir. Biz bu kullanışlılığını bir tık daha arttırarak temaya like ve reblog butonlarını ekledik. Tabii ki sadece eklediklerimiz bununla sınırlı değil. Çok olmasa da eklediğimiz özellikleri sıralayalım.

  • Like ve reblog butonu.
  • Menüyü sağ ve sol tarafa alma özelliği.
  • Sayfayı sonsuz kaydırma.
  • İstediğiniz her kısmın rengini panelden ayarlayabilme.

Temayı kullanmanız için yapmanız gereken tek şey, altta vermiş olduğumuz kodları bloğunuzun kişiselleştir kısmından bulunan “html’i düzenle” butonuna basarak, karşınıza gelen alana yapıştırmanızdır.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
Like & Reblog butonlu Redux Teması
www.mumya.net
--> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!-- DEFAULT VARIABLES -->
    <meta name="color:Arkaplan" content="#3b627e" />
    <meta name="color:Metin" content="#3b627e" />
    <meta name="color:PostAlti" content="#3b627e" />
    <meta name="color:PostAltiYazilar" content="#ffffff" />

    <meta name="text:Oval" content="">
    <meta name="font:Title" content="Arial" />
    <meta name="font:Body" content="Arial" />
    <meta name="font:Accent" content="Lucida Sans" />

   <meta name="if:Sidebar" content="1" />
    <meta name="if:Sonsuzluk" content="0" />
    <meta name="if:Show Tags" content="1" />
    <meta name="if:Show Album Art on Audio Posts" content="1" />
    <meta name="if:Enable Jump Pagination" content="0" />

    <meta name="text:Disqus Shortname" content="" />

    <meta name="image:Header" content="" />
    <meta name="image:Arkaplan" content="" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
     {block:IfSonsuzluk}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
 {/block:IfSonsuzluk}

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>

<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
    var myLike = event.target;
    if( myLike.className.indexOf( 'my-like' ) > -1 ) {
        var frame = document.getElementById( 'my-like-frame' ),
            liked = ( myLike.className == 'my-liked' ),
            command = liked ? 'unlike' : 'like',
            reblog = myLike.getAttribute( 'data-reblog' ),
            id = myLike.getAttribute( 'data-id' ),
            oauth = reblog.slice( -8 );
        frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
        liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
    };
}, false );
};
</script>
    <style type="text/css">
        body {
            background: {color:Arkaplan} url('{image:Arkaplan}') top left fixed repeat;
            margin: 0;
            padding: 0;
            font-family: {font:Body};
        }

        .clear {
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        a img {
            border: none;
        }

        #wrapper {
            width: 845px;
            margin: 0 auto;
        }

            #wrapper #title {
                margin: 30px 0;
                color: #fff;
                font-size: 50px;
                font-weight: bold;
                font-family: {font:Title};
                text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
                letter-spacing: -1px;
            }

                #wrapper #title a {
                    color: #fff;
                    text-decoration: none;
                }

            #wrapper #content {
                width: 520px;
                {block:IfSidebar}  float: left;  {/block:IfSidebar}  {block:IfNotSidebar}   float: right;   {/block:IfNotSidebar}
            }

                #wrapper #content .post {
                    font-family: {font:Body};
                    background: #fff;
                    padding: 10px;
                    position: relative;
                               -webkit-border-top-left-radius: {text:Oval}px;
                        -webkit-border-top-right-radius: {text:Oval}px;
                        -moz-border-radius-topleft: {text:Oval}px;
                        -moz-border-radius-topright: {text:Oval}px;
                        border-top-left-radius: {text:Oval}px;
                        border-top-right-radius: {text:Oval}px;
                                -webkit-border-bottom-left-radius: {text:Oval}px;
                        -webkit-border-bottom-right-radius: {text:Oval}px;
                        -moz-border-radius-bottomleft: {text:Oval}px;
                        -moz-border-radius-bottomright: {text:Oval}px;
                        border-bottom-left-radius: {text:Oval}px;
                        border-bottom-right-radius: {text:Oval}px;
                }

                    #wrapper #content .post .media {
                        text-align: center;
                        margin-bottom: 10px;
                    }

                    #wrapper #content .post .quotebg {
                        font-family: georgia, serif;
                        font-size: 150px;
                        color: {color:Metin};
                        opacity: 0.2;
                        filter: alpha(opacity=20);
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
                        position: absolute;
                        top: 70px;
                        left: 10px;
                    }

                    #wrapper #content .post .quote {
                        color: {color:Metin};
                        font-weight: bold;
                        padding: 20px 20px 5px 20px;
                    }

                    #wrapper #content .post .quote.short {
                        font-size: 33px;
                        line-height: 35px;
                    }

                    #wrapper #content .post .quote.medium {
                        font-size: 25px;
                        line-height: 28px;
                    }

                    #wrapper #content .post .quote.long {
                        font-size: 18px;
                        line-height: 22px;
                    }

                        #wrapper #content .post .quote_source *:first-child {
                            margin-top: 0px;
                        }

                        #wrapper #content .post .quote_source *:last-child {
                            margin-bottom: 0px;
                        }

                        #wrapper #content .post .quote *:first-child {
                            margin-top: 0px;
                        }

                        #wrapper #content .post .quote *:last-child {
                            margin-bottom: 0px;
                        }

                    #wrapper #content .post .copy {
                        color: #6e7173;
                        padding: 10px;
                        font-size: 13px;
                        line-height: 15px;
                    }

                        #wrapper #content .post .copy a {
                            color: #6e7173;
                            text-decoration: underline;
                        }

                        #wrapper #content .post .copy p {
                            margin: 10px 0 0 0;
                            padding: 0;
                        }

                        #wrapper #content .post .copy pre {
                            margin: 10px 0px 10px 0px;
                            padding: 10px;
                            background-color: #e6e6e6;
                            font: normal 11px Courier, monospace;
                            overflow: auto;
                        }

                        #wrapper #content .post .copy > p:first-child {
                            margin-top: 0;
                        }

                        #wrapper #content .post .copy img {
                            max-width: 100%;
                        }

                    #wrapper #content .post .audio {
                        background: #eaeaea;
                        float: left;
                        padding: 7px;
                        margin-bottom: 10px;
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        border-radius: 4px;
                    }

                        #wrapper #content .post .audio .player {
                            float: left;
                        }

                            #wrapper #content .post .audio .player .audio_player embed {
                                border: 1px solid #c8c8c8;
                            }

                        #wrapper #content .post .audio .meta {
                            padding: 8px 13px;
                            height: 13px;
                            float: left;
                            color: #666;
                            font-family: {font:Accent};
                            font-size: 11px;
                            text-transform: lowercase;
                        }

                            #wrapper #content .post .audio .meta a {
                                color: #666;
                                text-decoration: none;
                            }

                    #wrapper #content .post .album_art {
                        text-align: center;
                    }

                    #wrapper #content .post .question {
                        color: #494949;
                        font-size: 16px;
                        font-weight: bold;
                        background: #f1f1f1;
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                        border-radius: 8px;
                        margin: 0 0 15px 0;
                        padding: 15px 20px;
                        position: relative;
                    }

                        #wrapper #content .post .question .nipple {
                            width: 13px;
                            height: 7px;
                            background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
                            position: absolute;
                            bottom: -7px;
                            left: 30px;
                        }

                    #wrapper #content .post .asker_container {
                        margin: 0 0 20px 24px;
                    }

                        #wrapper #content .post .asker_container img {
                            margin: 0 12px -7px 0;
                        }

                        #wrapper #content .post .asker_container a.asker {
                            color: {color:Body};
                        }

                    #wrapper #content .post .title {
                        color: #494949;
                        font-size: 16px;
                        font-weight: bold;
                        padding: 10px 10px 0 10px;
                    }

                    #wrapper #content .post img {
                      max-width: 500px;
                    }

                    #wrapper #content .post .chat {
                        background-color: #fff;
                        border-left: 5px solid #dedddd;
                        margin: 10px 10px 0 10px;
                        font-size: 14px;
                    }

                        #wrapper #content .post .chat .lines {
                            margin-left: 1px;
                        }

                            #wrapper #content .post .chat .lines .line {
                                background-color: #eaeaea;
                                color: #494949;
                                margin-bottom: 1px;
                                padding: 3px 5px;
                            }

                            #wrapper #content .post .chat .lines .line.even {
                                background-color: #dedddd;
                            }

                        #wrapper #content .post .link {
                            margin: 4px 0 2px 0;
                            font-size: 16px;
                            line-height: 25px;
                        }

                            #wrapper #content .post .link a {
                                background-color: {color:Metin};
                                color: #fff;
                                padding: 5px 7px;
                                -moz-border-radius: 4px;
                                -webkit-border-radius: 4px;
                                border-radius: 4px;
                            }

                            #wrapper #content .post .link a:hover {
                                opacity: 0.9;
                                filter: alpha(opacity=90);
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                            }

                    #wrapper #content .post .footer {
                        background: {color:PostAlti};
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        border-radius: 4px;
                        font-family: {font:Accent};
                        font-size: 11px;
                        color: {color:PostAltiYazilar};
                        padding: 5px 10px;
                        margin-top: 10px;
                    }

                        #wrapper #content .post .footer.for_permalink:hover {

                        }

                        #wrapper #content .post .footer .date {
                            width: 67%;
                            float: left;
                                 color: {color:PostAltiYazilar};
                        }

                        #wrapper #content .post .footer .notes {
                            width: 33%;
                            float: right;
                            text-align: right;
                               color: {color:PostAltiYazilar};
                        }

                            #wrapper #content .post .footer .notes a {
                                    color: {color:PostAltiYazilar};
                            }

                            #wrapper #content .post .footer .tags a {
                                     color: {color:PostAltiYazilar};
                                text-decoration: underline;
                            }

                                #wrapper #content .post .footer .tags .tag-commas:last-child {
                                    display: none;
                                }

                            #wrapper #content .post .footer.with_source_url .tags {
                                max-width: 330px;
                                float: left;
                            }

                            #wrapper #content .post .footer.with_source_url .source_url {
                                float: right;
                               color: {color:PostAltiYazilar};
                                max-width: 160px;
                                overflow: hidden;
                                white-space: nowrap;

                            }

                                #wrapper #content .post .footer.with_source_url .source_url img {

                                }

                                #wrapper #content .post .footer.with_source_url .source_url:hover img {

                                }

                        #wrapper #content .post a {
                            color: #6e7173;
                            text-decoration: none;
                        }

                            #wrapper #content .post .copy blockquote {
                                margin: 10px 0px 10px 10px;
                                padding-left: 15px;
                                border-left: solid 4px #dcdcdc;
                            }

                                #wrapper #content .post .copy blockquote blockquote {
                                    border-left: solid 4px #cccccc;
                                }

                                    #wrapper #content .post .copy blockquote blockquote blockquote {
                                        border-left: solid 4px #bcbcbc;
                                    }

                                        #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
                                            border-left: solid 4px #acacac;
                                        }

                                            #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
                                                border-left: solid 4px #9c9c9c;
                                            }

                                                #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
                                                    border-left: solid 4px #8c8c8c;
                                                }

                        #wrapper #content .bottom {
                            background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
                            width: 513px;
                            height: 40px;
                            margin: 0 auto;
                        }

                        #wrapper #content #navigation {
                            text-align: right;
                            padding-bottom: 35px;
                            text-transform: lowercase;
                        }

                            #wrapper #content #navigation a {
                                background-color: #fff;
                                color: {color:Metin};
                                padding: 5px 10px;
                                text-decoration: none;
                                margin-left: 25px;
                            }

                            #wrapper #content #navigation a:hover {
                                opacity: 0.9;
                                filter: alpha(opacity=90);
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                            }

                        #wrapper #content #navigation.jump_pagination {}

                            #wrapper #content #navigation.jump_pagination a {
                                margin: 0 0 0 4px;
                            }

                            #wrapper #content #navigation.jump_pagination .current_page {
                                color: #fff;
                                background-color: rgba(255,255,255, 0.1);
                                border: 2px solid #fff;
                                padding: 3px 8px;
                                margin: 0 0 0 4px;
                                cursor: default;
                            }

                            #wrapper #content #navigation.jump_pagination .jump_page {}

                            #wrapper #content .post .notecontainer {
                                background: #eaeaea;
                                -moz-border-radius: 4px;
                                -webkit-border-radius: 4px;
                                border-radius: 4px;
                                font-family: {font:Accent};
                                font-size: 11px;
                                color: #666;
                                margin-top: 10px;
                                margin-bottom: -10px;
                            }

                                    #wrapper #content .post .notecontainer a {
                                        color: #666;
                                        text-decoration: underline;
                                    }

                                    #wrapper #content .post .notecontainer ol.notes {
                                        padding: 0px 0 10px 0;
                                        list-style-type: none;
                                        font-size: 11px;
                                    }

                                        #wrapper #content .post .notecontainer ol.notes li.note {
                                            padding: 10px 10px 0 10px;
                                        }

                                            #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
                                                vertical-align: -4px;
                                                margin-right: 10px;
                                                width: 16px;
                                                height: 16px;
                                            }

                                            #wrapper #content .post .notecontainer ol.notes li.note span.action {
                                                font-weight: normal;
                                            }

                                            #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
                                                font-weight: normal;
                                            }

                                            #wrapper #content .post .notecontainer ol.notes li.note blockquote {
                                                border-left: 2px solid #666;
                                                padding: 4px 10px;
                                                margin: 10px 0px 0px 25px;
                                            }

                                                #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
                                                    text-decoration: none;
                                                }

                #wrapper #content #searchresults {
                    color: #fff;
                    margin: 0 0 15px 0;
                    text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
                    font-family: {font:Body};
                    font-size: 20px;
                }

                    #wrapper #content #searchresults .search_query {
                        font-weight: bold;
                    }

                    #wrapper #content #searchresults .search_query:before {
                        content:'“';
                    }

                    #wrapper #content #searchresults .search_query:after {
                        content:'”';
                    }

            #wrapper #sidebar {
                width: 250px;
                 {block:IfSidebar}  float: right;  {/block:IfSidebar}  {block:IfNotSidebar}   float: left;   {/block:IfNotSidebar}
                color: {color:Metin};
                font-family: {font:Accent}
            }

                #wrapper #sidebar a {
                    color: {color:Metin};
                }

                #wrapper #sidebar #top {
                    background: #fff;
                    padding: 0 20px;

                    -webkit-border-top-left-radius: 10px;
                    -webkit-border-top-right-radius: 10px;
                    -moz-border-radius-topleft: 10px;
                    -moz-border-radius-topright: 10px;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                    -webkit-border-bottom-left-radius: 10px;
                    -webkit-border-bottom-right-radius: 10px;
                    -moz-border-radius-bottomleft: 10px;
                    -moz-border-radius-bottomright: 10px;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                }

                    #wrapper #sidebar #top #avatar {
                        width: 146px;
                        height: 146px;
                        padding: 8px 0 0 9px;
                        background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;
                        position: relative;
                        top: -24px;
                        left: -5px;
                    }

                    #wrapper #sidebar #top #pages {
                        margin-bottom: 15px;
                        font-size: 12px;
                    }

                        #wrapper #sidebar #top #pages.ask_and_submit {
                            display: none;
                            {block:AskEnabled}display: block;{/block:AskEnabled}
                            {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
                        }

                        #wrapper #sidebar #top #pages a.page {
                            display: block;
                            float: left;
                            background-color: {color:Metin};
                            color: #fff;
                            padding: 4px 5px;
                            margin: 0 5px 5px 0;
                            -webkit-border-radius: 3px;
                            -moz-border-radius: 3px;
                            border-radius: 3px;
                        }

                        #wrapper #sidebar #top #pages a.page:last-child {
                            margin-right: 0;
                        }

                        #wrapper #sidebar #top #pages a.page:hover {
                            opacity: 0.9;
                            filter: alpha(opacity=90);
                            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                        }

                    #wrapper #sidebar #top #description {
                        font-size: 11px;
                        position: relative;
                        top: -18px;
                    }

                        #wrapper #sidebar #top #description a {
                            color: {color:Metin};
                            text-decoration: underline;
                        }

                    #wrapper #sidebar #top #search {
                        background: #fff;
                        border: 1px solid {color:Metin};

                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        border-radius: 4px;
                    }

                    #wrapper #sidebar #top #search-scope {
                        padding-top: 5px;
                        font-size: 11px;
                        text-align: center;
                    }

                        #wrapper #sidebar #top #search-scope input,
                        #wrapper #sidebar #top #search-scope label {
                            cursor: pointer;
                        }

                        #wrapper #sidebar #top #search form {
                            margin: 0;
                        }

                            #wrapper #sidebar #top #search form .query {
                                padding: 5px;
                                border: none;
                                background: transparent;
                                outline: none;
                                width: 125px;
                                float: left;
                                color: {color:Metin};
                            }

                            #wrapper #sidebar #top #search form .submit {
                                background: {color:Metin};
                                color: #fff;
                                border: none;
                                padding: 5px 7px;
                                margin: 3px 3px 2px 0;
                                float: right;
                                -moz-border-radius: 3px;
                                -webkit-border-radius: 3px;
                                border-radius: 3px;
                                cursor: pointer;
                            }

                            #wrapper #sidebar #top #search form .submit:hover {
                                opacity: 0.9;
                                filter: alpha(opacity=90);
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                            }

                    #wrapper #sidebar #top .heading {
                        color: #fff;
                        font-family: helvetica, arial, sans-serif;
                        font-size: 17px;
                        margin-top: 20px;
                        padding: 10px;
                        background-color: {color:Metin};
                        -webkit-border-top-left-radius: 4px;
                        -webkit-border-top-right-radius: 4px;
                        -moz-border-radius-topleft: 4px;
                        -moz-border-radius-topright: 4px;
                        border-top-left-radius: 4px;
                        border-top-right-radius: 4px;
                    }

                    #wrapper #sidebar #top a .heading {
                        color: #fff;
                        text-decoration: none;
                    }

                    #wrapper #sidebar #top .heading#followontumblr {
                        background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_US.png') center left no-repeat {color:Metin};
                        text-indent: -9999px;
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        border-radius: 4px;

                        {block:German}
                            background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-de_DE.png');
                        {/block:German}

                        {block:Japanese}
                            background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-ja_JP.png');
                        {/block:Japanese}

                        {block:Italian}
                            background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-it_IT.png');
                        {/block:Italian}

                        {block:French}
                            background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-fr_FR.png');
                        {/block:French}
                    }

                    #wrapper #sidebar #top .heading#followontumblr:hover,
                    #wrapper #sidebar #top .heading#twitter:hover {
                        opacity: 0.9;
                        filter: alpha(opacity=90);
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                    }

                    #wrapper #sidebar #top .heading#twitter {
                        background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat {color:Metin};
                    }

                    #wrapper #sidebar #top .heading#following {
                        background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat {color:Metin};
                    }

                    #wrapper #sidebar #top .content {
                        margin-top: 2px;
                        padding: 7px 10px;
                        background: #eaeaea;
                        color: #666;
                        font-size: 11px;
                        overflow: hidden;
                    }

                        #wrapper #sidebar #top a {
                            text-decoration: none;
                        }

                        #wrapper #sidebar #top #following-avatars.content {
                            padding: 4px;
                        }

                                #wrapper #sidebar #top #following-avatars.content a img {
                                    margin: 5px;
                                }

                        #wrapper #sidebar #top #buttons {
                            padding: 20px 0 0 0;
                        }

                            #wrapper #sidebar #top #buttons .button {
                                width: 35%;
                                height: 21px;
                                float: left;
                                background: left center no-repeat transparent;
                                padding: 2px 0 0 30px;
                                font-size: 14px;
                            }

                                #wrapper #sidebar #top #buttons a {
                                    color: {color:Metin};
                                    text-decoration: none;
                                }

                                #wrapper #sidebar #top #buttons div {
                                    padding-bottom: 10px;
                                }

                            #wrapper #sidebar #top #buttons .button#button-rss {
                                background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
                                text-transform: capitalize;
                            }

                            #wrapper #sidebar #top #buttons .button#button-random {
                                background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
                            }

                            #wrapper #sidebar #top #buttons .button#button-archive {
                                background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
                            }

                            #wrapper #sidebar #top #buttons .button#button-mobile {
                                background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
                            }

                    #wrapper #sidebar #bottom {
                        background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
                        width: 250px;
                        height: 25px;
                    }

                    #wrapper #sidebar #copyright {
                        text-align: center;
                        color: #fff;
                        font-size: 12px;
                        margin-bottom: 10px;
                    }

                        #wrapper #sidebar #copyright a {
                            color: #fff;
                            margin-left: 15px;
                        }
    .my-like {
         background-image: url(http://25.media.tumblr.com/tumblr_m9s80acNlS1rcftf8o1_100.png) !important;
         height:20px; 
         width:21px;
         cursor:pointer;
          margin-right:2px;
         display:inline-block;
         vertical-align:top;
        }

       .my-liked, .my-like:hover {
            background-image: url(http://25.media.tumblr.com/tumblr_m9s80acNlS1rcftf8o1_100.png) !important;
         background-position:center bottom  !important;
        height:20px; 
         width:21px;
         cursor:pointer;
         margin-right:2px;
         display:inline-block;
         vertical-align:top;
        }

        .rebloger {
         background-image: url(http://25.media.tumblr.com/tumblr_m9s99pYA2G1rcftf8o1_100.png) !important;
       height:20px; 
         width:24px;
         cursor:pointer;
         display:inline-block;

         vertical-align:top;
        }

        .rebloger:hover {
      background-position:center bottom  !important;
        height:20px; 
         width:24px;
         cursor:pointer;
         display:inline-block;
         vertical-align:top;
        }
    </style>
    <!--[if lt IE 7.]>
        <style type="text/css">
            #wrapper #sidebar #bottom {
                background: transparent;
            }

            #wrapper #sidebar #top #avatar {
                background: none;
            }

            #wrapper #sidebar #top #avatar img {
                border: 5px solid #f1f1f1;
            }

            #wrapper #sidebar #top .heading#followontumblr {
                background-image: none;
                text-indent: 0;
            }

            #wrapper #sidebar #top .heading#twitter {
                background-image: none;
            }

            #wrapper #sidebar #top .heading#following {
                background-image: none;
            }

            #wrapper #content .post .audio .player {
                float: none;
            }

            #wrapper #content .post .audio .meta {
                display: none;
                float: none;
            }
        </style>
    <![endif]-->

    <!--[if lt IE 8.]>
        <style type="text/css">
            #wrapper #content .bottom {
                background: transparent;
            }

            #wrapper #content .post .footer {
                background: transparent;
                color: #000;
            }

            #wrapper #content .post .audio {
                float: none;
                background: transparent;
            }

            #wrapper #content .post .notecontainer .notes {
                padding: 0;
                margin: 0;
            }
        </style>
    <![endif]-->
    <style type="text/css">{CustomCSS}</style>
</head>
<body>

    <div id="wrapper">
        <div id="title">
            <a href="/">
                {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
                {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
            </a>
        </div>

        <div id="content">

            {block:SearchPage}
                {block:SearchResults}
                    <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
                {/block:SearchResults}

                {block:NoSearchResults}
                    <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
                {/block:NoSearchResults}
            {/block:SearchPage}
            <div class = "autopagerize_page_element" >
            {block:Posts}
                <div class="post">

                    {block:Photo}
                        <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
                        {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
                    {/block:Photo}

                    {block:Video}
                        <div class="media">{Video-500}</div>
                        {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
                    {/block:Video}

                    {block:Audio}

                        {block:AudioEmbed}
                            {AudioEmbed}
                        {/block:AudioEmbed}

                        {block:AudioPlayer}
                            {block:IfShowAlbumArtOnAudioPosts}
                                {block:AlbumArt}
                                    <div class="album_art">
                                        <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
                                    </div>
                                {/block:AlbumArt}
                            {/block:IfShowAlbumArtOnAudioPosts}

                            <div class="audio">
                                <div class="player">{AudioPlayerWhite}</div>
                                <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
                                <div class="clear"></div>
                            </div>
                        {/block:AudioPlayer}

                        <div class="clear"></div>

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

                    {/block:Audio}

                    {block:Quote}
                        <div class="quote {Length}">{Quote}</div>
                        <div class="copy">
                            <div class="quotebg">“</div>
                            {block:Source}
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td valign="top" style="width:20px;">&mdash;</td>
                                        <td valign="top" class="quote_source">
                                            {Source}
                                        </td>
                                    </tr>
                                </table>
                            {/block:Source}
                        </div>
                    {/block:Quote}

                    {block:Text}
                        {block:Title}<div class="title">{Title}</div>{/block:Title}
                        <div class="copy">{Body}</div>
                    {/block:Text}

                    {block:Answer}
                        <div class="question">
                            <div class="nipple"></div>
                            {Question}
                        </div>
                        <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
                        <div class="copy">{Answer}</div>
                    {/block:Answer}

                    {block:Chat}
                        {block:Title}<div class="title">{Title}</div>{/block:Title}
                        <div class="chat">
                            <div class="lines">
                                {block:Lines}
                                    <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
                                {/block:Lines}
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div style="height:10px;"></div>
                    {/block:Chat}

                    {block:Link}
                        <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
                        {block:Description}<div class="copy">{Description}</div>{/block:Description}
                    {/block:Link}

                    {block:Date}

                            <div class="footer for_permalink">
                                <div class="date">
                                    {lang:Posted TimeAgo from source}
                                </div>
                                <div class="notes">
               <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}">  
  </div><a href="{ReblogURL}"><div class="rebloger" data-reblog="{ReblogURL}" data-id="{PostID}"></div> </a>
{block:NoteCount}

<a href="{Permalink}"><divabc class="reblog_etc" style="width:4px;background-image:url(http://25.media.tumblr.com/tumblr_m92lseAt9j1rcftf8o3_100.png);background-repeat:no-repeat;height:20px;float:right"></divabc>

<divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;background-image:url(http://25.media.tumblr.com/tumblr_m92lseAt9j1rcftf8o2_100.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;position:relative;float:right;" ><span id="<x>note_count_{PostID}">{NoteCount}</span></divabc>

<divabc class="reblog_etc" style="width:4px;background-image:url(http://24.media.tumblr.com/tumblr_m92lseAt9j1rcftf8o1_100.png);background-repeat:no-repeat;height:20px;margin-left:3px;float:right;"></divabc></a>

{/block:NoteCount}
                               {block:IfDisqusShortname}&bull;<a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
                                <div class="clear"></div>
                            </div>

                    {/block:Date}

                    <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
                        display:none;
                        {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
                        {block:ContentSource}display:block;{/block:ContentSource}
                    ">
                        {block:IfShowTags}
                            {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
                        {/block:IfShowTags}

                        {block:ContentSource}
                            <a href="{SourceURL}" class="source_url">
                                {lang:Source}:
                                {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
                                {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
                            </a>
                        {/block:ContentSource}

                        <div class="clear"></div>
                    </div>

                    {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

                    {block:IfDisqusShortname}
                        {block:Permalink}
                            <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
                                <div id="disqus_thread"></div>
                                <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
                                <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
                            </div>
                            <div style="text-align:right; margin-top:5px;">
                                {lang:Blog comments powered by Disqus 2}
                            </div>
                        {/block:Permalink}
                    {/block:IfDisqusShortname}

                </div>
                <div class="bottom"></div>
            {/block:Posts}
            </div> {block:IfNotSonsuzluk}
            {block:Pagination}
                <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
                    {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}

                    {block:IfEnableJumpPagination}
                        {block:JumpPagination length="5"}
                            {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:IfEnableJumpPagination}

                    {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
                </div>
            {/block:Pagination}
             {block:IfNotSonsuzluk}
        </div>

        <div id="sidebar">
            <div id="top">
                <div id="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div>
                <div id="description">{Description}</div>

                <div id="pages" class="ask_and_submit">
                    {block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
                    {block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
                    <div class="clear"></div>
                </div>

                {block:HasPages}
                    <div id="pages">
                        {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
                        <div class="clear"></div>
                    </div>
                {/block:HasPages}

                <div id="search">
                    <form action="/search" method="get" id="search-form">
                        <input type="hidden" name="t" value="{Name}" />
                        <input type="hidden" name="scope" value="all_of_tumblr" />
                        <input type="text" name="q" class="query" value="{SearchQuery}" />
                        <input type="submit" value="{lang:Search}" class="submit" />
                        <div class="clear"></div>
                    </form>
                </div>
                <div id="search-scope">
                    <input type="radio" id="search-scope-me" name="scope" checked onclick="document.getElementById('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getElementById('search-form').action='/search'">{lang:My blog}</label>
                    <input type="radio" id="search-scope-all" name="scope" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'">{lang:All of Tumblr}</label>
                </div>

                <a href="http://www.tumblr.com/follow/{Name}"><div class="heading" id="followontumblr">{lang:Follow on Tumblr}</div></a>

                {block:Twitter}
                <div id="twitterwrapper" style="display:none;">
                    <a href="http://twitter.com/{TwitterUsername}" style="text-decoration:none;"><div class="heading" id="twitter">{lang:Latest Tweets}</div></a>
                    <div id="tweetcontainer"></div>
                    <script type="text/javascript">
                        function recent_tweets(data) {
                            document.getElementById("twitterwrapper").style.display = "block";
                            for(i = 0; i < data.length; i++) {
                                document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + (data[i].id_str ? data[i].id_str : data[i].id) + '"><div class="content">' + data[i].text + '</div></a>';
                            }
                        }
                    </script>
                </div>
                {/block:Twitter}

                <div id="buttons">
                    <div class="row">
                        <div class="button" id="button-rss"><a href="{RSS}">{lang:RSS feed}</a></div>
                        <div class="button" id="button-random"><a href="/random">{lang:Random}</a></div>
                    </div>
                    <div class="clear"></div>
                    <div class="row">
                        <div class="button" id="button-archive"><a href="/archive">{lang:Archive}</a></div>
                        <div class="button" id="button-mobile"><a href="/mobile">{lang:Mobile}</a></div>
                    </div>
                    <div class="clear"></div>
                </div>

            </div>

            <div id="copyright">Tema İçin Tıkla: <a href="http://www.mumya.net/tag/tumblr-temalari/">Tumblr Temaları</a></div>
        </div>

        <div class="clear"></div>
    </div> 

    {block:Twitter}
        <script type="text/javascript" src="/tweets.js"></script>
    {/block:Twitter}

    {block:IfDisqusShortname}
        <script type="text/javascript">
            //<![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:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
            })();

            //]]>

</script>
    {/block:IfDisqusShortname}
        <script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

</body>
</html>

Bu kodu yapıştırdıktan sonra temanızı görebilirsiniz. İstediğiniz değişiklikleri ve gördüğünüz hataları iletişim sayfamızdan bize iletebilirsiniz. Aynı zamanda tema hakkındaki yorumlarınızı hemen alt kısımda bulunan yorum alanından gönderebilirsiniz.

Tumblr Merdiven Teması

Çok sevilen fakat zor bulunan bir temayı paylaşıyoruz. Merdiven teması… Minimal yapısı ile yazı bloglarının tercih ettiği merdiven temasının kodları hemen alt kısımda bulunuyor.

Tumblr Merdiven Teması

Tema kodları için tıklayın!

Tema paneline analytics kodlarınızı eklemek için kısayol eklendi ve var olan hatalar düzeltildi.

Tema hakkın sorunlarınızı yorum kısmından iletebilirsiniz.

Güle güle kullanın.

Diğer Tumblr temalarına bakmak için tıklayın.

Tumblr Bilgisayar Teması

Tumblr Masaüstü Teması

Merhaba Tumblr kullanıcıları. Bu yazımızda sizlere alışılmışlığın dışında olan bir tema paylaşacağız. Bilgisayar görünümü olan bir tema.

Gayet ilginç, alternatif bir tasarım.

Yüklemek için tıklayınız.

Verdiğimiz kodları Profil > Kişiselleştir > Html’i düzenle kısmına yapıştırıyoruz.

Güle güle kullanın. Soracağınız soruları alt kısımdaki yorum alanından sorabilirsiniz.

–>> Tumblr takipçi sayınızı arttırmanın yollarını öğrenmek için tıklayın!