Mengganti Logo Header dengan Logo Blog Kita

  Dalam edit template 'Elegant Style dan SEO Friendly' sebelumnya saya belum menyertakan proses/cara mengganti logo o-om di samping header blog. Sehingga hasilnya yang terlihat adalah logo o-om.com terpampang di samping header blog farrocom. Logo itu juga menjadi link menuju blog o-om.com. Blog kita, khas kita kok logonya memakai milik orang lain. Maka saya berusaha menggantinya dengan logo sederhana kreasi saya. Membuat logonya juga dari ponsel dengan bantuan IDesigner. Saya mulai tahapan-tahapannya. dengan

  Pada dasarnya, setiap gambar yang disematkan di template atau posting blog adalah gambar yang telah di upload ke internet. Berarti gambar itu juga memiliki link tautan sendiri. Kemudian link gambar itu ditempelkan ke template dengan kode html tertentu. Seharusnya di file template 'Elegant Style dan SEO Friendly' juga mengandung unsur link logo itu. Untuk mencari kode logo di file xml template saya harus tahu dulu link gambar logo o-om.
  Langkah pertama saya buka blog farrocom.blogspot.com yang masih terpampang logo o-om dengan Opera Mini. Buka Gambar logo dengan menekan shortcut angka 1 keypad. Gambar telah terbuka, saya catat/Copy link gambar yang dapat dilihat di address bar Opera Mini. Hasilnya yaitu link ini http://sites.google.com/site/oomblog/logo_baru.gif . Gambar dengan nama logo_baru.gif . Ukuran gambar juga terlihat yaitu 85x85 pixel. Berarti nanti gambar penggantinya ukurannya juga harus 85x85 pixel.
Berikutnya memulai mengedit kode. Download file xml template kemudian buka dengan Moby Explorer(caranya pilih Menu->Text Editor Open..). Selanjutnya cari link gambar dengan memilih Menu->Find->Find.., kemudian masukkan nama gambar logo_baru.gif . Lalu Ok. Hasilnya kita akan ditunjukkan kode link itu yang ada di file.

<div class='ad-banner'>
<a href='http://www.o-om.com'>

<img src='http://oom.blog.googlepages.com/logo_baru.gif'/> </a>

</div>

<b:section class='ad-banner2' id='ad-banner2' preferred='yes'/>

</div>

  Selanjutnya ubah kode yang berwarna merah di atas dengan link gambar baru. Sebelumnya upload lah dulu gambar logo di web hosting gambar seperti Picasa, Photobucket, Flickr dll. Saya sarankan kalau uploadnya dari ponsel sebaiknya di Flickr.com. Alasannya karena paling mudah untuk upload gambar dari ponsel. Jangan lupa ukuran gambar dibuat 85x85 pixel supaya sama dengan template sebelumnya. Untuk mengetahui link atau alamat gambar yang telah di upload caranya sama dengan saat mencari link gambar logo_baru.gif bawaan template. Hanya dengan begini kita sudah mengganti logo di samping header. Tapi jangan selesai dulu.
  Pada kode diatas ada alamat blog o-om.com, yang seperti ini http://www.o-om.com . Perancang template ini menambahkan kode berupa link yang menyertakan alamat blognya. Tujuannya agar kalau logo diklik, akan membawa ke blog atau web yang alamatnya disematkan pada kode. Jika kode itu tidak diubah maka logo kita akan tetap bermuatan link blog orang lain. Ganti lah alamat blog o-om.com dengan alamat blogmu.
Hasil perubahan kode untuk blog farrocom seperti berikut.

<div class='ad-banner'>
<a href='http://farrocom.blogspot.com'>

<img src='http://farm5.static.flickr.com/4135/5437288513_8e026292d2_z.jpg'/> </a>

</div>

<b:section class='ad-banner2' id='ad-banner2' preferred='yes'/>

</div>

Setelah semua selesai di edit. Lalu Save as dan beri nama baru. Sekarang upload template ke blogspot kembali. Selesai dan lihat hasilnya.

Memasang Template 'Elegant Style dan SEO Friendly'

  Posting dahulu sudah menceritakan proses mencari template yang cocok untuk blog Gado-Gado ini. Dan menemukan template Elegant Style dan SEO Friendly yang didesaign o-om.com atau Agus Ramdhani. Nah, sekarang saatnya mengunggah atau upload di blog. Sebelum di upload lewat ponsel, ada beberapa tahap dahulu. Termasuk sedikit editing kode xml template. Berikut beberapa tools/aplikasi ponsel yang saya gunakan untuk edit dan upload template.
