Template dan Tips Seputar Blogger

Thursday, June 22, 2017

Simple Banget Responsive Blogger Template

Simple Banget Responsive Blogger Template - Pada kesempatan ini Iumari mau bagi-bagi template gratis yang keren Responsive dan SEO Friendly Terbaru 2016.

Template ini saya beri nama Simple Banget karena memang dibuat dengan desain yang sederhana namun masih tetap enak dilihat dan cukup cepat untuk diakses dari perangkat apapun, baik itu desktop maupun dari mobile seperti Handphone atau tablet.

Simple Banget Responsive Blogger Template 2016

Seperti pada gambar di atas, template Simple Banget ini merupakan perpaduan dari tampilan desain template Blogger Nubie Banget buatan Arlina Design dan tema WordPress Fasthink buatan Kentooz.

Nah... Bagi Anda yang ingin mencobanya, silakan lihat terlebih dahulu fitur-fitur dari template Simple Banget

Features Availability
Responsive True Cek
SEO Friendly (Halaman Index dan Artikel) True Cek
Valid Structured Data Testing Tool (Halaman Index dan Artikel) True Cek
Mobile Friendly True Cek
Personal Blog True
2 Column True
Light Base Color True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Back to Top Button True


Setingan Template


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

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

Setingan widget


Buat post halaman statis > Salin kode ini di di tab HTML :

Widget Formulir Kontak

<form name="contact-form">
<span style="font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:700;"> Name </span>

<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  

<span style="font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:700;"> Email Address <span style="color:#f56954;font-weight:bold;font-size:x-small;">important</span></span>

<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  

<span style="font-weight:700;"> Content <span style="color:#f56954;font-weight:bold;font-size:x-small;">important</span></span>

<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input id="ContactForm1_contact-form-submit" type="button" value="Send" />  
<div style="max-width:222px;text-align:center; width:100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">#comments {display:none;}</style>

Untuk setingan lainnya saya anggap Anda sudah mengerti. Terima kasih sudah membaca artikel Simple Banget Responsive Blogger Template dan semoga bermanfaat.

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

×