Panduan Setting Template Fastest Magz

ini dari mas sugeng bukan bermaksud apa-apa hanya sekedar agar lebih mudah membukanya ketika offline.
Daftar Isi [hide]

Di bawah ini adalah panduan cara pemasangan serta pengaturan template premium Fastest Magz. Silakan bisa dibaca secara pelan-pelan dan teliti supaya nggak ada yang ketinggalan.

Memasang Template

Untuk tutorial cara memasang template di blog, sobat bisa membacanya DI SINI.

NOTE: Saya rekomendasikan untuk menghapus semua widget yang terpasang di blog sebelum memasang template ini. Tujuannya supaya nanti tampilan tata letak-nya tidak berantakan.

Menonaktifkan Tampilan Seluler di Blogger

Karena template ini memiliki desain yang responsive, maka sobat perlu menonaktifkan fitur template seluler yang ada di blogger. Tutorialnya silakan bisa dibaca DI SINI.

Mengedit Menu Navigasi Bagian Atas

Menu navigasi di bagian atas memiliki fungsi utama untuk menampilkan daftar halaman statis yang ada di blog sobat.
Jika sobat belum tahu cara membuat halaman statis, silakan bisa dibaca tutorialnya DI SINI.
Nah jika sobat sudah membuat halaman statis, selanjutnya cukup masuk ke menu “Tata Letak” dan klik “Edit” pada widget “Pages”

Selanjutnya sobat tinggal pilih halaman mana yang ingin ditampilkan pada menu bagian atas

Jangan lupa klik “Simpan”

Mengedit Menu Navigasi Bagian Bawah

Untuk mengedit menu navigasi bagian bawah bisa dibilang agak sedikit ribet, terutama bagi sobat masih belum terlalu familiar dengan kode HTML.
Tapi nggak masalah, cukup ikuti saja panduan ini dengan teliti.
Pertama, cari kode ini di dalam template:

<li><a href='#'>Menu1</a>
 <div class='sub-nav-wrapper'><ul class='sub-nav'>
  <li><a href='#'>Submenu1</a></li>
  <li><a href='#'>Submenu2</a></li>
  <li><a href='#'>Submenu3</a></li>
 </ul></div>
</li>

<li><a href='#'>Menu2</a>
 <div class='sub-nav-wrapper'><ul class='sub-nav'>
  <li><a href='#'>Submenu1</a></li>
  <li><a href='#'>Submenu2</a></li>
  <li><a href='#'>Submenu3</a></li>
 </ul></div>
</li>

<li><a href='#'>Menu3</a>
</li>

<li><a href='#'>Menu4</a>
</li>

Jika sudah ketemu, selanjutnya edit yang tanda pagar yang berwarna hijau dengan “URL tujuan” dan yang berwana merah dengan nama menu yang sobat inginkan.
Jika sobat masih bingung, silakan baca penjelasan lengkapnya DI SINI.

Memasang Widget Recent Post Perlabel

Untuk mengaktifkan widget recent post atau daftar artikel terbaru berdasarkan label, silakan sobat
salin kode berikut ini:

<script type="text/javascript" src="/feeds/posts/default/-/Gadget?published&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

Perhatikan yang berwarna merah, itu adalah nama label yang akan dimunculkan, silakan sobat ganti sesuai keinginan.

NOTE: jika nama label yang ingin sobat munculkan terdiri dari
dua kata maka pisahkan dengan tanda “%20” (tanpa tanda petik).

Setelah sobat edit dan menyalin kode di atas, selanjutnya silakan sobat masuk ke Dashboard blog
> Tata Letak > Tambah Gadget > HTML/JavaScript > Pastekan kode yang sudah sobat
salin di atas, beri judul sesuai nama label dan klik Simpan.

Memasang Widget Icon Media Sosial

Untuk memasang widget sosial media silakan copy atau salin kode di bawah ini:

<div class='social-box'>
<div class='social-item-outer'>
<a class='social-item-box facebook-box' href='http://www.facebook.com'>
<div class='counter'>
76.098
</div>
<span class='social-title'>Fans</span>
</a>
</div>
<div class='social-item-outer'>
<a class='social-item-box twitter-box' href='http://twitter.com'>
<div class='counter'>
6.987
</div>
<span class='social-title'>Followers</span>
</a>
</div>
<div class='social-item-outer'>
<a class='social-item-box googleplus-box' href='http://plus.google.com'>
<div class='counter'>
4.987
</div>
<span class='social-title'>Followers</span>
</a>
</div>
<div class='social-item-outer'>
<a class='social-item-box rss-box' href='/feeds/posts/default'>
<div class='counter'>
398
</div>
<span class='social-title'>Subcribers</span>
</a>
</div>
</div>

warna merah = jumlah fans di fanspage facebook
warna hijau = jumlah follower twitter sobat
warna biru = jumlah follower google plus sobat
warna kuning = jumlah pelanggan RSS sobat

Silakan sobat ganti terlebih dahulu semua angka-angka di atas sesuai keinginan.
Jika kode di atas sudah diedit dan disalin, selanjutnya silakan sobat masuk ke Dashboard blog
> Tata Letak > Tambah Gadget > HTML/JavaScript > Pastekan kode yang sudah sobat
salin di atas dan klik Simpan.

Pengaturan Komentar Facebook

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.
Cukup cari kode di bawah ini di dalam template:

<meta property='fb:admins' content='ID_PROFIL_FACEBOOK_DISINI'/>

Ganti yang berwarna hijau dengan ID profil facebook sobat.
Untuk mengetahui ID profil facebook milik sobat, silakan masuk ke http://findmyfbid.com/

Memasang Iklan di Atas dan di bawah Postingan

Untuk memasang iklan di atas dan juga di bawah postingan silakan cukup cari kode ini:

<!-- KONTEN HALAMAN POSTINGAN -->
<data:post.body/>

Nah kalau sudah ketemu, letakan saja kode iklannya di atas atau di bawah kode tersebut.
Kalau diletakan di atasnya berarti iklan akan tampil di atas postingan, begitu juga dengan sebaliknya.

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.

SEO

Untuk masalah SEO pada template ini sudah saya setting semaksimal mungkin sesuai dengan apa yang saya bisa. Sobat tidak perlu melakuan modifikasi apapun pada template ini.
Namun untuk lebih memaksimalkan lagi sobat bisa membaca postingan tentang SEO untuk blogger yang saya tulis DI SINI.

FAQ

– Tanya : Gimana cara menghapus komentar facebook?
– Jawab : Silakan cari dan hapus kode di bawah ini di dalam template:

  <!-- KOMENTAR FACEBOOK -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fbbox-comments' style='width:100%;margin-top:20px'>
<div class='fb-comments' data-num-posts='2' data-width='680' expr:data-href='data:blog.url'/>
</div>
</b:if>

– Tanya : Mas, gimana caranya masukin keyword dan deskripsi?
– Jawab : Untuk meta keyword pada template ini sudah disetting otomatis. Sedangkan untuk meta deskripsi silakan bisa dibaca DI SINI
– Tanya : Template ini apakah boleh digunakan di banyak blog?
– Jawab : Boleh, silakan digunakan di banyak blog asalkan blognya masih blog sendiri.
– Tanya : Apakah template ini boleh dijual lagi?
– Jawab : Tidak boleh, template ini hanya untuk penggunaan pribadi.
– Tanya : Bisakah saya meminta bantuan Mas Sugeng untuk memodifikasi template ini?
– Jawab : Tidak bisa, saya hanya akan membantu jika ada yang error atau tidak paham. Jika ingin memodifikasi template ini silakan dilakukan sendiri.
– Tanya : Kok jumlah postingan di halaman depan cuma tampil satu doang?
– Jawab : Silakan dibaca solusinya DI SINI.
– Tanya : Mas Sugeng kenapa di-SMS di-Email ngak dibales-bales??????
– Jawab : Kemungkinan terbesar saya sedang tidur atau sedang sibuk aktivitas yang lain. Harap maklum jika mungkin agak lama responnya.

Sukai dan bagikan ini ke .. :

Al-Madinah KKMB