1. X-plore (file manager Symbian yang dilengkapi zip manager).
2. Moby Explorer (file manager Java sekaligus editor HTML)
3. Opera Mini dan UC Browser
  File template yang baru di download formatnya masih zip(format file kompresi). Jadi harus di extact dulu. Saya pakai X-plore untuk melakukannya.
Begini caranya, buka X-plore lalu cari lokasi penyimpanan file Blogger-template-elegant-style (zoomtemplate.com).zip yang telah di download. Buka file lalu tekan Menu->File->Extract to... Tentukan lokasi kemudian Ok. Hasilnya adalah file Blogger-template-elegant-style (zoomtemplate.com).txt. Itulah file berisi kode xml template Elegant Style dan SEO Friendly.
  Selanjutnya editing beberapa kode. Waktunya Moby Explorer digunakan. Bagaimana caranya?

Buka aplikasinya lalu cari lokasi file tadi. Kalau ada peringatan dan sebagainya di Ok sajalah. Sorot filenya lalu pilih Menu->Text Editor->Open... Muncullah kode-kode xml yang tak terlalu ku mengerti. Saya mulai dari mengganti attribute footer. Itu, tulisan-tulisan dibagian bawah blog semacam Copyright, pendukung dan sebagainya.


Kode xml nya seperti ini.

< div class='blank' style='text-align: center; padding-bottom: 2px; padding-top: 20px' >

< small > © Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by < a href='http://www.blogger.com' > Blogger.com < /a > | Template by < a href='http://www.o-om.com' > o-om.com < /a > - < a href='http://www.zoomtemplate.com' > zoomtemplate.com < /a > < /small >

< /div >

Untuk mencari kode diatas kita gunakan fitur Find... pada Moby Exlporer. Pilih Menu-->Find-->Find... Lalu ketik beberapa kata dari kode diatas. Seperti yourblogname.com lalu Ok. Maka kita akan di ke kata tersebut. Klik Menu-->Edit.. untuk mengubah. Ganti yourblogname.com dengan nama blog kita. Kalau tidak memiliki izin dari perancang template ini, jangan sekali-kali mengganti atau menghapus link aktif o-om.com dan zoomtemplate.com.
Ubah juga kode favicon, gambar logo o-om, dan tambahkan meta content dan deskripsi blog. Lalu
Save as beri nama baru.
Tahap upload Template
Buka browser ponsel(Opera Mini atau UC Browser). Masuk ke Blogger.com lalu Log in. Setelah masuk, langsung menuju ke Rancangan. Dari halaman Rancangan lalu Edit HTML. (Sebelum mengupload template baru sebaiknya backup/restore template lama dahulu. Klik pada 'Download Template Lengkap'.)

Pilih file yang akan diupload dengan mengklik pada bagian yang ditunjukkan gambar dibawah.

File sudah ditemukan! Pilih lalu tekan Upload. Jika muncul notifikasi, pilih Pertahankan Widget jika ingin Widget di template lama tetap ada. Atau Hapus Widget apabila akan menghilangkan semua widget lama.


Kemarin saya praktekkan di blog farrocom dengan memilih Hapus Widget. Sehingga hasilnya tak ada widget yang terpasang. Semula maksudnya biar digantikan widget template yang baru. Tapi ternyata template ini belum menyertakan widget-widget seperti yang nampak pada blog Demo nya. Jadi farrocom.blogspot.com pun harus saya tambahkan sendiri widget-widgetnya.
*Semua screenshot diatas diambil langsung dari browser ponsel dengan sedikit Editing.

Memilih Custom Template Blogspot yang Cocok

  Setelah berhasil mendaftarkan blog, kita akan disuguhi pilihan template yang disediakan blogspot. Tanpa terkecuali farrocom. Berhubung masih awan, saya ikut saja. Saya pilih template yang menurut pandangan mata enak dilihat. Tentu saja template yang berwarna-warni. Tapi ternyata template yang dipenuhi gambar membuat load blog jadi berat. Kebanyakan blog yang saya temui memiliki template yang bagus. Juga load yang ringan. Tapi blog saya tidak. Kenapa, ya!

