Tuesday, November 4, 2014

Memilih dan Mengedit Template Blog Responsive

Website atau blog dengan tampilan yang responsive memang dibutuhkan jika pemilik blog website tersebut menginginkan kemudahan dan kenyamanan bagi pengunjung blog web dari berbagai macam perangkat dengan berbagai macam platform sitem operasi, browser dan sebagainya.

Begitu juga dengan Template Blogger Responsive yang sekarang semakin digemari oleh para blogger. Ada banyak template blog responsive yang bisa dicari dan diunduh di website penyedia template blog gratis. Biasanya kita perlu melakukan modifikasi sesuai dengan kebutuhan terkait dengan cocok tidaknya template blog juka dipasang pada blog kita dengan tema tertentu. Tentu saja modifikasi template jangan sampai melanggar hak cipta seperti menghilangkan credit title atau keterangan copyright yang bisanya ada di footer  atau di dalam script template.

Ada sedikit tips cara memilih jika Anda memutuskan untuk akan mendownload sebuah template misalnya dengan melakukan search kata kunci 'free responsive blogger template' 'download free responsive blogger template'. Sebelum mendownload Anda bisa melakukan sedikit pemeriksaan dengan melakukan inspect elemet  dengan menggunakan browser Google Chrome, supaya Anda yakin akan memilih template yang akan didownload untuk berikutnya diedit dengan penyesuaian yang diinginkan seperti mengubah background image, warna, jenis dan ukuran font dan lain-lain.

Inspect element Template Blog Responsive dengan Google Chrome
Inspect element Template Blog Responsive Bluster dengan Google Chrome (Screenshoot Image from cssauthor.com)






















Maksud melakukan inspect element yaitu mempermudah kita menemukan letak kode html atau css pada sebuah tampilan template, tapi bukan untuk mengeditnya langsung. Untuk mengedit template biasanya langsung di menu edit html pada blogger.

Silahkan simak video singkat berikut tentang cek dan error inspect element sebelum memilih dan mendownload free template blog.



Banyak element template yang susah untuk ditemukan karena memang sebuah template bukan hanya dibangun oleh script html dan css saja tapi juga dilengkapi dengan bahasa pemrograman lain seperti javascript dan lain-lain. Tapi setidaknya kita yang sedang belajar bisa sedikit tahu letak-letak variabel element sebuah template yang kita gunakan pada sebuah blog. Mudah-mudahan tips sederhana mengedit template blog responsive ini bermanfaat. 

Sunday, November 2, 2014

Cara Mudah Edit Template Blog Mirip Chordfrenzy

Beberapa hari ini saya memang tertarik pada website-website dengan konten seputar musik, lirik lagu, kunci gitar atau chord dan terpikir untuk mencoba membuat sendiri template untuk blog atau lebih tepatnya mengedit template yang sudah ada seperti yang saya bahas kemarin. Padahal sebenarnya ada banyak template blogger gratis yang sudah bisa digunakan untuk mendukung tema blog seperti ini.

Karena penasaran saya search google dengan kata kunci template blog mirip chordfrenzy, saya menemukan template bagus di sini. Setelah didownload, saya coba lakukan sedikit edit pada template ini hanya dengan mengganti warna pada border outer-wrapper dan warna widget-wrapper, tampilannya seperti ini.

Edit Template Blog Mirip Chordfrenzy
Edit Template Blog Mirip Chordfrenzy

Saya tidak bermaksud untuk menjiplak tampilan sebuah website secanggih Chordfrenzy.com, karena bisa melanggar hak cipta. Ini hanya sebagai bahan latihan belajar saja bahwa blogger dengan template bawaannya bisa diedit secara maksimal dengan mempelajari berbagai macam bahasa pemrograman atau coding seperti CSS, html, javascript dan sebagainya.

Silahkan lihat video Cara Mudah Mengedit Tampilan Template Blog hanya dengan mengganti warna yang dibutuhkan. Untuk mendapatkan kode warna html bisa kita menggunakan html-color-codes.



Mudah-mudahan tutorial Cara Mudah Edit Template Blog Mirip Chordfrenzy ini bisa bermanfaat.

Saturday, November 1, 2014

Membuat Template Blog untuk Kunci Gitar Chord dan Lirik Lagu

Untuk membuat sebuah blog dengan konten lirik lagu yang dilengkapi kunci gitar atau chord sebenarnya bisa dilakukan seperti halnya kita menulis artikel berupa lirik lagu dan menuliskan kunci gitar atau chord di atas lirik tersebut. Tapi jika Anda sering mengakses website penyedia chord dan lirik lagu baik dari Indonesia seperti chordfrenzy.com atau website free tab chord luar negeri seperti ultimate-guitar.com, di sana Anda akan melihat tampilan otomatis berupa gambar kecil kunci gitar atau chord di atas lirik lagunya.

Tampilan otomatis chord F#m di Chordfrenzy.com

Tampilan otomatis chord F#m di Chordfrenzy.com

Tampilan otomatis chord C#m di Guitartab.com
Tampilan otomatis chord C#m di Guitartab.com

Mungkin Anda bertanya bagaimana cara membuat posting lirik lagu lengkap dengan kunci gitar atau chord otomatis seperti website di atas pada blogger atau blogspot?. Kebetulan hari saya juga sedang belajar membuat postingan seperti ini pada blogger chordmagz.blogspot.com dengan template bawaannya Awesome Inc. 

Membuat blog untuk kunci gitar chord dan lirik lagu
Membuat blog untuk kunci gitar chord dan lirik lagu

Untuk lebih jelasnya silahkan Anda lihat video di bawah ini.



Mudah-mudahan video membuat posting blog untuk kunci gitar chord dan lirik ini bisa bermanfaat.