Beberapa waktu yang lalu saya pernah berbagi template yang saya namai first-rikays. Template tersebut adalah template jadul yang saya buat ketika saya masih kelas 2 SMK dulu. Nah, kali ini saya merilis template versi 2 dari first-rikays. Di versi 2 ini banyak sekali penambahan fitur dan gaya desainnya juga disesuaikan dengan gaya desain sekarang.
Daftar Isi Postingan
Deskripsi
First Rikays V2 adalah template responsive bergaya magazine dengan 3 kolom, versi 2 dari template first rikays. Cocok dengan jenis blog apapun karena warna bisa disesuaikan dengan fitur Blogger Template designer. Template ini juga sangat cocok untuk publisher iklan PPC dengan tersedianya 2 sidebar.
Fitur Template
1. Unlimited color schemes
Fitur ini mungkin yang jarang di temukan pada template gratis. Bagi anda yang tidak suka dengan warna hijau atau lebih suka warna lain, anda bisa dengan mudah mengganti color schemes lewat blogger template designer. Anda bisa mengubah warna header, warna featured widget, dan warna link. (Dashboard > template > Customize -> Advanced tab)
2. SEO Optimized
Bagi anda yang masih percara mitos bahwa template 3 kolom kurang SEO friendly, anda salah. Tidak semua template 3 kolom kurang SEO friendly. Salah satunya adalah template ini. Walaupun dibuat 3 kolom, kode konten untuk template ini di simpan di lebih atas daripada sidebar kiri maupu kanan sehingga lebih di prioritaskan. Silahkan cek sendiri. Widget ini juga sudah support structured data di google web master tool. Judul untuk posting menggunakan tipe heading <h1>, yang mana itu SEO friendly. Untuk widget, menggunakan heading <h2>
3. Fast Loading
Untuk ukuran template 3 kolom dengan banyak widget yang ditampilkan, loading template ini termasuk cepat. Apalagi, jika anda mengurangi penggunaan widget-widget yang tidak perlu. Silahkan cek sendiri di GT Metrix.
4. Featured Widget
Featured widget berfungsi sebagai tempat untuk elemen yang ingin anda tonjolkan pada situs anda. Pada template ini saya membuat 1 style featured widget, yang tentunya bisa anda rubah-rubah sendiri. Featured widget standar yang saya buat ini memiliki form berlangganan feedburner, tombol like & share facebook, tombol follow twitter, dan badge google+. Tutorialnya ada disini.
5. 2 sidebar
Seperti yang anda lihat pada demo, template ini memiliki 2 sidebar di kiri kanan. Keduanya bisa anda manfaatkan untuk menambahkan widget-widget yang anda butuhkan pada blog anda. 2 sidebar ini juga membuat template ini lebih keren daripada template lain.
6. Fully Responsive
Yap, silahkan resize template ini di browser anda. Template ini sudah 100% responsive. Menu bersifat ‘collapsible’, yang bisa anda munculkan dan sembunyikan dengan sekali klik. Pada tampilan responsive handphone, sidebar kiri disembunyikan. Jadi, gunakan sidebar kiri untuk elemen yang tidak terlalu penting.
7. Cool Widget Heading with font-awesome
Silahkan anda lihat sendiri, jarang-jarang ada template dengan judul widget keren seperti ini heheheh. Style judul pada widget di template ini di integrasikan dengan font-awesome menggunakan javascript.
8. Auto Readmore Without JS
Template ini juga memiliki auto readmore untuk tiap post yang ada di halaman utama, pencarian, kategori dan arsip. Auto readmore ini juga tidak akan memberatkan karena menggunakan post snippet sebagai deskripsinya, seperti yang digunakan pada widget popular posts.
9. 3 Culomn footer widget
Ada 3 kolom widget pada footer yang siap anda gunakan. Widget pada footer biasanya digunakan untuk meyimpan elemen-elemen seperti daftar link, catatan ‘Tentang saya’, dan sebagainya.
10. Widgetized Multilevel dropdown menu
Untuk mengedit menu, kebanyakan template mengharuskan anda untuk mengedit HTML template anda. Nah, pada template ini, untuk mengedit atau menambahkan menu bisa lewat penambahan widget di menu layout/tata letak sehingga tidak khawatir salah edit HTML pada template. Tutorial menambahkannya baca disini.
11. Breadcrumb
Template ini dilengkapi breadcrumb, tetapi breadcrumb ini tidak akan terindeks di mesin pencari. Alasannya adalah agar lebih SEO friendly karena fungsi custom URL permalink yang biasanya diisi dengan keyword posting akan terindeks.
12. Ads Optimized
Template ini sudah dioptimalkan untuk menampilkan iklan. Dengan adanya sidebar kiri, penampilan dan klik iklan anda akan lebih optimal. Sidebar kanan pun bisa anda gunakan untuk menyimpan iklan dengan ukuran besar.
13. Well Documented (Dokumentasi masih dalam pembuatan)
Segala tutorial yang berhubungan dengan template ini saya tulis dengan lengkap sehingga anda tidak akan kebingungan bagaimana caranya menggunakan template ini. Anda juga bisa bertanya di komentar jika menemukan error pada template. Dokumentasi tersedia disini.
14. Easy Customizable
Dengan adanya dokumentasi, support blogger template designer, dan area widget yang fleksibel, template ini menjadi mudah untuk di sesuaikan. Untuk yang bisa HTML/CSS, anda juga bisa mengedit style-nya dengan mudah karena setiap elemen memiliki class yang sesuai dengan namanya, dan terstruktur dengan baik.
15. Facebook Opengraph
Template ini sudah support facebook opengraph. Artinya, saat anda share posting blog di facebook anda, akan muncul gambar thumbnail, judul dan deskripsi posting anda.
Update 18 mei 2015
16. Related Posts
Berhubung banyak sekali yang minta untuk mengupdate template ini agar ada fitur related post-nya, jadi hari ini saya update seperti yang diminta. Related post-nya minjem scriptnya mas Taufik Nurrohman yang di publish di posting ini : http://www.dte.web.id/2013/07/widget-artikel-terkait-blogger-6-dalam-1.html. Sedangkan stylenya mirip dengan related posts pada blog ini..
~Muhammad Syakirurohman~
Free Responsive Blogger Template – First Rikays V2 - BloggerIndo
[…] waktu yang lalu saya pernah berbagi template yang saya namai first-rikays. Template tersebut adalah template jadul yang saya buat ketika saya masih […]
Diary Vazha
Akhirnya ada versi bloggernya dan sudah di update makasih 🙂
Syakir Rahman
Yaaap, sama-sama.. silahkan dipakai
Febry Iqbal Rambe
terima kasih sudah mau share template berkualitas gan 🙂
Syakir Rahman
Sip, sama sama
Dede Raditya
Cara masang fitur Featurednya gmn? ajarin dong
Syakir Rahman
liat di http://www.syakirurohman.net/docs gan, udah ada tutorialnya 🙂
ben
Keren mas. Coba ditambahi fitur Related Post. Lebih keren lagi…
Saya tunggu updatenya…
Syakir Rahman
Sip.. nanti saya update lagi 😀
Iqbal
ninggalin jejak dulu ya gan, izin bookmark dulu nanti donlodnya hehe, nemu link agan di grup FB Desainer Web Indonesia td
Syakir Rahman
Sip. Silahkan mas iqbal 😀
Oka
manteb nih .. 🙂 ikutan nyobain gan
Syakir Rahman
Sip. Silahkan mas 😀
farah
ckckck….keren gan, permisi nunggu up datenya, biar tambah keren
Syakir Rahman
Hahah.. Oke dah.. ditambahin apa biar tambah keren ? 😀
Eddy
Halo mas..
Saya sudah cobain templatenya, ringan dan enak dilihat, terutama font nya.. Cuma saya mau tanya sedikit nih, ketika saya pasang menu utamanya, kan saya ikuti dari panduannya..
Tapi kenapa bentuk menunya ke bawah ya ? Seperti CSS nya tidak terbaca..
Syakir Rahman
biasanya itu karena formatting kodenya belum ke hapus.. Coba sebelum di paste ke widget pastekan dulu ke notepad
Rauf Seven - Belajar Internet
desainnya keren gan, trus fast loading lagi. Download ah 😀
Syakir Rahman
Sip.. Terima kasih.. Semoga bermanfaat gan 😀
Ady
Sebelumnya terima kasih mas. Izin comot ya mas, terutama script widget nya. 😀
Syakir Rahman
Yap, silahkan.. terima kasih kembali 😀
blogdindin.com
Keren templatenya mas, tapi saya ingin yang versi wordpressnya… 😀
Syakir Rahman
Versi wpnya belum sempet bikin hahah
www.jatibagus.com
manteep mas temanya. kapan2 dicoba kalau sudah ada blog baru.
Furniture Mebel Jepara
Nilo Catur Nugroho
manteb banget deh pokoknya, ijin comot mas
Syakir Rahman
Sip, silahkan..
heri julianto
mas saya tertarik dengan templetenya mas, saya lagi ada tugas sekolah membuat blog dan saya ingin ijin menggunakan templetnya mas ini, namun saya ingin agar first rikays sama search boxnya ikut jalan waktu discroll ke bawah bisa gk mas, klo bisa gmana?
terima kasih ms
Syakir Rahman
Bisa.. yang seperti itu namanya sticky, mungkin bisa simak posting ini : http://www.syakirurohman.net/2015/02/tutorial-membuat-sticky-widget-blog.html
Mohammad Nur Fawaiq
Izin sedot mas, makasih 🙂
doless
izin sedot mas hehe =D
Syakir Rahman
Dipersilahkan 😀
Faizal
izin comot gan…
visit juga Tip trik & Tutorial 🙂
blogostrong
wah,,, template seperti ini yang saya suka gan,,,
kizeh
Template yang bagus sangat banyak sekali bertebaran saat ini , kita hanya tinggal milih yang mana yang cocok dan ini mungkin salah satunya .
azantie
izin sedot gan, ane baru bljr blogging nih moga bsa ikt dpt penghasilan dari adsense
abuazma
kang Syakir terimakasih template sudah sukses terpasang. tapi link artikel ko ada yang beda ya nih contohnya (http://wisatakuliner-kita.blogspot.com/2015/07/resep-rahasia-ayam-goreng-kecap-pedas.html#.VZSdIxvtmko) ini kode apa ya “#.VZSdIxvtmko” di tunggu jawabanya..
Syakir Rahman
Itu dihasilkan karena adanya link share di bawah posting.. dihasilkan oleh javascript.. Tapi tidak bermasalah kok untuk SEO
abu azma
ok…klo tidak pengaruh seo lanjut dipakai..tanks..
L
Woah ini keren sekali 😮 Kenapa gak dari dulu aku ketemu web ini T_T
rombak template lagi deh -_- BTW disini kok gak ada arsipnya ya? aku jadi bingung harus kemana
Kunbal http://lspega.blogspot.com
segera masuk di rekomendasi situs blog ane 🙂
L
Gan kok tampilan blog saya tidak sesuai dengan yang di demo ?? postingannya ada yang renggang, tata letaknya pun juga tidak sama
tolong kasih solusinya T_T
http://prntscr.com/7r0cf0
http://prntscr.com/7r0dch
Syakir Rahman
Ketidak sesuaiannya itu karena widgetnya tidak sama.. Untuk tata letak, memang ada error dan belum sepet di fix hehehe
rizkazka
Ka… aku izin download ya … mau coba edit tampilan blogku… nanti kalo gagal nanya boleh kan ya ??
Syakir Rahman
Iyaa de silahkan, kalo nanya lewat facebook aja yaah
Khizbulloh Huda
Izin download, keren
nanang
saya belum download tapi udah takjub dengan template ini, tks kang Syakir Rahman. Semoga barokah ilmunya…
Bung Hartarto
wah keren banget, ijin download Bang.
Ismed
mas Syakir Rahman boleh tanya, ketika postingan dibuka di browser kok ada penambahan tulisan seperti ini ya #.VrXBsPmLTZ4 setelah .html
Syakir Rahman
Itu normal kok karena dari widget sharenya..
jam tangan
hey, blog kepunyaan anda ini sangatlah bagus.
Ikut ngisi komentar ya sambil baca-baca posting di blog anda ini.
Ikut nunggu update posting barunya. Thank you.