Template dan Tips Seputar Blogger

Thursday, June 22, 2017

In SEO Responsive and SEO Friendly Blogger Template

In SEO Responsive and SEO Friendly Blogger Template - Dalam memilih template untuk blog itu tidak bisa sembarangan, karena template yang kurang tepat bisa berpengaruh pada kesuksesan sebuah blog, bisa sukses atau bisa gagal.

Blogger harus benar-benar teliti dalam memilih template, harus paham template seperti apa yang bisa mendatangkan pengunjung yang banyak. Dibutuhkan template yang SEO friendly, yaitu template yang disukai mesin pencari seperti Google atau Bing.

Tampilan dari Template In SEO ini terinspirasi dari template Blogku yang dibuat Mas Sugeng, seorang pembuat template yang cukup fenomenal menurut saya.

In SEO Responsive and SEO Friendly Blogger Template

Selain SEO, perlu juga untuk memperhatikan apakah template itu sudah mendukung tampilan responsive atau belum, template responsive penting bagi suatu blog untuk melayani pengunjung yang membuka blog dari perangkat mobile seperti smartphone dan tablet pc, yaitu agar blog bisa menyesuaikan dengan lebar dari perangkat tersebut, sehingga pengunjung tidak kesulitan saat membaca isi blog Anda.

Untuk Anda sobat blogger yang menggunakan platform blogspot, berikut ini saya akan membagikan template ke dua yaitu template In SEO yang sudah SEO friendly dan responsive yang bisa Anda gunakan dengan cuma-cuma.

Silakan lihat fitur, demo, dan link download template In SEO Responsive Blogger Template di bawah ini


Features Availability
Responsive True Cek
SEO Friendly True Cek
Mobile Friendly True Cek
Personal Blog True
2 Column True
Light Base Sky Blue Color True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Email Subscribe Box 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


Buka tata letak > Salin kode ini di widget kosong bagian sidebar :

Widget Subscribe Box

<div id="subscribe-css">
<div class="subscribe-wrapper">
<p>Jika Anda menyukai Artikel di blog ini, Silakan berlangganan gratis via email.</p>
<div class="subscribe-form">
<form action='http://feedburner.google.com/fb/a/mailverify?uri=seoindzign' class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seoindzign', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="seoindzign" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>
<input class="subscribe-css-button" title="" type="submit" value="Submit" />
</form>
</div>
</div></div>

Ganti kode yang ditandai dengan nama feedburner blog Anda.

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-family:Open Sans,Arial,Helvetica,sans-serif;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 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

×