Mini Site Responsive Blogger Template

Posted by Namina Kiky

6/22/2017

Mini Site Responsive Blogger Template Template ini sudah mendukung Responsive Design dan SEO Friendly yang berarti bisa menyesuaikan dengan ukuran layar dan loadingnya pun ringan. Template Mini Site dibuat dengan gaya satu kolom yang bisa dibilang mini karena memang dibuat se-mini mungkin dan juga tidak memiliki sidebar seperti template blogger pada umumnya. Untuk referensi warna saya ambil dari http://www.naminakiky.com/p/color-picker.html. Oke bagi yang penasaran.

Silahkan lihat fitur, demo, dan link download template Mini Site Responsive Blogger Template di bawah ini

Features	Availability
Responsive	True Cek
SEO Friendly	True Cek
Mobile Friendly	True Cek
Dynamic Heading	True
High CTR	True
Personal Blog	True
1 Column	True
Light Base Theme Color	True
Breadcrumbs	True
Related Posts with Thumb	True
Numbered Page Navigation	True
Search Box	True
Social Share Button	True
Responsive Dropdown Menu	True
Smooth Back to Top	True

Setingan Template

Pertama buka template editor, kemudian cari kode-kode di bawah ini :

Menu Navigasi

Cari kode di bawah ini dan ganti tanda # dengan link tujuan

<nav id='menunavigasi'>
<ul id='menu'>
<li class='current'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>More Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='/404' title='Daftar Isi Blog'>Error 404</a></li>
</ul>
</nav>

Meta Tag

Cari kode xxxxx kemudian ganti dengan keterangan blog (Jika tidak digunakan hapus saja)

<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='Author'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' property='og:description'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

Numbered Page Navigation

Cari kode di bawah ini kemudian tentukan nilai postingan yang akan ditampilkan dari perPage: 5

<script type='text/javascript'>
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;Next&quot;,
prevText: &quot;Prev&quot;
}
</script>

Saya rasa sudah cukup, untuk setingan lainnya saya anggap sobat blogger sudah mengerti. Mungkin itu saja yang bisa saya bagi, jika ada kurang dan lebihnya bisa ditambahkan di kolom komentar. Terima kasih sudah membaca dan semoga bermanfaat.