Akhirnya Selesai juga template Rikka'a,yah pasti tau anime yang satu ini,yang juga menjadi anime favorite saya :) template kali ini saya beri dengan tema Rikka takanashi,dari tokoh anime di seri Chuunibyou Demo Koi ga Shitai!.
Akhir" ini benar" sibuk dengan urusan kuliah,tugas menumpuk trus.tapi karena ga tahan ingin buat thema'a tentang anime Chuunibyou Demo Koi ga Shitai,sambil curi" waktu sedikit saya buat dari template dasar sword art online,saya design ulang pada bagian header,posting dan footer'a,serta memperbaiki sedikit" kekurangan dan menambahkan fungsi dropdown menu pada bagian menubarnya,karena banyak'a request menu dropdown.untuk design'a sendiri,saya mengedit'a dahulu pakai photoshop,karena minggu" ini sangat sulit untuk mencari gambar header Rikka yang cocok,jadi saya edit sendiri saja deh~.
dan untuk hasil'a kalian dapat melihat preview dibawah ini ^^
Ganti tanda pagar '#' dengan url link site yang kamu inginkan.
sip deh,akhirnya lega juga~xD Bila tertarik,silakan dicoba~xD ok deh,terima kasih,saya undur diri lagi,mohon maaf kalau saya jarang" aktif,semoga masih ada banyak kesempatan waktu untuk saya aktif blogging lagi,mohon maaf apabila ada komentar yang tidak dibalas,masih banyak tugas menunggu di belakang,besok juga harus siap" menghadapi dosen yang killer",ampun deh~xDD Akhir kata,Arigatou gozaimasu~
Template kali ini Bertema Robotic notes,tentunya buat yang sudah nonton anime ini sudah tau siapa gunvarrel,robot mecha~xD.pada template ini,apa yang unik?kalau kalian sudah melihat demo/mencoba template ini langsung,saat pertama melihat template ini,mata akan tertuju pada header yang bertuliskan please wait,apakah itu? itu adalah css animasi loader yang saya modifikasi agar selalu ada di header hanya sekitar 10 detik.
Screenshot
lalu apa lagi yang aneh dari template ini?yang pastinya Style postingnya,bentuknya tidak biasa,tetapi tetap rapih.dan lagi jika kalian perhatikan thumbnail pada posting ukuran gambar hanya sekitar 70px,tetapi ketika kita arahkan kursor ke thumbnail,maka gambar akan membersar,tetapi untuk lebar gambar max 600px dan min 200px,sedangkan untuk tingginya auto,sehingga tinggi gambar tidak akan selalu sama tergantung pada gambar yang kita pasang.
Screenshot
1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini. setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.
1. Pengaturan menu Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini. setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.
Oia,berkaitan dengan Video Preview diatas,Template ini menggunakan 2 Sidebar,tetapi dijadikan menjadi 1 kolom.berdasarkan gambar layout dibawah ini,sidebar bagian atas tidak menggunakan Fitur Accordion/tutup-buka,sedangkan sidebar bagian bawah menggunaan fitur accordion/tutup buka widget.
Tertarik dengan Template hatsune Miku Versi 2013 ini? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.
*Jika ada masalah pada sidebar yang tidak berfungsi accordion'a/tutup-bukanya,masalah umum selalu terletak pada javascriptnya. Solusi: download/ganti Js dibawah ini,lalu upload sendiri pada hostingan js kalian,misal di code.google.com atau https://sites.google.com
Hello guys,maaf kalau menunggu lama,karena semester ini kuliah saya sangat padat,jadi selalu tidak sempat untuk membuka blog,nah template yang akan saya share kali ini tema'a saya ambil dari anime Date A Live yang belum aired,tetapi kalau dilihat dari previewnya,mungkin anime ini sangat ditunggu" rilisannya pada tanggal 30 maret, 2013 yang artinya bulan depan nanti.maka dari itu template kali ini saya buat semenarik mungkin temanya,tetapi saya tetap mempertahankan penggunaan CSS3 dari pada gambar,kecuali pada bagian headernya yang ukuranya cukup besar.CSS3 loading system 10s hasil kreasi ini yang saya terapkan hanya ada pada halaman depan blog,bisa anda lihat screenshot dibawah,saat pertama membuka demo template ini,yang tampil hanya bagian header dan muncul loader yang beranimasi dan akan menampilkan isi content pada blog ,ditambah lagi penggunaan jquery Accordion(tutup-buka sidebar) dan Jquery Mansory yang memungkinkan post pada halaman depan akan responsive terhadap tinggi posting yang berbeda",maka akan sorting dengan otomatis.responsive di template ini bukan berarti template ini yang responsive,tetapi hanya pada bagian posting saja.mungkin kalau untuk komputer yang kecepatan internetnya kurang cepat,mungkin akan terasa berat,tetapi karena disini saya merasa normal" saja(tested browser mozilla,chrome,safari),jadi saya rasa tidak masalah. Untuk Contohnya kalian bisa melihat pada screenshot dibawah ini atau kamu bisa melihat demo'a langsung.
Screenshot
1. Pengaturan menu Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini. setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.
setting manual oleh pengguna mengenai deskripsi dan keyword blog anda. *ganti text yang berwarna merah
<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>
Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini
3. Setting tanggal posting / mengatasi undefined.
buka setting=> language and formating pada blog kamu seperti gambar dibawah ini. Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :
Date header format:
Timestamp Format
Comment Timestamp Format
Mengenai Sidebar,sama seperti template hatsune miku, Template ini menggunakan 2 Sidebar,tetapi dijadikan menjadi 1 kolom.berdasarkan gambar layout dibawah ini,sidebar bagian atas tidak menggunakan Fitur Accordion/tutup-buka,sedangkan sidebar bagian bawah menggunaan fitur accordion/tutup buka widget.
4. Setting Social media : facebook, Twitter, Rss. *ganti url linknya
*Jika ada masalah pada sidebar yang tidak berfungsi accordion'a/tutup-bukanya,masalah umum selalu terletak pada javascriptnya. Solusi: download/ganti Js dibawah ini,lalu upload sendiri pada hostingan js kalian,misal di code.google.com atau https://sites.google.com
Tertari dengan template date A Live ini?silakan dicoba dan selalu ingat anda menggunakan template ini,selalu backup template lama anda agar tidak terjadi sesuatu yang tidak diinginkan.terima kasih
