Hey, Stalker!

Owner;

Who's?

DBOARD FOLLOW

Meiza Maulida. Girl. Human.
Give me footsteps and comment, please!
Jawa Tengah, Indonesia

Call Me;

Wanna talk?

Change with your Chat Box codes!

Background;

Choose one background here..

Credit;

The Cretive!

Cara Buat Blogskins Sendiri

Sabtu, 15 Maret 2014 | 0 Comment(s)

Request dari ask.fm.
Aada yang minta cara buat template kayak aku .. Tapi, aku gak tau cara buatnya kayak mana -_- Ini yang buat kak Safira , saya mah cuma edit-edit aja ._. Daripada bingung, mending aku buat tutors cara buat blogskins sendiri aja ya ..

Sebelumnya, aku berikan saran dan tips sebelum membaca tutors ini. Silahkan baca dengan cermat ya ;)
aku sarankan, kalian memback up template kalian dulu ya ... Dengan cara ctrl+c lalu kalian taruh kode template kalian ke Microsoft Word ya. Lalu, kalian simpan file kalian dengan apa aja. Lalu, buka Microsoft Word lagi dengan berbeda nama agar kalian tak bingung. Jadi, kalau kalian buat template nya tak berhasil ... Kalian bisa pake template kalian yang lama lagi ;) Cukup tips dari aku oke Lanjut :)

Step Pertama : Buka Microsoft Word kalian serah mau yang 2003, 2007 atau 2010 ;)
Step Kedua : Copy Code ini

<html>
<head>
<center><img src="URL HEADER" /></center>
<title>NAMA BLOG</title>

Warna Merah : URL Header kamu dengan cara Klik kanan => Copy Image Location
Warna Biru : Nama Blog Kalian seperti punyaku "// Cute and Sweet"

Step Ketiga : Copy lagi kode ini di bawahnya usahkan spasi dulu guys ;)

<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(URL BACKGROUND);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#ffa1c2;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #666;
}
</style>
<body><br>

Warna Merah: URL Background Blog kamu ya ;)
Warna Biru : Kode Warna HTML bisa kalian lihat di sini

Step Keempat : Cari kod </style> dan pastekan kod bawah nie dekat ATAS nya.

.mainblog {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
color:#FF9FCC;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}

Pink : Warna font dalam post dan sidebar.

MERAH : Widht blog kalian (tinggi)

OREN : Widht untuk sidebar (tinggi)

HIJAU : Warna untuk post title

Step Kelima : cari kod <body> dan paste kod ni di BAWAH nye taw.

<td valign="top" width:550px;">
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>

Warna Biru: ganti dengan kata-kata kalian seperti "Panda(s) atau yang lainnya ;)"
Warna Merah : ganti dengan kata-kata kalian jika mau seperti Back atau Next

Step Keenam : Ini untuk kode disebar. Copy code ini dibawah kode tadi

<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>

Jika kalian ingin nambah disebar copy code ini lagi dibawah

<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>
</td>

Warna Hijau : Nama Disebar seperti "Tagboard dan lainnya"
Warna Ungu : Isi disebar bisa kalian isi dengan kode chatbox atau lainnya.

Step Ketujuh : Paste kode ini paling bawah ya!

</table></body></head></html>

Dah! Habis itu kalian edit-edit lagi. Kalau enggak ngerti comment aja ya ;)
CR : Safira-housebook.blogspot.com

PAST • FUTURE

Posting Komentar