Monday, May 6, 2013

Cara Membuat Blogskin

Hai! Tadi ada yang request cara membuat blogskin, dia adalah... Pingkaaan! Nah, sekarang request-nya sudah terkabul. Cekidot okay!

1. Go to 'Dashboard' and then go to 'Template'

2. Scroll kebawah dan kamu akan menemukan tulisan 'Revert To Classic Templates' seperti gambar dibawah ini



























3. Nah, habis itu klik 'CTRL + A' lalu delete semua code

4. Nah, sekarang kosong kan? Mari kita paste code dibawah ini kedalam kotak code-nya
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>JUDUL BLOG</title>
5. Silahkan edit-edit tulisan berwarna 'Pink Muda' dan 'Pink Tua' tersebut

6.  Cari code dibawah ini dengan menggunakan 'CTRL + F'
<html>
7. Paste code dibawah ini tepat Dibawah code <html>
<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL FOLLOW" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:185px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL DASHBOARD" /></a></div></div>
8. Paste code dibawah ini tepat Dibawah semua code sebelumnya
<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(URL BACKGROUND);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
</style>
<body><br>
9. Cari code dibawah ini dengan menggunakan 'CTRL + F'
</style>
10. Pastekan code dibawah ini tepat Diatas code </style>
.main {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#FF9FCC;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
Note :

  • ABC = Warna Font Di Blog
  • ABC = Panjang Main Blog
  • ABC = Panjang Sidebar
  • ABC = Warna Dont Post Title
11. Cari code dibawah ini dengan menggunakan 'CTRL + F'
<body>
12. Paste code dibawah ini tepat Dibawah code <body>
<table style="line-height: 17px;" width="850" border="0" align="center" cellspacing="5">
<tbody><tr>
13. Oh ya, yang warna 'Pink Muda' itu panjang blog (campuran sidebar sama main blog). Paste code dibawah ini di kotak code paliiiing bawah okay?
<br>
14. Lalu, pastekan code dibawah ini tepat Dibawah code <br>
<td valign="top" width:550px;">
<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader> | <$BlogItemDateTimegt; | <a href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><$BlogItemCommentCountgt;comments</a></BlogItemCommentsEnabled></div>
<$blogitembodygt;</blogger><br>
<center><OlderPosts><a href=<$OlderPostsgt;>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPostsgt;>Newer Post</a></NewerPosts></center></div>
</div>
</td>
15. Sekarang, kita buat isi sidebar ya! Paste code dibawah ini tepat dibawah code atas ^
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
16. Mau tambah lagi? Tambahin aja code atas dibawah code atas, contohnya dibawah ini
 <td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
17. Akhirkan semua code dengan code dibawah ini
</table></body></head></html>
Credits To : Cik Lettha

22 comments:

  1. thank you kak! semoga blognya makin rame dikunjungi dari berbagai macam negara dan makin terkenal (Pingkan)

    ReplyDelete
  2. kak, ini credit nya jangan cik nureen. cik nureen dapat dari Lettha

    ReplyDelete
  3. ano, pas langkah ke 7 itu kan ada tulisan "BLOG ID". Itu untuk apa ya?

    ReplyDelete
  4. Replies
    1. Hai, maaf aku yang bales. kalau misalkan kamu bisa buat header, terus headernya kamu upload. kamu boleh uoload di facebook, twitter, blog. nanti kalau sudah ke upload, kamu klik kana mouse terus pilih tulisan Copy Image Location :)

      Delete
  5. bagian ini punya saya eror width:550px=;">

    ReplyDelete
  6. Kalo URL GAMBAR TOMBOL DASHBOARD itu maksudnya gimana ya??

    ReplyDelete
    Replies
    1. Hai, maaf aku yang bales. coba deh kamu buka blog aku: zebinatutobies.blogspot.com. nah kamu lihat tuh gambar yang paling atas pojok kanan. itu namanya tombol follow dan dashboard. terus coba kamu cari di Google Gambar: Follow and dashboard button png. Nanti akan muncul macam-macam iconnya. kalau kamu udah nentuin, kamu klik gambarnya. terus klik kanan mose pilih tulisan Copy Image Location :)

      Delete
  7. Kenapa kalo ngepost nggak keluar di beranda blognya? mohon bantuannya :D

    ReplyDelete
  8. URL gambar itu gmn caranya? respon plis kak

    ReplyDelete
    Replies
    1. Hai, maaf ya aku yang bales. maksudnya itu link gambarnya. misalkan kamu mau ambil gambar pelangi dari google, trs kamu klik gambarnya terus kan ada tulisan lihat gambar. Nah, kalau gambar udah muncul copy link yang ada di atas itu

      Delete
  9. "URL HEADER"
    JUDUL BLOG URL Headernya itu kyk gmn?

    ReplyDelete
    Replies
    1. Hai, maaf aku yang bales. kalau misalkan kamu bisa buat header, terus headernya kamu upload. kamu boleh uoload di facebook, twitter, blog. nanti kalau sudah ke upload, kamu klik kana mouse terus pilih tulisan Copy Image Location :)

      Delete
  10. oh maksudnya URL kyk. leekyuri.blogspot.com gtu?

    ReplyDelete
  11. haii. aku mau nanya. kalo mau pasang tombol reply pada komentar untuk blogskin itu kayak mana?^^

    ReplyDelete

My Banner

Grab My New Banner, Okay?
This Template Are Made @ Copyright All Right Reserved By NUR IRDINA ZAKARIA. Please Do not Open My Pagesource Anonymous !!!