Di bawah ini yaitu panduan cara pemasangan serta pengaturan template premium Evo Magz versi 4.9. Silakan dibaca secara pelan-pelan dan teliti supaya templatenya terpasang dengan baik dan benar.
Memasang Template
Hal pertama yang perlu dilakukan tentu saja memasang template yang sudah dibeli ke blog milik sobat.
Berikut langkah-langkahnya:
- Pertama, pastikan sahabat sudah meng-unzip file template yang did0wnl0ad. Di dalam file .zip terdapat file berekstensi .xml, nah file tersebut yang akan diupload atau pasang ke blog.
- Kedua, saya merekomendasikan untuk melaksanakan backup template yang akan diganti. Caranya:
- Login ke “Blogger” > Masuk ke menu “Tema”
- Klik “Backup / Pulihkan”
- Klik “Download tema”
- Selanjutnya sahabat tinggal mengupload file template ke blog.
Caranya:
- Login ke “Blogger” > Masuk ke menu “Tema”
- Klik “Backup / Pulihkan”
- Klik “Choose File”
- Pilih file template di Hard Drive > Klik “Upload”
- Template sudah berhasil terpasang.
Memasang Widget Recent Post Perlabel
Widget recent post perlabel yaitu widget artikel terbaru yang diurutkan menurut label.
Untuk memasang widget ini pada template Evo Magz caranya sangat simpel sekali.
- Masuk ke menu Tata Letak, sesudah itu klik Edit pada masing-masih kotak widget yang berada di bawah kotak “Posting Blog“:
- Berikutnya cukup masukan nama label postingan yang ingin dimunculkan pada widget tersebut.
- Terakhir tinggal klik tombol “Simpan”
Secara default template ini menyediakan 6 widget recent post perlabel yang sanggup digunakan. Sobat sanggup memakai semuanya, atau sanggup juga menghapus beberapa widget tersebut.
Memasang Widget Tab View
Untuk memasang widget tab view caranya super gampang. Cukup pasang aja widget yang sahabat inginkan pada 3 kolom widget khusus pada sidebar template ini:
Responsive Design dan Versi Seluler
Template ini mempunyai desain yang Responsive, tapi juga mempunyai fitur Versi Seluler.
Apa bedanya?
Silakan sanggup dilihat screenshot di bawah ini:
Cara Mengaktifkan Fitur Responsive
- Masuk dulu ke dasbor blog sobat
- Terus masuk ke sajian “Template“, sesudah itu klik icon bergambar “Roda”
- Selanjutnya pilih “Tidak. Tampilkan template seluler di perangkat seluler.”
- Terakhir tinggal klik tombol “Simpan”
- Selesai
Cara Mengaktifkan Fitur Seluler
- Masuk dulu ke dasbor blog sobat
- Terus masuk ke sajian “Template“, sesudah itu klik icon bergambar “Roda”
- Selanjutnya pilih “Ya. Tampilkan template seluler di perangkat seluler.”
- Terakhir tinggal klik tombol “Simpan”
- Selesai
Mengedit Menu Navigasi
Pada template Evo Magz terdapat tiga buah sajian navigasi. Dua buah sajian navigasi untuk versi desktop dan satu buah sajian navigasi untuk versi seluler.
Jika sahabat tidak mengaktifkan fitur versi seluler, maka sahabat hanya perlu mengedi sajian navigasi versi desktop saja.
Untuk mengedit sajian navigasi versi desktop pada bab atas header cukup cari isyarat ini:
<!-- primary navigation sajian start -->
<ul class='nav-menu'>
<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>
<!-- primary navigation sajian end -->
Edit text berwarna merah dengan URL tujuan dan warna hijau dengan nama menu yang diinginkan.
Untuk sajian navigasi di bawah header silakan cari isyarat berikut ini:
<!-- secondary navigation sajian start -->
<ul class='nav nav-menu2'>
<li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>Menu 1</a>
<ul>
<li><a href='#'>SubMenu 1</a></li>
<li><a href='#'>SubMenu 2</a></li>
<li><a href='#'>SubMenu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>SubMenu 1</a></li>
<li><a href='#'>SubMenu 2</a></li>
<li><a href='#'>SubMenu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
<!-- secondary navigation sajian end -->
Edit text berwarna merah dengan URL tujuan dan yang berwarna hijau dengan nama menu yang diinginkan.
Menu navigasi ini hanya perlu diedit kalau sahabat mengaktifkan fitur template versi seluler.
Untuk mengedit sajian navigasi versi seluler silakan cari isyarat ini:
<!-- mobile navigation sajian start -->
<div id='mobile-nav'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> ·
<span><a href='#'>Teknologi</a></span> ·
<span><a href='#'>Olahraga</a></span> ·
<span><a href='#'>Entertainment</a></span> ·
<span><a href='#'>Gaya Hidup</a></span>
</div>
<!-- mobile navigation sajian end -->
Seperti biasa, cukup edit yang berwarna merah dengan URL tujuan dan yang berwarna hijau dengan nama menu yang diinginkan.
Tombol Media Sosial
Terakhir yang perlu diedit yaitu tombol social media di sebelah kanan sajian navigasi atas. Silakan cukup cari isyarat berikut ini:
<!-- social media button start -->
<ul class='nav-social'>
<li><a class='fcb' href='https://www.facebook.com/' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></a>
</li>
<li><a class='igicon' href='https://www.instagram.com/' rel='nofollow'><i class='fa fa-instagram fa-2x'/></a>
</li>
<li><a class='gpl' href='https://plus.google.com/' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></a>
</li>
<li><a class='twt' href='https://twitter.com/' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></a>
</li>
<li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></a>
</li>
</ul>
<!-- social media button end -->
Silakan cukup rubah saja URL yang bertanda hijau di atas dengan URL milik sobat.
Modifikasi Tampilan Template
Bagi sahabat yang mungkin ingin memodifikasi template ini semoga sedikit berbeda, sahabat sanggup memanfaatkan fitur perancang template yang ada di blogger. Sobat sanggup dengan simpel mengganti warna, background, dan juga font pada template ini.
Caranya sangatlah mudah, silakan sahabat masuk ke Dashboard blogger > Template > Sesuakan > Setelah itu klik “Tingkat Lanjut”
Pengaturan Komentar Facebook
Tanpa melaksanakan pengaturan bersama-sama facebook comment akan otomatis tampil dan sanggup dipakai secara normal. Namun, semoga sahabat sanggup melaksanakan moderasi terhadap komentar-komentar yang masuk, maka perlu dilakukan sedikit konfigurasi.
Cukup cari isyarat di bawah ini di dalam template:
<meta content='YOUR_FACEBOOK_USER_ID' property='fb:admins'/>
Ganti yang berwarna hijau dengan ID profil facebook sobat.
Untuk mengetahui ID profil facebook milik sobat, silakan masuk ke http://findmyfbid.com/
Pengaturan Form Berlangganan
Untuk mengedit form berlangganan feedburner di bawah postingan silakan cari isyarat di bawah ini:
<div class='berlangganan-box'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=BlogMasSugeng', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Subscribe to receive free email updates:</p><p><input class='email-address' name='email' placeholder='Your email address...' type='text'/></p><input name='uri' type='hidden' value='BlogMasSugeng'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Subscribe'/></p>
</form>
</div>
Ganti text berwarna hijau dengan ID FeedBurner milik sobat. Untuk mengetahui ID feedburner silakan KLIK DISINI
Sumber aciknadzirah.blogspot.com