Walaupun sudah saya utak-atik lewat Perancang Template, tetapi hasilnya tetap tidak bisa menyamai. Mendekati mirip pun tidak.
  Ternyata template blogspot yang bagus itu adalah Template Custom. Maksudnya template di luar yang disediakan blogspot yang diupload ke blogspot. Seorang blogger bisa menggunakan template hasil rancangan sendiri maupun mendownload dari situs penyedia template. Caranya dengan mengupload file xml template ke blogspot. Bagi seorang ahli bahasa internet (html, xhtml, xml dan apalah sebutannya), membuat template baru dengan memodifikasi maupun menyusun sendiri kode-kode xml template mungkin hal yang mudah. Namun bagi seorang awan seperti saya, hal itu merupakan sesuatu yang bisa membuat pusing kepala. Maka saya mencari template baru di internet saja. Searching dan googling tentunya. Sambil blog walking melihat-lihat contoh templatenya master blogger. Dan saya temukan satu situs penyedia template blogspot yang lengkap. Yaitu www.freetemplatesblogger.com. Ada banyak pilihan template disini. Kita bisa memilah berdasarkan kategori/label. Maupun memilah satu per satu. Sesuai saran master blog agar blog ringan, saya memilih template yang unsur gambarnya sedikit. Juga yang SEO Friendly tentunya. Satu lagi, saya pilih template dengan Right Sidebar. Ini agar pembaca mobile dapat dengan cepat membaca artikel inti setelah di zoom menggunakan browser mobilenya.

  Pilihan saya jatuh pada template 'Elegant Style & SEO Friendly' rancangan Agus Ramdhani (o-om.com).

Menurut authornya, template ini hanya 20% saja penggunaan image nya. Sudah pasti blog jadi ringan. Selain itu juga dapat bonus CSS dengan mode kompresi, Read More, Embedded Comment Form, Meta Tag Include, SEO Title Tag, Favicon Include, Komentar berbeda untuk pemilik blog, Emoticon Include dll. Jadi saya kira ini adalah template yang cocok diterapkan di blog saya. Untuk penerapan akan diceritakan di posting berikutnya. Tentunya setelah praktek pemasangan template.

Mencoba Bangun dari Hibernasi Panjang Musim Paceklik

  Aneh rasanya kalau melihat tanggal pembuatan blog ini. Dibuat 2009 silam, namun posting artikelnya tidak lebih dari satu. Semula saya buat blog farrocom.blogspot.com untuk memuat gagasan-gagasan maupun segala uneg-uneg saya. Eh, belum apa-apa sudah berheti di jalan. Kala itu saya terkendala masalah waktu, pendanaan, lalu ide. Tak bisa meluangkan sedikit waktu untuk merenung. Kemudian menciptakan tulisan bermakna. Pendanaan, karena dulu masih mengandalkan komputer stand alone untuk mengetik materinya. Dan untuk posting harus ke warnet.

Sekali ke warnet 5ribu. Padahal cuma satu posting plus sedikit edit. Uang 5ribu buat kantung anak sekolahan(tahun 2009 masih di SMK) sangat lah berarti. Maklum, menengah ke bawah. Jadi ingat secuil lagunya Bang Bondan "Tidak miskin kurang kaya yo tapi sederhana". Berhubung tidak jelas apa tema blog farrocom, maka ide tulisannya pun membingungkan saya. Jadi bingung sendiri. Itulah kenapa judulnya Gado-Gado Posting.
  Sekian lama tak tersentuh update, seakan mati. Tapi kalau sekarang ada aktifitas lagi berarti istilahnya bukan "mati". Ku sebut saja 'Hibernasi Musim Paceklik'. Sekarang akan saya coba bangun kembali blog farrocom. Saya jadikan blog ini sebagai catatan belajar blogging saya. Sekaligus blog farrocom sebagai blog kelinci percobaan. Nantinya bila percobaan berhasil, akan saya terapkan di blog saya yang lain.
  Segala percobaan di blog ini lebih banyak ke percobaan blogging mobile via ponsel. Meliputi postin dan materi postin, modding blog(template dll), belajar SEO, dan sebagainya. Sumber ilmunya berasal dari master-master blogger yang ada di dunia maya.

Semoga blog farrocom tidak benar-benar mati. Yang berarti saya masih terus mencoba dan belajar blogging. Dan diharapkan farrocom.blogspot.com tidak hanya jadi kelinci percobaan saja. Melainkan bisa jadi blog pengarsipan tutorial blogging. Baik blogging mobile via ponsel maupun blogging dengan komputer pada umumnya.

Pengenalan

Farrocom merupakan blog yang aku buat agar aku bisa blogging. Mengenalkan diriku di dunia maya lewat artikel-artikel ku.
Selain itu kunjungi pula blog comunitas cah STM N 2 Kendal
Ini posting pertama blog ini. Posting yang sudah tidak nyanbung lagi dengan posting berikutnya. Mau dihapus sayang. Ada foto saya nan indah. Meskipun itu foto editing. Alamk, keceplosan!