☆彡Make Your Own Tmblr Theme Part 1

Assalamualaikum & Hye :)

Ramai yg request Tutorial ni kat Nurin :) "Nurin Mcm mane awk buat Tmblr camtuh" okey, ni Nurin nak ajarlah yer.. pastikan korang ikut step die betul2 pastu barulah korang dapat hasil yg SUPERBB!

  • Pegi Dashboard >> Klik nama Tmblr korang (sebelah Dashboard) >> Customize Theme.

  • Pastuh Korang tekan Edit HTML

  • Korang delete semua code yg ada kat dlm kotak Edit HTML tuh 
 

  • Copy code ni and pastekan dlm kotak tuh :)
<html>
<head>
<title>Your Tmblr Title</title>

<style type="text/css">
#navbar-iframe {display: none;}
body {
background:url(URL Background);
font-family: verdana, tahoma, sans-serif;
background-attachment:fixed;
}
 Blue : Ubah kpd nama Tmblr korang sendiri
Green : Pastekan URL Background yg korang suke :)

  • Lpas tuh, copy code yg ni pulak :
a:link, a:visited {
color:#D8CDAF;
text-decoration:none;
cursor: help;
}
a:hover {
color: #E5DBC0;
cursor: help;
}
Red : warna link
Purple : warna link selepas di-hover

  • Copy code ni & pastekan bwh code atas ni ^ 
.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
.main-title {
color: #696969;
font-style:italic;
font-size:10px;
margin-bottom:2em;
border-bottom:2px solid #FFD5E7;
text-align: right;
}

  •  Korang copy and paste code kat bwh ni & pastekan di bwh code kat atas ni :
    b {
    color: #dedede;
    -webkit-transition-duration: 2s;
    }
     i{
            text-decoration: italic;
            color: #FFD5E7;
            }
    u {
    text-decoration:none;
    -webkit-transition-duration: 2s;
    border-bottom: 2px solid #FFD5E7;
    padding: 0.1px;
    }
    a.cute {
    padding: 2px;
    width: 200px;
    color: #555555;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    border-left: 4px solid #dddddd;
    }
    a.cute:hover {
    background:#ffffff;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    }
    .photo
    {
    border: 3px solid #FFD5E7;
    padding: 0px;
    background-color:#E0CDBD;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    }

    .photo:hover
    {
    opacity:0.8;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    }
    #info {font-family: Tahoma; font-size:7pt; border-top:2px dashed #A3B1A0;}
    .border1{float: left;margin:5px;padding:3px;border:1px solid #FEDCDC;-webkit-transition: 3s;}
    </style>

    Biru : Korang boleh tukar dgn colour ape yg korang suke :_:

     okey, that's all kite sambung ke part ke-2 plak.. sebelum tuh, Nurin syorkan.. baik korang SAVE lepas dah puas ati :)

    Labels: