Free Responsive Blogger Template – First Rikays V2

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.

First Rikays blogger Template

 

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

Mendukung Blogger Template Designer

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

GT Metrix
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

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

Cool widget heading

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

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~

48 Comments

  1. Akhirnya ada versi bloggernya dan sudah di update makasih 🙂

  2. terima kasih sudah mau share template berkualitas gan 🙂

  3. Cara masang fitur Featurednya gmn? ajarin dong

  4. Keren mas. Coba ditambahi fitur Related Post. Lebih keren lagi…
    Saya tunggu updatenya…

  5. ninggalin jejak dulu ya gan, izin bookmark dulu nanti donlodnya hehe, nemu link agan di grup FB Desainer Web Indonesia td

  6. manteb nih .. 🙂 ikutan nyobain gan

  7. ckckck….keren gan, permisi nunggu up datenya, biar tambah keren

  8. 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..

  9. Rauf Seven - Belajar Internet

    desainnya keren gan, trus fast loading lagi. Download ah 😀

  10. Sebelumnya terima kasih mas. Izin comot ya mas, terutama script widget nya. 😀

  11. Keren templatenya mas, tapi saya ingin yang versi wordpressnya… 😀

  12. manteep mas temanya. kapan2 dicoba kalau sudah ada blog baru.
    Furniture Mebel Jepara

  13. manteb banget deh pokoknya, ijin comot mas

  14. 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

  15. Izin sedot mas, makasih 🙂

  16. izin sedot mas hehe =D

  17. izin comot gan…
    visit juga Tip trik & Tutorial 🙂

  18. wah,,, template seperti ini yang saya suka gan,,,

  19. Template yang bagus sangat banyak sekali bertebaran saat ini , kita hanya tinggal milih yang mana yang cocok dan ini mungkin salah satunya .

  20. izin sedot gan, ane baru bljr blogging nih moga bsa ikt dpt penghasilan dari adsense

  21. 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..

  22. 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 🙂

  23. 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

  24. Ka… aku izin download ya … mau coba edit tampilan blogku… nanti kalo gagal nanya boleh kan ya ??

  25. Izin download, keren

  26. saya belum download tapi udah takjub dengan template ini, tks kang Syakir Rahman. Semoga barokah ilmunya…

  27. wah keren banget, ijin download Bang.

  28. mas Syakir Rahman boleh tanya, ketika postingan dibuka di browser kok ada penambahan tulisan seperti ini ya #.VrXBsPmLTZ4 setelah .html

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *