Template dan Tips Seputar Blogger

Thursday, June 22, 2017

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.iumari.com/p/color-picker.html. Oke bagi yang penasaran.

Mini Site Responsive Blogger Template

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.

3 komentar

Izin download ya sob, semoga blognya sukses, Aamiin! Terima kasih

ini template kalau versi mobilenya kok ga ada kolom komentarnya yah bang? solusi macam mana?

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×