.jpg)
kenapa score belum maksimal ...ya iyalah karena masih perlu seting ulang updated fix dan bug akan akan saya posting lagi dan kabar baiknya free....its free .untuk pengujian chkme.com ..terpampang 100 persen ..sementara bikin menu dulu sabar ya sis bro ..baru bikin menu...dan cara seting setingnya...
Cara setingnya sebagai berikut:
Daftar Isi
- 1 Cara Memasang Template
- 2 Cara Memasang Widget Recent Post Perlabel
- 3 Cara Memasang Widget Tab View
- 4 Responsive Design dan Versi Seluler
- 5 Cara Mengedit Menu Navigasi
- 6 Tombol Media Sosial
- 7 Cara Modifikasi Tampilan Template
- 8 Pengaturan Komentar Facebook
- 9 Pengaturan Form Berlangganan
- 10 SEO
- 11 Panduan Tambahan…
- 12 FAQ
- 13 Reset Script kembali ke nol default ( harap backup dulu script )
Penting...agar cara pemasangan serta pengaturan template . Silakan dibaca secara pelan-pelan dan teliti supaya templatenya terpasang dengan baik dan benar.
1. Cara Memasang Template
Hal pertama yang perlu dilakukan adalah sabar dan membaca dengan teliti anggap aja sebagi hiburan dan latihan mengetik he he he. falsafah "jawa alon alon asal kelakon".Untuk tutorial cara memasang template di blog, saya sudah membuat panduan lengkapnya DI SINI.
Jika sobat baru pertama kali mengganti template, silakan dibaca panduannya dulu.
2. Cara Memasang Widget Recent Post Perlabel
Widget recent post perlabel adalah widget artikel terbaru yang diurutkan berdasarkan label.Untuk memasang widget ini pada template inicaranya sangat mudah sekali.
#1. Masuk ke menu Tata Letak, setelah itu klik Edit pada masing-masih kotak widget yang berada di bawah kotak “Posting Blog“:
#2. Berikutnya cukup masukan nama label postingan yang ingin dimunculkan pada widget tersebut.
#3. Terakhir tinggal klik tombol “Simpan”
Secara default template ini menyediakan 6 widget recent post perlabel yang bisa digunakan. Sobat bisa menggunakan semuanya, atau bisa juga menghapus beberapa widget tersebut.
3. Memasang Widget Tab View
Untuk memasang widget tab view caranya super gampang. Cukup pasang aja widget yang sobat inginkan pada 3 kolom widget khusus pada sidebar template ini:4. Responsive Design dan Versi Seluler
Template ini memiliki desain yang Responsive, tapi juga memiliki fitur Versi Seluler.Apa bedanya?
Silakan bisa dilihat screenshot di bawah ini:
Kelihatan kan bedanya?
Kalau sobat lebih tertarik dengan desain responsive, silakan bisa BACA INI untuk cara mengaktifkannya.
Nah kalau lebih tertarik menggunakan fitur Versi Seluler silakan bisa BACA INI untuk cara mengaktifkannya.
http://fitrilana.blogspot.co.id/2016/06/contoh-seo-meta-tag-script.html
Bing
Alexa Rank
Yahoo
Dmoz
Bagian menu navigasi pada template ini bisa dibilang bagian yang lumayan ribet untuk diedit, khususnya bagi yang belum terlalu familiar dengan kode HTML.
Di bawah ini akan saya coba saya jelaskan sesederhana mungkin supaya mudah dipahami.
Pada template ini terdapat tiga buah menu navigasi. Dua buah menu navigasi untuk versi desktop dan satu buah menu navigasi untuk versi seluler.
Jika sobat tidak mengaktifkan fitur versi seluler, maka sobat hanya perlu mengedi menu navigasi versi desktop saja.
#1. Menu Navigasi Desktop Di Atas Header
Untuk mengedit menu navigasi versi desktop pada bagian atas header cukup cari kode ini:
<!-- primary navigation menu 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 menu end -->Edit text dengan background berwarna merah dengan URL tujuan dan warna hijau dengan nama menu yang diinginkan.
Kurang lebih nanti jadinya seperti ini:
<!-- primary navigation menu start --> <ul class='nav-menu'> <li><a href='http://fitrilana.blogspot.com/p/tentang.html'>Tentang Saya</a></li> <li><a href='http://fitrilana.blogspot.com/p/about.html'>About</a></li> <li><a href='http://fitrilana.blogspot.com/p/privacy.html'>Privacy Policy</a></li> <li><a href='http://fitrilana.blogspot.com/p/disclaimer.html'>Disclaimer</a></li> </ul> <!-- primary navigation menu end -->
#2. Menu Navigasi Destop Di Bawah Header
Untuk menu navigasi di bawah header silakan cari kode berikut ini:
<!-- secondary navigation menu 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 menu end -->Edit text dengan background berwarna merah dengan URL tujuan dan yang berwarna hijau dengan nama menu yang diinginkan.
#3. Menu Navigasi Versi Seluler
Menu navigasi ini hanya perlu diedit jika sobat mengaktifkan fitur template versi seluler.
Untuk mengedit menu navigasi versi seluler silakan cari kode ini:
<!-- mobile navigation menu 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 menu end -->Seperti biasa, cukup edit yang berwarna merah dengan URL tujuan dan yang berwarna hijau dengan nama menu yang diinginkan.
7. Tombol Media Sosial
Terakhir yang perlu diedit adalah tombol social media di sebelah kanan menu navigasi atas. Silakan cukup cari kode 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='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.
8. Modifikasi Tampilan Template
Bagi sis bro ingin modifikasi template ini saya persilahkan tapi yang ini gak boleh d hapus atau di modifikasi<!-- you don't have permission to remove or change these -->
Design by <a href='http://newwpthemes.com/' target='_blank'>NewWpThemes</a> | Blogger Theme by <a href='http://www.bloggertipandtrick.net/' target='_blank' title='Blogging Tutorials'>Lasantha</a> - <a href='http://www.premiumbloggertemplates.com/' target='_blank' title='Free Blogger Templates'>PremiumBloggerTemplates.com</a> | <a href='http://newbloggerthemes.com/' target='_blank'>NewBloggerThemes.com</a> | <a href='http://adicool.com/' target='_blank'>adicool.com</a>
</div>
kalau ingin menambahkan silahkan dengan nama modifikasi anda..di belakang adicool.com boleh di tambah ...oke!!!
itu peraturan dari sononya begitu he he he he...
9. 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 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/
10. Pengaturan Form Berlangganan
Untuk mengedit form berlangganan feedburner di bawah postingan silakan cari kode 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 dengan background berwarna hijau dengan ID FeedBurner milik sobat. Untuk mengetahui ID feedburner silakan KLIK DISINI
11. SEO
Untuk masalah SEO pada template ini sudah saya setting semaksimal mungkin sesuai dengan apa yang saya bisa.1. Verifikasi bing
2. google+
3. Google Verifikasi
4. Norton
1. APABILA GAGAL Gunakan KODE INI <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>
5. Verifikasi Yahoo
4. POKOKNYA SEMUA SEARCH ENGINE DI DAFTARIN .. OK!!!
12. Panduan Tambahan…
Berikut ini adalah beberapa panduan lainnya khusus untuk Template ini:– Cara Menghilangkan Thumbnail Post
– Cara Menghapus Auto Readmore
– Cara Menghapus komentar facebook
– Cara Menghapus Kotak Berlangganan
– Cara Mengatasi Postingan Cuma Tampil Satu di Halaman Depan
– Lainnya menyusul
13. FAQ
masih nunggu bug fix dulu ya...biar score up up up....sementara download yang sudah ada dulu di fitrilana.blogspot.co.id...salam bloger
terimakasih..
14. Reset Script kembali ke nol default ( harap backup dulu script )
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<title>Judul Blog Anda</title>
<b:skin><![CDATA[ ]]></b:skin>
</head>
<body>
<b:section id='contoh'/>
</body>
</html>
Copy Script ini ke html anda yg trouble / rusak ...trus klik simpan
trus kita upload lagi xml ( theme ) sesuai pilihan kita misalnya mau ganti theme terbaru.
Tools Cek Website Anda Sudahkah memenuhi sarat ....???
Cek Harga Website / blog Anda di sini....
Cek Pagespeed website / blog anda di sini...
Analisa speed website / blog Anda di sini...
Latest Cek Webites Speed Pingdom
Cek website by nibbler
Cek website by woorank
Download Theme :
De Mag Theme
Magweb Teme
GreatMag Theme
Open News Theme
Theme yg saya pakai .. gt metrix score 90/80
Update 4-6-2016
TOOLS Google:
1. Tools google ini untuk menguji data terstruktur script anda Disini silahkan di coba.2. Tools google ini berguna untuk meng index artikel / url anda kurang dari 1 menit Disini
3. Tools ini untuk mengedit gambar yang pernah anda upload do blogger Disini
4. Tools ini untuk melihat google analytic integration Disini
5. Tols ini mengecek Bounce rate Disini
Vary SEO tools
