Mini Site Responsive Blogger Template
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.
Pertama buka template editor, kemudian cari kode-kode di bawah ini :
Menu Navigasi
Cari kode di bawah ini dan ganti tanda # dengan link tujuan
Meta Tag
Cari kode xxxxx kemudian ganti dengan keterangan blog (Jika tidak digunakan hapus saja)
Numbered Page Navigation
Cari kode di bawah ini kemudian tentukan nilai postingan yang akan ditampilkan dari perPage: 5
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.
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: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</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.