Clars Journal: Cara membuat Skins sendiri

Kali ini aku akan memberikan tuto cara membuat skins , Tanpa banyak kata sambutan lagi Check it out!

Bagi kalian yang masih Biasa ( aku gak tau namanya) coba dulu jadiin ke Classic template ,
Kalian coba back up dulu template kalian yang lama , agar jika kalian gagal , masih bisa pakai yang lama

-First Kalian Buka Ini
-Lalu hapus semua kata kata yang ada disitu
-Lalu copy code ini

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

URL HEADER= Masukkan URL header kamu
JUDUL BLOG = MASUKKAN NAMA BLOG KALIAN

-Lalu Cari Kata <html> dengan tekan Ctrl+F
-Paste kode ini 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>

BLOG ID = Masukan Blog Id kamu
URL GAMBAR TOMBOL FOLLOW= Url Gambar Tombol Follow kamu
URL GAMBAR DASHBOARD = Url Gambar Dashboard

Lalu pastekan code dibawah ini dibawah kode yang tadi

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

URL BACKGROUND = Masukan url background kalian

-Tekan Ctrl+f Lalu Cari </style>
-Pastekan code dibawah ini 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

-Lalu Tekan Ctrl+F dan cari code <body>
-Lalu pastekan code dibawah ini dibawah code <body>

<table style="line-height: 17px;" width="850" border="0" align="center" cellspacing="5">
<tbody><tr>

-Lalu pastekan code <br> di kotak paling bawah
-Lalu pastekan code ini dibwah 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>

-Sekarang buat sidebar yaa , pastekan code dibawah ini dibawah code yang tadi

<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

-Mau tambah lagi? Pastekan code dibawah ini

<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

-Sudah selesai ? Pastekan code dibawah ini , dikotak paling bawah

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

Nb = Skins nya ini nanti jadi nya Skinsnya kaya Begini

Sabtu, 20 September 2014

Cara membuat Skins sendiri

Tidak ada komentar:

Posting Komentar