(FOLLOW MY TUMBLR www.makeyourlifehappyww.tumblr.com)
dan klik ("Theme") atau ("Nice Theme") kalian bisa pilih Tema yang lebih banyak!
Mengganti Tema Tumblr
- Log In Tumblr
- Lalu Masuk Ke Costumize Theme
- Pilih Tema Yang Saya Punya
Tema 1
- Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<!--
THEME BY GLAMOROUS-DREAMS
JQUERY CREDIT GOES TO ASTONALS.TUMBLR.COM
PLEASE DO NOT MOVE THE CREDITS-->
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta name="color:entry background" content="#FFFFFF" />
<meta name="color:text" content="#8A8A8A" />
<meta name="color:links" content="#A2A2A2" />
<meta name="color:links hover" content="#FFFFFF" />
<meta name="color:background links hover" content="#C7C7C7" />
<meta name="color:title" content="#808080" />
<meta name="color:title shadow" content="#F5D5B6" />
<meta name="color:borders" content="#F5D5B6" />
<meta name="color:Bold" content="#EEE5DD" />
<meta name="color:Italics" content="#EEE5DD" />
<meta name="image:Background" content="http://static.tumblr.com/5uvtpxx/9bsm3q9tt/2n8y2ck.png" />
<meta name="image:sidebar" content="http://static.tumblr.com/oct6d4x/Zuvm3q6m0/150.png"/>
<meta name="image:sidebar2" content="http://static.tumblr.com/oct6d4x/3qJm3q6mc/1502.png"/>
<title>{Title}</title>
<link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/coracao_2.gif">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<a href="http://glamorous-dreams.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/oct6d4x/jE8m1xfwi/auto.png" align="right" style="margin-top:18px; margin-right:-5px;"></a>
<style type="text/css">
iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: absolute !important;}
::-webkit-scrollbar {
width: 14px;
height:auto;
background: #ffffff;
border: 1pt solid #f2f2f2;
border-right: 0px;
}
::-webkit-scrollbar-corner {
background: #f6f6f6;
border-right: 0px;
}
::-webkit-scrollbar-button:vertical {
height: 7px;
display: block;
background: #f9f9f6;
border: 1pt solid #f2f2f2;
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
}
::-webkit-scrollbar-button:horizontal {
width: 7px; display: block; background: #f9f9f6;
}
::-webkit-scrollbar-thumb:vertical {
background:#fff);
border: 1px solid #f2f2f2;
border-right: 0px;f
}
::-webkit-scrollbar-thumb:horizontal {background: #f2f2f2; border: 1px solid #f2f2f2; border-bottom;
}
::-webkit-scrollbar-thumb {
background: #f9f9f6;
border-top: 1pt solid #f2f2f2;
}
::-webkit-scrollbar-thumb:hover {
background: #f9f9f6;
cursor:url("http://www.freewebs.com/cbitwboxes/tiny.cur";);
}
::-webkit-scrollbar-track-piece {
background: #ffffff; border-top: 1pt solid #f2f2f2; border-bottom: 1pt solid #f2f2f2;
}
body{
color: {color:text};
background-image:url({image:Background});
background-color:#fff;
background-postition:center;
background-attachment: fixed;
background-repeat: repeat;
font-family: cambria;
font-size: 11px;
line-height: 11px;
text-align:justify;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
}
A:link, A:visited, A:active{
color: {color:links};
text-decoration:none;
-webkit-transition-duration: 1.0s;
}
A:hover{
color: {color:links hover};
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
Title{
margin-top:5px;
color: {color:title};
text-shadow: 1px 1px 2px {color:title shadow};
font-family: Gabriola;
font-size: 30px;
line-height:80%;
letter-spacing:0px;
font-weight:none;
text-align: center;
display: block;
}
Quotes{
margin-top:5px;
display: block;
font-family: Gabriola;
font-size: 30px;
line-height:80%;
letter-spacing:0px;
font-weight:none;
text-align: center;
color: {color:title};
text-shadow: 1px 1px 2px {color:title shadow};
}
.bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bubble p {margin:1px 0px;}
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
.askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
askk {font-family: Georgia; font-size:15px; z-index:1; color: #808080; font-style: italic;}
big{
color: #886D5B;
font-family: {font:body};
font-size:17px;
line-height:30px;
letter-spacing:-1px;
font-weight:normal;
text-transform:;
margin:0px;
padding:0px;
text-align:left;
}
b {
font-family: cambria;
color: #9E9E9E;
font-weight: bold;
font-size: 11px;
}
i {
color: #9E9E9E;
font-family: cambria;
font-weight: none;
font-size: 11px;
border-bottom: solid 0px ;
}
u{
text-decoration:none;
border-bottom:#d5d0c1 dashed 1px;
}
.content{
margin-left:470px;
margin-top:-10px;
position:absolute;
width:617px;
padding:3px;
background-color: #trans;
{block:permalinkpage}
width:515px;
background-color:#fff;
{/block:permalinkpage}
}
#side{
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
position:fixed;
width:150px;
height:335px;
bottom:60px;
margin-left:100px;
padding:6px;
background-color:#fff;
z-index:9999;
overflow:hidden;
border:1px solid {color:borders};
}
#side img{
position:absolute;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
opacity:.9;
}
#side img:hover{
opacity:0;
margin-left:-150px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
#side2{
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
position:fixed;
width:150px;
height:335px;
bottom:60px;
margin-left:260px;
padding:6px;
background-color:#fff;
z-index:9999;
overflow:hidden;
border:1px solid {color:borders};
}
#side2 img{
position:absolute;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
opacity:.9;
}
#side2 img:hover{
opacity:0;
margin-left:150px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
#musicplayer {
text-align:center;
position:fixed;
left:-60px;
top:-115px;
height: auto;
width: 40px;
padding: 0px;
text-align: center;
-webkit-transition:all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:300;}
#musicplayer:hover {
top:-5px;
}
#music {
margin-top:-10px;
margin-left:130px;
width:70px;
height:120px;
padding:5px;
border: 1px solid #8a8a8a;
background: #fff;
border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;z-index: 9999;
}
#music2 {
font-size:10px;
font-family:century gothic;
line-height:12px;
font-weight: bold;
position:absolute;
top:120px;
left:85px;
height:13px;
width:70px;
padding:5px;
padding-top:7px;
background:#fff;
border-left: 1px solid #8a8a8a;
border-right: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a;
-moz-border-radius-bottom: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
margin-left:45px;
}
.link{
letter-spacing:2px;
font-size: 10px;
line-height:15px;
text-align: center;
width: 70px;
height: 15px;
background-color: #FFFFFF;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
display: inline-block;
margin-top: 4px;
border-bottom:#d5d0c1 dashed 1px;
}
.link:hover {
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
letter-spacing:0px;
background-color: {color:navigate background};
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.entry {
background-color:{color:entry background};
padding:1px;
margin:2px;
overflow-x: hidden;
float:left;
width:300px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:505px;
height:auto;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;
border:1px solid {color:borders};
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.entry:hover{
box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
#entry .perma{
width:auto;
margin-top: 0px;
margin-left:0px;
position: absolute;
overflow:hidden;
opacity: 0.0;
background-color:transparent;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
.per{
position:absolute;
opacity:0;
font-size: 10px;
line-height:20px;
text-align: center;
text-transform:uppercase;
width: auto;
height: 20px;
background-color: #FFFFFF;
-webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
transition: .6s;
display: inline-block;
margin-top:-20px;
margin-left:-15px;
padding-right:5px;
}
.entry:hover .per{opacity: 1; margin-left: 0px; width:295px;}
#notes{
display:block;
width:500px;
float:left;
padding:3px;
margin:5px;
}
#foot{
display:block;
width:500px;
position:absolute;
padding:10px;
height:15px;
bottom:-45px;
border-top: 1px dashed #000000;
_bottom:-55px;
_margin-left:370px;
background-color: #FFFFFF;
#question{
border-bottom:1px solid #ffffff;
overflow:SHOW;
padding-bottom:3px;
margin-bottom:3px;}
.alignleft {float: left;}
.alignright {float: right;}
.right { background-color:; margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }
.totalright {float:right; margin-top:0px;}
#ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px;}
blockquote{ background-color: #E79FBE; padding: 7px; padding-left:8px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
p{margin-top:3px; margin-bottom:3px;}
blockquote img{display:block; width:100%;}
border-left: 2px solid #616161;
padding: 0 0 0 15px;
margin-left: 0px;
blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
a img{border:none;}
.audio{background-color:#C7C7C7; display:block;}
.user_1 .label, .user_4 .label, .user_7 .label {color:#d594af;}
.user_2 .label, .user_5 .label, .user_8 .label {color:#d594af;}
.user_3 .label, .user_6 .label, .user_9 .label {color:#b295a1; opacity:.75;}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
.notes img{width:10px; position:relative; top:1px;}
ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
#description{
float: left;
background-color: #ffffff;
width:217px;
position:relative;
margin-bottom:10px;
-moz-box-shadow: 4px 4px 10px #999;
-webkit-box-shadow: 4px 4px 10px #999;
box-shadow: 4px 4px 10px #999;
}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
#infscr-loading {display:none;}
.navigation{display:none;}
{CustomCSS}
</style>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.content').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 200,
loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
loadingText : "<em></em>",
donetext : "<em></em>" ,
// text displayed when all items have been retrieved
},
// call masonry as a callback.
function() { $('.content').masonry({ appendedContent: $(this) }); }
);
});
</script>
</head>
<body>
<div id="musicplayer">
<div id="music"><center>
<div class="link"><a href="/">refresh</a></div>
<br><div class="link"><a href="/ask">message</a></div>
{block:HasPages} {block:Pages} <br><div class="link"><a href="{URL}">{Label}</a> </div> {/block:Pages} {/block:HasPages}
<br><div class="link"><a href="http://glamorous-dreams.tumblr.com/">credit</a></div>
</center>
</div>
<div id="music2">navigate</div>
</div>
<div id="side">
<img style="border-top-left-radius: 15px; border-bottom-left-radius: 15px;" src="{image:sidebar}" width="150"><br><title>{Title}</title>
<br>{Description}<BR></div>
<div id="side2">
<img style="border-top-right-radius: 15px; border-bottom-right-radius: 15px;" src="{image:sidebar2}" width="150"><br>
hi! how to edit this section: in the theme code, press Ctrl and F and search for hi! then delete these instructions and put your text here. <br><br>blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah.
<BR></div>
{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}
<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2|e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("return false")
// -->
</script>
<!-- IMPORTANT -->
<div class="content">
{block:Posts}<div class="entry">
{block:IndexPage}
{/block:IndexPage}
<div id="title">{block:Text}{block:Title}<title>{Title}</title>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}{block:Link}{/block:Link}{block:Quote}<quotes>"{Quote}"</quotes>{block:Source}{Source}{/block:Source}{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
{block:Text}{Body}{/block:Text}
{block:Photo}<center>{block:IndexPage}<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-400}" width="300" alt="{PhotoAlt}"/></a>
{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
{block:Photoset}<center>{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
{block:Link}<a href="{URL}" class="links2" {Target}>{Name}</a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
{block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
{block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
{block:Answer}
<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><askk>{Asker}</askk>: {Question} </div>{Answer}
{/block:Answer}
{block:IndexPage}
<div class="per"><center> <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div>
{/block:IndexPage}
</div>
{block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
<div id="bottominfo">
Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayofMonth}{/block:Date} {block:RebloggedFrom}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
{block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
{block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
{block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div></div> {/block:Date}{/block:PermalinkPage}
{/block:Posts}
<BR><P>
<center>
</div>
</body>
</html>
4. COPY Code Diatas lalu Paste di Costumize Theme dan Selesai
NB: Lihat Dan Pilih Tema Yang Lebih Bagu disini
0 komentar:
Posting Komentar