Panduan Instal & Setting Template OP Trendy Responsive

Berikut ini adalah beberapa langkah Panduan Instal & Setting Template OP Trendy Responsive Blogger Template 2015 Hasil modifikasi Versi terbaru. 

Setelah Anda upload maka akan menjadi template terbaru buat Blog Anda.

Jika belum download, silahkan download dulu Templatenya DISINI.

Persiapan
Sebelum memasang template ini di blog sobat, saya sarankan untuk menghapus terlebih dahulu semua widget yang ada di blog sobat. Hal ini untuk menghindari tampilan tata letak yang menjadi berantakan.

Mengaktifkan Responsive Design
Masuk ke Dashboard blog sobat > Template > Klik icon “Gear” di bawah preview template
seluler > dan pilih “Tidak. Tampilkan template seluler di perangkat seluler.“ > Simpan

Mengedit Menu Navigasi
Untuk mengedit menu navigasi cukup cari kode ini:

    <ul id='menu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>Sub Menu 1</a> </li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
<li><a href='#'>Menu 6</a></li>
<li><a href='#'>Menu 7</a></li>
</ul>

Silahkn cukup edit yang berwarna merah dengan URL tujuan dan yang berwarna hijau dengan text tampilan.

Modifikasi Tampilan Template
Bagi sobat yang mungkin ingin memodifikasi template ini agar sedikit berbeda, sobat bisa
memanfaatkan fitur perancang template yang ada di blogger. Sobat bisa dengan mudah
mengganti warna, background, dan juga font pada template ini.
Caranya sangatlah mudah, silakan sobat masuk ke Dashboard blogger > Template >
Sesuakan. Setelah itu klik “Tingkat Lanjut”

Nah pada menu tersebut silakan sobat bisa memodifikasi template ini sesuai keinginan.

Adsense Responsive
Bagi sobat publisher Iklan AdSense bisa memanfaatkan template ini untuk menampilan
unit iklan responsive dari AdSense. Sobat bisa memasang AdSense Responsive di mana
saja, tapi saya rekomendasikan untuk dipasang pada bagian bawah menu navigasi
(728x90px).
Untuk cara memasang AdSense responsive sangatlah mudah, tidak ada bedanya dengan
memasang unit iklan AdSense pada umumnya.
Masuk ke Dashboard AdSense milik sobat > Iklan Saya > Unit iklan baru.
Masukan nama unit iklan dan pada bagian Ukuran iklan pilih “Unit iklan responsif”

Jika sudah, klik simpan dan dapatkan kode.
Langkah selanjutnya tinggal sobat letakan kode unit iklannya pada blog sobat melalui
menu Add Gadget > HTML/JavaScript.

Facebook Comments
Tanpa melakukan pengaturan sebenernya facebook comment akan otomatis tampil dan
dapat digunakan secara normal. Namun, agar sobat bisa melakukan moderasi terhadap
komentar-komentar yang masuk, maka perlu dilakukan sedikit konfigurasi.
Hal pertama yang perlu sobat lakukan adalah membuat Aplikasi facebook. Untuk tutorial
cara membuat aplikasi facebook sobat bisa googling atau KLIK DI SINI.
Jika sobat sudah punya sebelumnya maka tidak perlu membuat lagi.
Setelah berhasil membuat aplikasi facebook, yang perlu sobat lakukan selanjutnya adalah
mencatat APP ID dari aplikasi facebook yang baru saja sobat buat.

Setelah itu silakan sobat cari kode berikut ini di dalam template :

<meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>

Ganti yang berwarna biru dengan APP ID sobat.

Dan cari lagi kode berikut ini :

<script>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APPLICATION_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol+'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>

Ganti yang berwarna biru dengan APP ID sobat.

Sobat bisa melihat seluruh komentar-komentar facebook yang sudah masuk di dashboard khusus DI SINI.

Memasang Iklan di atas dan di bawah Postingan
Untuk memasang iklan di atas maupun di bawah postingan cukup cari kode seperti di bawah ini :

<!-- KODE IKLAN DI ATAS POSTINGAN DISINI-->
<center>
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Iklan AdSense --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-3110553047875288&quot;
     data-ad-slot=&quot;6105196257&quot;
     data-ad-format=&quot;auto&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
</center>
<!-- KODE IKLAN DI ATAS POSTINGAN DISINI-->

Dan juga  Iklan yang ada dibawah postingan:

<!-- KODE IKLAN DI BAWAH POSTINGAN DISINI-->
<center>
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Iklan AdSense --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-3110553047875288&quot;
     data-ad-slot=&quot;6105196257&quot;
     data-ad-format=&quot;auto&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
</center>
<!-- KODE IKLAN DI BAWAH POSTINGAN DISINI-->

Setelah itu tinggal sobat ganti kode tersebut dengan kode iklan milik sobat.

SEO
Untuk masalah SEO pada template ini sudah saya setting semaksimal mungkin sesuai
dengan pengetahuan saya. Sobat tidak perlu melakuan modifikasi apapun pada template
ini. Namun untuk lebih memaksimalkan lagi sobat bisa baca-baca postingan tentang SEO di blog saya www.onlineplus.id


Demikianlah Panduan Instal & Setting Template OP Trendy Responsive sederhana.
Jika ada pertanyaan tentang panduan ini, silahkan tinggalkan komentar anda di bawah artikel ini.