Daftar Isi

Persiapan................................................................................................................................
Mengaktifkan Responsive Design........................................................................................
Mengedit Menu Navigasi.......................................................................................................
Modifikasi Tampilan Template..............................................................................................
Adsense Responsive.............................................................................................................
Facebook Comments.............................................................................................................
Memasang Iklan di atas dan di bawah Postingan..............................................................
SEO..........................................................................................................................................

Persiapan
Sebelum memasang template ini di blog sobat, saya sarankan untuk menghapus terlebih
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

Copyright 2014 Mas Sugeng (www.mas-sugeng.com)

Mengedit Menu Navigasi

Untuk mengedit menu navigasi cukup cari kode ini:
<ul id='nav'>
<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='/2013/10/markup-html-tags-andformatting.html'>Markup</a></li>
<li><a href='/massugeng'>Error Page</a></li>
<li><a href='/p/lorem-ipsum-dolor-sit-amet-consectetur.html'>Static
Page</a></li>
</ul>

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

Copyright 2014 Mas Sugeng (www.mas-sugeng.com)

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
(BETA)

Copyright 2014 Mas Sugeng (www.mas-sugeng.com)

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 property='fb:app_id' content='YOUR_APPLICATION_ID'/>

Ganti yang berwarna hijau dengan APP ID sobat.

Sekali lagi, cari kode berikut ini :

Copyright 2014 Mas Sugeng (www.mas-sugeng.com)

<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 hijau 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 bawah maupun di atas postingan cukup cari kode seperti di
bawah ini :
<!-- KODE IKLAN ATAS POSTINGAN DISINI-->
dan juga :
<!-- KODE IKLAN BAWAH POSTINGAN DISINI-->
Setelah itu tinggal sobat ganti kode tersebur 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.mas-sugeng.com.

Copyright 2014 Mas Sugeng (www.mas-sugeng.com)

Copyright 2014 Mas Sugeng (www.mas-sugeng.com)