Refresh About Friends Stuff Blogskins Request Credits Follow

Selasa, 10 Juli 2018

Tutorial Membuat Blogskin Sendiri (Request Nanda)

Hai! sekarang aku akan memenuhi requestnya Nanda tentang cara membuat blogskin. Maaf banget karena aku baru bisa jawab sekarang (dari kemaren kemana aja kau? :v) .Sebenarnya, sih, aku kalau bikin blogskin itu pake basecode. Tapi gapapalah kalau mau pakai cara ini! 

  • Buka http://htmledit.squarefree.com agar hasil kerja kode langsung terlihat sehingga memudahkan pembuatan blogskin.
  • Copy kode ini dengan cara mengklik CTRL dan bersamaan klik C (CTRL+C). Lalu, paste kode di bawah ini dengan cara tekan CTRL dan bersamaan klik V (CTRL+V). 
<html><head><center><img src="URL HEADER" /></center><title>NAMA BLOG</title>

  • Yang warna Merah ganti dengan URL gambar Header mu :)
  • Yang warna Biru, kamu ganti sama Judul blog yang akan tampil  di atas Tab.
  • Copy lagi kode di bawah ini, tapi naruh nya jauhkan satu baris dari kode pertama ya. Caranya klik enter 1 kali lalu tempatkan kode di bawah :) .
 <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>

  •  Yang warna merah, kalian ganti dengan URL background skins yang diinginkan
  • Yang warna Ungu, bisa kalian ganti sama Font kamu nanti, misalnya, Comic Sans MS, atau Short Stack.
  • Yang warna hijau, kamu ganti sama ukuran Font yang diinginkan.
  • Warna Fucshia (mirip-mirip ungu muda) kamu ganti dengan warna link di skins kalian.
  • Warna Oranye, kalian bisa ganti sama warna link kamu kalo di sentuh.. 
  • Nah, sekarang tekan CTRL lalu bersamaan tekan A (CTRL+A), Lalu CTRL (jangan dilepas CTRL nya) lalu tekan F (CTRL+F). Kalau keluar kayak tempat Search kecil di pojok, kamu cari kode </style> dengan search box tadi.
.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: Delius; Font-style: Italic;padding:3px;border-bottom:2px solid #ffa1c2;}.date {font-style:italic;font-size:10px;margin-bottom:2em;}

  • Warna ungu, ganti dengan warna dan ukuran Font sidebar Blogskin kalian nanti
  • Merah, ganti dengan lebar blog kalian
  • kuning, itu lebar untuk kolom - kolom Sidebar kalian.. 
  • Hijau warna posting blog kalian. 
  • Ungu tua,  Besar kecil font judul posting kalian
  • Gold (Kuning emas muda) ganti dengan Font Judul posting 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:)

  • Tekan CTRL dan tekan juga F  (CTRL+F) secara bersamaan, tulis kode </body>  di tempat Search yang muncul di Atas pojok.. klik Enter untuk mencari kodenya
  • Letakan kode ini di BAWAH 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>

  • Warna Biru itu judul untuk Kata kata Komentar di blog kalian. Misalnya, kalian ganti dengan PEOPLE SAYS nah, nanti ada yang komentar satu orang di posting, akan keluar deh, 1 PEOPLE SAYS .
  • Yang tulisan merah, (Older post) Itu bisa kalian ganti judul nya misalnya PAST.
  • Yang tulisan merah, (Newer Post), itu bisa kalian ganti judul nya.
  • Belum selesai! Satu lagi, tambahin kode ini.. 
<td valign="top" width="250px"><div class="sidebarblog"><div class="title">Tajuk Sidebar</div>ISI SIDEBAR</div><br>

  • Hijau kalian ganti dengan judul widget sidebar kalian 
  • Ungu, kalian ganti dengan kode widget kalian, misalnya, cbox.. taruh kode Cbox di situ.. 
Kalau mau nambahin Widget lain kayak Ask.Fm, Navigate Able box, dan lain nya, tinggal ulang ulang aja kode yang Akhir itu.. 

Agak ribet ya? :'v . Oke, terima kasih sudah membaca! dan semoga bermanfaat XD.
credit: Fasya

1 komentar:

  1. Wah tq ! :D good info salam dari Malaysia, saya syaza.

    BalasHapus

1. Jangan gunakan kata-kata kotor atau porno!
2. Jangan mempromosikan barang di komentar!
3. Komentar harus berhubungan dengan pos!