//Forever Imperfect
Tutorial: membuat blogskin sendiri

Jumat, 04 Juli 2014 @ 05.16 | 0 Comment [s]


Holla aku dapet tutorial lagi nih. Thank's to Kak Novita and Mayar.



Kalian siapkan Notepad
 Copy kode berikut, lalu kamu paste di tempatmu untuk menaruh kode blogskin

<html>
<head>
<center><img src="URL HEADER" /></center>
<title>Judul Blog</title>
 Ungu: URL Header blogskinmu
Merah: Judul blog blogskinmu

CoPas kode dibawah ini dibawah kode yang tadi kalian paste (usahakan longkap satu baris)

<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>

Merah:Url Background  Untuk Skins Kalian
Hijau: Verdana (Ganti dengan Font  skins Kalian), 11 (Ganti dengan ukuran font skins mu)
Biru:Kode html warna link di blog kalian. 


Cari kode </style> di kode-kode yang sudah kalian copas tadi. Lebih gampangna sih kalian tinggal pencet CTRL+F  di keyboard kalian lalu search kode </style>. Kalau ketemu, copy kode dibawah ini diatas kode </style>

mainblog {
background:#ffffff;
color:#666666;
padding:14px;
width:900px;
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;

Ungu:Warna dan Ukuran font untuk di sidebar blog kamu
Merah:Lebar blog kamu
Kuning:Lebar sidebar kamu
Hijau:Warna untuk post title (judul entri)
 *kalo yang tulisan "date" itu, berarti kode-kode dibawahnya berhubungan dengan tanggal di posting/entri kalian*

Untuk jenis font, font style, warna font, dll itu bisa kalian edit sendiri. Soalnya ribet kalo mau aku warnain satu-satu dan tulis keterangannya satu-satu. Kalian pasti tau kok;) Misalnya, warna dan keterangan yang udah aku tulis di atas itu kan ada, kalo ungu warna dan ukuran font sidebar berarti kode-kode yang di dekat warna ungu adalah kode-kode untuk sidebar

   
Cari kode <body> sudah ketemu? Jika sudah copy code dibawah ini lalu paste dibawah kode <body>

<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>

Biru: kode ini adalah nama banyaknya komentar. Contoh, misalnya di posting/entri kalian ada 2 komentar, kan biasanya tulisannya "2 Comments". Nah, kalo kode biru itu kalian ganti dengan tulisan Friend(s), maka tulisan nama di komentar posting kalian adalah "2 Friend(s)"
Merah: Nama posting terbaru (newer) atau posting lama (older). Terserah mau diganti apapun, contoh "Past", dll.
6. Copy kode di bawah ini, lalu paste di bawah kode-kode tadi. (Ini adalah kode untuk gadget/elemen sidebar blogskin kalian)
  
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR KAMU</div>
<br>

Ungu: kode html gadget/elemen sidebar kalian, misalnya di baris pertama sidebar, kalian mau menaruh chatbox, maka letakkan kode chatbox kalian pada kode berwarna ungu tersebut.
Hijau: Judul gadget/elemen sidebar kalian, kalo di kode ungu nya kalian taruh html chatbox, maka judulnya bisa chatbox, tagboard, shout here, dll terserah kalian.
Note:
Kalo kalian mau menaruh beberapa gadget/elemen di sidebar kalian, maka copy lagi kode yang sama seperti kode di nomor-6, lalu paste dibawahnya. Misal, kalian ingin menaruh gadget/elemen chatbox, ask.fm, dan credits, maka kalian copy kode di nomor-6 sebanyak 3 kali, namun judul dan kode html nya beda ya, harus di sesuaikan dengan kode gadget/elemen yang kalian mau
 
  • Copy kode dibawah ini, lalu paste dibawah semua kode tadi yang telah kalian rangkai
</table></body></head></html>
Semoga berhasil. Maaf ya kalau nggak berhasil.




Older Post | Newer Post
The Disclaimer

Hi peeps. Im Fasya, 10 years old. My hobby is blogging, writing, ex-link, and reading. Please dont open my page source!

underlined, bold

Dreamer!


Navigations!

Diary About Site


Let's Talk!

No Anonymous
No Spamming
No Rusuh
Chat with me!


The Credits!

Template by : Farisyaa Awayy
Basecode by : Nurynn
Full Edited : Fasya

Best View at GOOGLE CHROME!