AZURA Blogger Template, Adalah Template Pertama ditahun 2014 yang saya buat.baiklah mungkin sudah lama sekali ga buat, soalnya urusan kuliah makin chaos banyak tekanan .__. Jadi template kali ini bertema Nisekoi,tampilan'a simple dan agak mirip timeline Facebook dengan warna dasar Biru-kuning-putih, Sehingga cukup cerah dan berwarna juga dipandang. ~ Template ini Memiliki 1 sidebar, 3 kolom Footer dan tampilan posting thumbnail dengan 2 kolom dan pada tiap postingan bertama ditambahkan fitur deskripsi post, bisa dikatakan masih sama dengan template sebelumnya. 

Screenshot



1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan url/alamat link yang ingin dituju,dan ganti juga nama linknya.

<ul> 
<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='#'>Staff</a></li>
<li><a class='menu' href='#'>Music</a></li> 
<li><a class='menu' href='#'>Comic</a></li> 
<li><a class='menu' href='#'>Anime</a></li> 
</ul>

2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda. Buka Edit HTML blogger anda lalu cari code sperti dibawah dan ganti keterangan judul dan deskripsi blog anda.
*ganti text yang berwarna merah

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

Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter dan google plus
*ganti tanda pagar '#' (tanpa tanda petik) dengan alamat link account facebok,twitter dan google plus anda. 

<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. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh pada gambar dibawah ini :





Date header format:



Timestamp Format :



Comment Timestamp Format :



5. Setting Weekly post pada header :

Login ke account Blogger anda => layout=> klik Edit pada widget weekly Post.


lalu ikuti formatnya seperti dibawah ini


6. Cara mengganti Foto icon pada Header

Buka Account Blogger anda => Template/Edit HTML lalu cari CSS seperti di bawah ini, dan Ganti alamat/url gambarnya.

#menujohanes ul li.selected{color: #fff;
font-weight: bold;
width: 130px;
height: 130px;
margin-top: -125px;
background: #FFF073 url(http://1.bp.blogspot.com/-8lSZa8qrYgI/UtTFVGqndKI/AAAAAAAAHnQ/cIr8OdQguqA/s1600/avatar.png) no-repeat center center;
border: 1px solid #fff;
background-size: 130px;}

7.  Cara mengganti Gambar Pada Header
Buka Account Blogger anda => Template/Edit HTML lalu cari CSS seperti di bawah ini, dan Ganti alamat/url gambar dengan gambar yang anda inginkan.

.header-slide{
background: #fff url(http://2.bp.blogspot.com/-siCOm3xkoLY/UtTBgRp2wdI/AAAAAAAAHnE/s1l8ADhXz8c/s1600/nisekoi.png) no-repeat center top;
height: 390px;
position: relative;
}

- Copyright © 2016 AZURA TRAVEL TOUR - Terms Conditions - FAQ - LEGALITAS -