Template Blogger Responsive MursaidSEO

Oleh Achmad Arifandi

Saturday 14 February 2015

Bagikan :

Tweet

Screenshot Tampilan Template MursaidSEO

Screenshot Tata Letak Template MursaidSEO

DEMO || DOWNLOAD

Template MursaidSEO ini adalah template yang saya edit atau perbaharui dari template yang saya pakai sebelumnya yaitu Template SangSEO, template ini buatan Kang Mousir & pastinya template ini memiliki pengaturan yang sama dengan Template SangSEO. Template ini juga cocok untuk Adsense, Responsive, dan yang lebih penting SEO.

1. Ganti ID dan Nama

Silahkan anda cari kode ini pada template SangSEO dan anda ganti sesuai dengan intruksi yang ada.

<meta content='ID Google Webmaster Verfikasi' name='google-site-verification'/>
<meta content='ID Bing Verification' name='msvalidate.01'/>
<meta content='ID Alexa Verification' name='alexaVerifyID'/>
<link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google Plus/about' rel='author'/>
<link href='https://plus.google.com/ID Google Plus' rel='me'/>
<meta content='Nama Author' name='Author'/>
<meta content='ID Facebook Anda' property='fb:admins'/>

Perhatikan kode yang Saya tandai, silahkan anda ganti.

2. Meta Tag
Sebelum memasang Meta Tag pastikan anda sudah mengaktifkan Meta Tag pada Setelan.

• Masuk ke Blogger dan pilih Setelan.
• Pilih Preferensi Penulusuran.
• Kemudian pilih Meta Tag > Deskripsi.
• Silahkan anda isi Deskripsi blog yang anda inginkan.
• Simpan.

3. non-Aktifkan Pengaturan Mobile

Agar template ini Responsive, anda harus non-Aktifkan Pengaturan Mobile pada Template.

• Masuk ke Blogger dan pilih Template.
• Klik Icon Gerigi pada Seluler.
• Pilih Tidak, Tampilkan template seluler diperangkat seluler.
• Simpan.

4. Navigasi Menu dan Social Icon

Silahkan anda cari kode ini pada Template SangSEO dan edit sesuai intruksi yang ada.

<nav class='menus'>
<ul class='nav-menus'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
<div id='social-list'>
<ul class='socmed'>
<li><a class='facebook' href='Link Facebook' title='Facebook'>Facebook</a></li>
<li><a class='twitter' href='Link Twitter' title='Twitter'>Twitter</a></li>
<li><a class='plus' href='Link Google Plus' title='Google Plus'>Google Plus</a></li>
<li><a class='linkedin' href='Link Linkedin' title='Linkedin'>Linkedin</a></li>
<li><a class='pinterest' href='Link Pinterest' title='Pinterest'>Pinterest</a></li>
<li><a class='youtube' href='Link YouTube' title='YouTube'>YouTube</a></li>
<li><a class='rss' href='Link RSS Feed' title='RSS Feed'>RSS</a></li>
</ul>
</div>
</nav>

Perhatikan kode yang sudah Saya tandai, silahkan anda ganti.

5. Dropdown Menu
Silahkan anda cari kode ini pada Template SangSEO dan edit link sesuai keinginan anda.

<a href='#' id='mobilenav'>Select Menu</a>
<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='http://mursaidblog.blogspot.com/search/label/Belajar SEO'>Belajar SEO</a></li>
<li><a href='http://mursaidblog.blogspot.com/search/label/Tutorial Blogger'>Tutorial Blogger</a></li>
<li><a href='http://mursaidblog.blogspot.com/search/label/Internet'>Internet</a></li>
<li><a href='http://mursaidblog.blogspot.com/search/label/Social Media'>Social Media</a></li>
<li><a href='http://mursaidblog.blogspot.com/search/label/Template Blogger'>Template Blogger</a></li>
<li><a href='#'>Tools</a>
<ul>
<li><a href='http://mursaidblog.blogspot.com/p/parse-kode-html.html'>Parse Kode HTML</a></li>
<li><a href='http://mursaidblog.blogspot.com/p/kode-warna-html.html'>Kode Warna</a></li>
<li><a href='http://responsive-checker-tool.blogspot.com/' target='_blank'>Cek Responsive</a></li>
  </ul>
</li>
</ul>

6. Memasang Recent Post by Tag
Jika anda ingin memasang widget ini, anda harus memasukan kode HTML dibawah ini.

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/Sukses?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag"></script>

KETERANGAN

- Ubah angka 5 untuk mengubah berapa post yang ingin anda tampilkan.

- Ubah var showpostthumbnails = true; menjadi var showpostthumbnails = false; untuk menonaktifkan tampilan gambarnya.

- Ubah var showpostdate = true; menjadi var showpostdate = false; untuk menonaktifkan tampilan tanggalnya.

- Ubah Sukses dengan label apa yang anda ingin tampilkan.

7. Validasi HTML5 Widget

Silakan cari kode <b:include name='quickedit'/> pada template dan hapus agar blog Anda valid HTML5 dan SEO. Kode itu akan muncul ketika menambahkan widget/gadet baru.

8. Memasang Ads di Dalam Postingan & Latest Update
Silahkan anda baca tutorialnya dipost saya sebelumnya yaitu Cara Memasang Iklan di Dalam Postingan Blog dan untuk memasang Widget Latest Update silahkan baca Disini!.

[X] WARNING!!
Dilarang menghapus Credit/Footer pembuat template blog ini.

Itulah Pengaturan untuk blog ini, agar widget dan blog bekerja dengan sempurna, jika anda ingin mengetahui artikel selanjutnya pastikan anda sudah berlangganan untuk blog ini.

Berlangganan : Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Mursaid Blog langsung di pesan kotak masuk.

RSS FEED

Kategori : Template Blogger