1.

Persiapan
Sebelum memasang template ini silakan hapus seluruh widget pada
blog Anda. Hal ini dilakukan untuk mencegah Tata Letak berantakan.

Install Template
Buka file template yang diterima dalam format rar, dan extract.
Kemudian Anda akan melihat panduan dan file template berbentuk
xml. Silakan masuk pada akun blogger Anda, pilih Template >
Cadangkan/Pulihkan > Choose File > Unggah.
2. Mengaktifkan Responsive Design
Untuk mengatur Responsive Design, silakan masuk ke Template > Seluler klik
icon gerigi. Dan atur “Tidak. Tampilkan template seluler
di perangkat seluler.”
3. Mengedit Navigasi Menu

Silakan cari kode dibawah ini dan atur link yang Anda inginkan untuk blog.
Tukar kode warna merah dan biru sesuai keinginan.
<!-- menu navigasi versi desktop -->
<nav>
<ul>

<li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>

<li><a href='http://sepintasseo.blogspot.com/p/sitemap.html'>Daftar
Isi</a></li>
<li><a href='http://sepintasseo.blogspot.com/search/label/Tutorial%20Blog?
max-results=6'>Tutorial Blog</a></li>
<li><a href='http://sepintasseo.blogspot.com/search/label/Tips%20Seo?max-
results=6'>Tips Seo</a></li>
<li><a href='http://sepintasseo.blogspot.com/search/label/Widget?max-
results=6'>Widget</a></li>
<li><a href='http://sepintasseo.blogspot.com/search/label/Template%20Blog?
max-results=6'>Template Blog</a></li>

<!-- menu navigasi untuk template seluler -->

<b:if cond='data:blog.isMobile'>

<div id='mobilemenu'>

<span><a href='/'>Beranda</a></span> &#183;

<span><a href='http://sepintasseo.blogspot.com/p/sitemap.html'>Daftar
Isi</a></span> &#183;

<span><a href='http://sepintasseo.blogspot.com/search/label/Tutorial%20Blog?max-
results=6'>Tutorial Blog</a></span> &#183;

<span><a href='http://sepintasseo.blogspot.com/search/label/Tips%20Seo?max-
results=6'>Tips Seo</a></span> &#183;
 <span><a href='http://sepintasseo.blogspot.com/search/label/Widget?max-
results=6'>Widget</a></span> &#183;

<span><a href='http://sepintasseo.blogspot.com/search/label/Template%20Blog?
max-results=6'>Template Blog</a></span>

4. Memasang iklan dalam artikel

 a. Menampilkan iklan dalam artikel versi Mobile:
<!-- top post mobile ads section -->

</div>

<div class='clear'/>

<data:post.body/>

<div class='clear'/>

Silahkan masukkan kode iklan Google adsense yang sudah di parse di atas dan dibawah kode
<data:post.body/>

b. Menampilkan iklan versi desktop:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div itemprop='articleBody'>

<data:post.body/>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Silahkan masukkan kode iklan Google adsense yang sudah di parse di atas dan dibawah kode
<data:post.body/>

5. Menampilkan Widget di tampilan Mobile

 Silahkan Lompat ke Widget > pilih widgetnya contoh: popularpost1

Setelah itu anda akan akan berada pada di widget popular post

Setelah itu sisipkan kode kode mobile=’yes’ diantara kode locked=’false’ dan
title=’PopularPosts’

Lakukan juga pada widget lain dengan lompat ke widget juga, lalu sisipkan
kode mobile=’yes’

6. Validasi HTML5
Setelah Anda manambahkan widget baru apapun, silakan cari kode <b:include name='quickedit'/>
pada template dan hapus
7. SEO
Untuk masalah SEO pada template ini sudah saya setting semaksimal mungkin sesuai dengan apa
yang saya bisa. Sobat tidak perlu melakuan modifikasi apapun pada template ini.