LIVE DEMO DOWNLOAD TEMPLATE
1. PENGATURAN MENU
buka akun blogger kalian terus pilih menu template dan klik Edit HTML terus cari kode html seperti gambar di bawah
Bila sudah? sekarang ganti tanda pagar '#' tersebut tanpa tanda petik yah ! ganti dengan url/alamat link blog atau yang ingin di tuju
dan bisa kalian ganti nama link nya yah gan
<ul>2. Setting Seo/Meta Tag
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'/></li>
<li><a class='menu' href='http://nisekoi-bt.blogspot.com'>Download</a></li>
<li><a class='menu' href='#'>Story</a></li>
<li><a class='menu' href='#''>Nama Link</a></li>
<li><a class='menu' href='#''>Nama Link</a></li>
<li><a class='menu' href='#''>Nama Link</a></li>
<li><a class='menu' href='#''>Nama Link</a></li>
</ul>
Cara nya Buka Blog kalian klik Menu Template dan Klik Edit HTML blogger kalian terus cari kode seperti di bawah dan kalian ganti keterangan judul dan deskripsi blog kalian.
#ganti tulisan biru yang ada di bawah dengan deskripsi dan keyword blog kalian
<meta content='Deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Deskripsi blog kamu</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
#ganti tanda pada '#' tanpa tanda petik yah !, dengan alamat link akun fb, twitter, dan googleplus kalian.
<div class='social-network'>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='googlejo'/></a>
</div>
</div>
4. Cara Mengatasi Undefined
Buka akun blog kalian pilih menu Setting -> Language and formating pada blog kalian, lihat gambar di bawah.
lalu ikuti cara nya lihat di gambar
Date Header Format
Timestamp Format
Comment Timestamp Format
loginn dengan akun blogger kalian , pilih layout/tata letak , klik pada widget weekly post
6. Cara Mengganti Foto Icon pada Header Blog
Buka akun blogger kalian, pilih template terus klik EDIT HTML lalu cari CSS/kode seperti di bawah, dan ganti alamat/url link gambarnya dengan gambar kalian.
#ganti warna merah dengan url/link gambar kalian
#menujohanes ul li.selected{color: #fff;
font-weight: bold;
width: 130px;
height: 130px;
margin-top: -125px;
background: #FFF073 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTiFB5HoyJPGgQKZF3PkQRF82y-BTl3lZJCX3OlCejgWBhmvQUJeTGFIXhAdWbh6U3M-KYIA_vzBTmqpeFq4Dl1e2y-Vli8zLKraO_1fP_ZOglN4HM2rVvyvYjBAQiKSdl9k7ahc1qFWl/s1600/avatar.png) no-repeat center center;
border: 1px solid #fff;
background-size: 130px;}
Buka Akun blog anda pilih Template terus klik EDIT HTML, cari CSS seperti gambar di bawah, ganti dengan alamat/link url gambar yang kalian inginkan.
#ganti warna merah dengan url/link gambar kalian
.header-slide{background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUrpQv0gabadPvCKmWzVz2TbuHtHfsheFhiyoq_ZJyOuvHttdIdbIOBXVF6dEkydWvRgiLvhb4dXCOYYs-5aF9iiBr76-CPNoGjVtBOmnYcth3EpkVlYMBshxHQ4dLJiqB8P4nIELoBCIO/s1600/nisekoi.png) no-repeat center top;height: 390px;position: relative;}
Mentahaan Gambar Header Blog Nisekoi nih gan jadi agan tinggal edit edit ajah sesuai yang kalian inginkan bentuk file .PSD
Mediafire
Credits : Mas JOHANES DJOGAN
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon