Rilis Template Gratis MiMspot

Setelah beberapa lama tidak berhadapan dengan pengkodean Blogger™, akhirnya Optimasi Blog mengeluarkan template gratis yang diberi titel “MiMspot”. Template ini didistribusikan gratis & terkesan minimalis serta sederhana dengan — default — berwarna putih. Nah, apabila Anda melihat demonstrasi yang menampilkan warna latar berbeda, hal itu disebabkan pengkodisian kode yang sengaja dibuat oleh penulis. Berikut adalah tampilan, demo, serta taut untuk mengunduh template MiMspot.

Demo MiMspot

Tolong, jangan dihapus atau dirubah atau ditambah dengan atribut “no-follow” taut kredit yang mengarah ke Optimasi Blog. Jangan lupa sharing & tambahkan juga +1 pada posting ini, apabila mendatangkan manfaat bagi Anda dan/atau para blogger lain dengan mengklik sharing-button (email, blog this, facebook, twitter).

Untuk beberapa kesukaran dalam menerapkan MiMspot pada blog Anda, kami menyediakan juga trik serta tips pada taut demo di atas. Sedangkan jika permasalahannya terletak pada taut unduh, Optimasi Blog menyediakan alternatif melalui Google Drive di http://docs.google.com/open?id=0B0_GO4QFa5MfYWFhWGNza1g4RkE

Pembaharuan (05 Nopember 2012): Perbaikan pada tampilan penelusuran berdasarkan arsip, Kustomisasi elemen status-msg-wrap, penambahan title serta CSS halaman error404, orientasi schema.org blog, blogposting, dan bredcrumbs.

Berikut contoh markah yang dimasukkan dalam menu pengaturan → Search PreferencesCustom Page Not Found.

<div class="error404">
<h2>Halaman Tidak Ditemukan</h2>
<div class="clear"></div>
<div class="noimg">
<span>Error <strong>404</strong></span>
</div>
<div class="errorInfo">
<p>Maaf, halaman yang Anda cari tidak ada dalam arsip kami atau telah dipindahkan. Mungkin pencarian atau <a href="#" title="Halaman Arsip">melihat arsip</a> akan membantu menemukan posting terkait.</p>
<form action="/search" id='searchform' method='get'>
<label class='assistive-text' for='q'>Search:</label>
<input class='field' id='q' name='q' placeholder='Search…' type='text'/>
<input class='submit' id='searchsubmit' name='submit' type='submit' value='Search'/>
</form>
</div>
</div>

Masih digarap: desain responsif (tampilan pada layar yang berbeda) dengan menggunakan manual CSS media query.

Cara Membuat Sub Menu Pull Down Bertingkat Pada Bilah Navigasi Pengganti Navbar

ELTELU - Pull Down Dengan Sub Menu Bertingkat Pada Bilah Navigasi

Artikel ini merupakan kelanjutan dari artikel sebelumnya yang berjudul “Cara Membuat Tab Menu Horizontal Seperti Navbar Di Atas Header Halaman Blog”. Apabila dalam artikel tersebut diuraikan mengenai cara menyembunyikan bilah navbar sekaligus membuat bilah navigasi baru yang berisikan 2 (dua) buah kolom menu, maka perlu diketahui bahwa menu yang terbentuk atas penggunaan rangkaian kode yang terdapat dalam artikel tersebut hanyalah berupa 1 (satu) baris tab menu saja. Dengan demikian dapat diartikan bahwa ketika Anda ingin menambahkan sub menu pada masing-masing menu utama yang ada, tentu saja belum dapat dilakukan karena belum ada dukungan kode CSS yang digunakan untuk membuat bagian tersebut.

Baca selengkapnya »

Cara Membuat Menu Navigasi Breadcrumb Pada Judul Artikel Dengan Menampilkan Beberapa Label Sekaligus [UPDATE]

ELTELU - Breadcrumb Dengan Label Berurutan Pada Judul Artikel

Artikel ini merupakan update atas artikel sebelumnya yang diterbitkan pada tanggal 03 April 2012 dengan judul “Menerapkan Breadcrumb Navigation Pada Judul Artikel”. Dalam artikel tersebut telah saya uraikan bahwa jika pada umumnya menu navigasi breadcrumb pada sebuah blog diletakkan dalam bagian tersendiri (di atas atau di bawah judul artikel), maka teknik yang digunakan di sini adalah dengan cara menerapkan menu navigasi breadcrumb secara langsung pada judul artikel (seperti yang tampak pada gambar di atas).

Namun perlu diketahui bahwa apabila sebelumnya Anda telah menerapkan menu navigasi beradcrumb dengan menggunakan rangkaian kode yang terdapat dalam artikel tersebut, maka label yang ditampilkan hanyalah label yang terakhir saja. Sebagai contoh misalnya apabila label yang digunakan untuk menandai artikel ini adalah ‘Tips and Trick; SEO; dan Update’, maka label yang ditampilkan dalam menu navigasi breadcrumb hanyalah ‘Update’. Sehingga akhirnya label ‘Tips and Trick serta SEO’ pun tidak terindeks oleh mesin telusur.

Baca selengkapnya »

Cara Menampilkan Artikel Terkait Kategori Atau Label Tertentu Di Bawah Halaman Artikel Tampilan Mobile [UPDATE]

ELTELU - Daftar Artikel Terkait Versi Mobile Blog

Artikel ini merupakan update atau pembaruan yang kedua atas artikel sebelumnya yang berjudul “Membuat Daftar Artikel Terkait Pada Template Seluler Blogspot”. Sebenarnya pada tanggal 02 September 2012 yang lalu telah saya lakukan update untuk artikel tersebut, dimana update yang dimaksud dilakukan terhadap beberapa rangkaian kode yang digunakan dalam membuat daftar artikel terkait versi seluler karena terdapat adanya bug pada rangkaian kode yang sebelumnya. Namun ternyata beberapa waktu lalu saya masih menemukan adanya bug dalam rangkaian kode yang terdapat pada artikel sebelumnya, sehingga jika Anda telah mengimplementasikan teknik yang diuraikan dalam artikel pertama dan atau telah melakukan update dengan memanfaatkan teknik yang diuraikan dalam artikel yang kedua maka sangat disarankan untuk melakukan pembaruan sesuai dengan teknik yang diuraikan dalam artikel ini.

Baca selengkapnya »

Cara Mengganti Gambar Latar Yang Digunakan Sebagai Background Bidang Halaman Utama Blog

ELTELU - Ilustrasi Halaman Blog

Selain pemilihan template yang tepat, beberapa hal yang umumnya dilakukan pada sebuah blog adalah kustomisasi pada template yang digunakan dengan tujuan untuk melakukan perubahan (modifikasi) desain tampilan halaman maupun demi peningkatan kecepatan penayangan halaman yang dihasilkan oleh template yang dimaksud. Sedangkan kustomisasi yang dilakukan pun biasanya sangat bervariasi, mulai dari pemasangan widget, perubahan pada tema warna dan gambar latar yang digunakan, serta pernak-pernik kustomisasi yang lainnya sesuai dengan selera dan kreatifitas pengelolanya.

Baca selengkapnya »

Cara Menyembunyikan Widget Daftar Artikel Terkini Yang Terdapat Di Bawah Area Form Komentar Blog [UPDATE]

ELTELU - Daftar Artikel Terkini Di Bawah Area Form Komentar Blog

Artikel ini merupakan update atau pembaruan atas artikel sebelumnya yang berjudul “Cara Mengedit Template Untuk Mengubah Tema Tampilan Blog Versi Seluler” dan atau artikel dengan judul “MOBILE TEMPLATE - Customize Blogger Mobile Templates”. Update yang dimaksudkan dalam artikel ini adalah penambahan kode atas rangkaian kode yang digunakan pada kedua artikel tersebut, dimana maksud dan tujuan  penambahan kode ini adalah untuk menyembunyikan daftar artikel terkini sesuai dengan label yang terletak di bawah area form komentar untuk tiap-tiap artikel.

Baca selengkapnya »

Cara Mengganti Tautan Beranda Yang Terdapat Pada Tab Menu Blog Dengan Ikon Tombol Home

ELTELU - Tampilan Tombol Home Pada Tab Menu Standar Blog

Jika Anda mengaktifkan penggunaan widget ‘Page (Laman)’ (seperti yang diuraikan pada langkah pertama artikel dengan judul “Cara Menambahkan Sub Menu (Pull Down Menu) Pada Tab Menu Horizontal Standar Blogger”) dengan tujuan guna menampilkan halaman mandiri pada blog dalam bentuk tab menu horizontal seperti yang tampak pada gambar di atas, maka salah satu menu yang secara default akan ditampilkan adalah menu untuk halaman ‘Beranda (Home)’.

Menu yang ditampilkan dalam widget ‘Page (Laman)’ (khususnya menu untuk halaman beranda) secara default adalah berbentuk sebagai tautan teks, sehingga secara default pula perubahan yang dapat dilakukan hanyalah sebatas pada teks yang akan ditampilkan sebagai menu pada bagian tersebut. Namun tahukah Anda bahwasanya tautan ‘Beranda (Home)’ yang terdapat pada bilah menu standar Blogger, dapat dikustomisasi atau dimodifikasi dari yang semula berbentuk menu tautan teks menjadi menu dengan gambar berbentuk tombol atau ikon rumah seperti yang umum dipakai dalam kustom template.

Baca selengkapnya »

Mendaftarkan Situs Web atau Blog ke Google, Yahoo dan Bing

Jika Anda membaca beberapa posting sebelumnya, seperti Cara Mendaftarkan Blogger di Google Search Engine, Cara Mendaftar Blogger di Search Engine Yahoo & MSN, serta Search Engine Baru dari Microsoft. Sebaiknya menggunakan rekomendasi posting ini sebagai pembaharuan dari ketiga posting yang telah disebutkan di atas.

Ketika sebuah situs web atau blog telah siap untuk dipublikasikan, maka yang perlu dilakukan adalah mendaftarkannya ke beberapa mesin pencari. Hal ini dilakukan untuk memudahkan indeks mesin pencari pada situs web atau blog tersebut, sehingga ketika pengguna mengetikkan kata kunci diharapkan situs web atau blog yang didaftarkan — termasuk posting — akan muncul dalam hasil pencarian. Meskipun dalam kondisi lain, tidak semua pengunjung berasal dari hasil penelusuran pada mesin pencari. Nah, supaya tidak mengambang, langsung saja kita ulas tentang cara mendaftar situs web atau blog ke beberapa mesin pencari sesuai dengan tema/judul posting.

Mendaftarkan Situs Web atau blog ke Google

  • Klik tautan berikut untuk menuju ke halaman Google Webmaster Tools
  • Login dengan menggunakan akun Google Anda.
  • Google Webmaster Tools
  • Jika Anda pengguna Blogger™, maka akan tampak satu atau lebih situs Blogger™ yang Anda kelola. Namun jika belum ada, klik tombol “Add a Site” dan tambahkan URL situs web atau blog yang akan didaftarkan. Eksekusi dengan menekan tombol “Continue”.
  • Tambah situs di perkakas webmaster
  • Ketika situs web atau blog Anda sudah berada dalam daftar Google Webmaster Tools, klik tombol “Manage Site” di samping situs web atau blog yang ingin Anda kelola. Kemudian pilih “Verify this site”.
  • Selanjutnya akan ditampilkan halaman Recommended method, umumnya metode verifikasi menggunakan Meta tag. Apabila metode verifikasi Meta tag tidak terlihat, klik “Alternate methods”.
  • Salin tag HTML yang muncul & ikuti langkah-langkah sesuai petunjuk layar. Biarkan tampilan layar pada halaman ini tetap hidup (on).
  • Buka tab baru pada peramban & masuk ke akun situs web atau blog Anda.
  • Tempel Meta tag pada template, yaitu memasukkan kode meta di antara <head>…</head> atau pada Blogger™ letakkan saja di atas <b:skin><![CDATA[/*. Simpan perubahan template.
  • Tambah meta tag pada template
  • Kembali ke Google Webmaster Tools, klik “Verify”.
  • Selanjutnya, menambah sitemap seperti pada gambar di bawah ini. Pilih situs web atau blog yang ingin ditambahkan sitemapnya dengan mengklik “Optimization” → “Sitemaps”.
  • Tambah sitemap di perkakas webmaster
  • Untuk Blogger™ — atau situs lain — masukkan “sitemap.xml” (huruf kecil & tanpa tanda petik).
  • Jika Anda masih ragu-ragu, klik tombol “Test Sitemap”. Setelah yakin, klik tombol “Submit”.

Mendaftarkan Situs Web atau blog ke Yahoo & Bing

Sesuai rilis berita di Webmaster Center Blog Bing dikatakan bahwa Bing Webmaster Tools sekarang akan menampilkan data yang terintegrasi dengan Yahoo dalam wilayah dan laporan tertentu. Mengingat usaha gabungan merupakan Aliansi Penelusuran, maka sangat masuk akal untuk menampilkan data yang relevan dari kedua mesin dalam akun webmaster. Jadi jangan heran ketika Anda melakukan submit situs melalui Yahoo akan diarahkan ke Webmaster Tools Bing.

Bing Webmaster Tools

Sebaiknya terlebih dulu Anda telah memiliki akun di Bing, seperti hotmail dan sebagainya. Kemudian klik tautan berikut untuk menuju ke halaman Bing Webmaster Tools. Anda tinggal memasukkan URL (Uniform Resource Locator) situs web atau blog pada “Add a Site”, kemudian eksekusi dengan menekan tombol “Add”. Selanjutnya, proses verifikasi & submit sitemap akan dilalui dengan langkah yang mudah.

Sitemap Blogger™, dilakukan dengan menambahkan sitemap.xml di belakang URL, contoh: h**p://namablog.blogspot.com/sitemap.xml. Ini juga merupakan pembaharuan dari posting yang berjudul Submit Sitemap Blogger.com di Google Webmaster Tools dan Solusi Submit Sitemap di Webmaster Tools.

Toyota Fortuner SUV Terbaik

Fortuner VNTurbo SUV Terbaik

SUV (Sport Utility Vehicle) merupakan jenis kendaraan penumpang yang digabungkan dengan kemampuan membawa penumpang & juga barang dengan kelincahan truk pickup. Biasanya mobil yang digolongkan sebagai SUV dilengkapi dengan penggerak 4 (empat) roda agar bisa digunakan off-road, salah satunya: Fortuner.

Ketika menyebut Fortuner pasti akan terbayang sebuah sosok SUV yang tak hanya berkesan kokoh tapi juga maskulin dan sporty. Ya, Superstar ini sejak rilis perdananya memang punya aura spesial buat model SUV kelas menengah.

Seperti apa itu? Apa lagi kalau bukan soal desain yang aktual — baik dari sisi eksterior maupun interior — membungkus bawaan teknis mobil ini sebagai sebuah kendaraan yang di Indonesia, tak hanya hadir untuk memenuhi kebutuhan konsumen akan mobil multi-medan.

Majalah MOTOR, 10 Desember 2008. Hal. 36 – 37

Ketangguhan Fortuner untuk menjelajahi berbagai medan telah teruji dengan menjadi official car dalam Fastron Euroasia Expedition 2011 Jakarta – Rome. Perjalanan ini merupakan sebuah ekspedisi lintas benua Asia dan Eropa yang menempuh jarak sejauh 27.000 km melintasi 23 negara dan sekitar 60 kota dengan berbagai kondisi suhu & medan. Tim ekspedisi berisikan 16 orang yang mengendarai empat mobil dilepas dari Gedung Pertamina Jakarta. Hal ini tidak menjadi sesuatu yang khusus, karena memang pada dasarnya berbagai produk mobil yang dikembangkan oleh Toyota telah menggunakan teknologi canggih & tepat guna bagi mesin, keselamatan, serta kenyamanan.

Fortuner Euroasia

Panjang yang mencapai 4.705 mm dan lebar 1.840 mm membuat interior Fortuner cukup lega Serta mampu menampung 7 (tujuh) penumpang tanpa terasa sempit. Meskipun panjang, tapi Fortuner menunjukkan kemampuannya bergerak lincah, baik di dalam kota maupun di luar kota. Kombinasi antara torsi besar yang didapat di putaran rendah & kemudi yang ringan, membuat pengendara lebih percaya diri dalam mengendarai Fortuner. Bantingan suspensi double wishbone di bagian depan, serta 4-ink lateral rod di bagian belakang, membuat mobil ini mengayun lembut namun tetap stabil & meyakinkan saat menikung. Tak jauh beda ketika diajak untuk bercengkrama dengan ‘lubang-lubang jalanan’, Fortuner dengan ground clearance yang tinggi — ukuran ban 265/65 R17 — tentu tidak kesulitan melewatinya.

Kombinasi yang menarik juga diperlihatkan pada sistem pengereman. Cakram berventilasi pada bagian depan & tromol dengan leading-trailing di bagian belakang — walaupun berbodi ‘bongsor’ — Fortuner tetap aman dan nyaman saat dikendarai. Penggunaan teknologi sistem injeksi bahan bakar elektronik pada Fortuner bensin & common rail pada Fortuner diesel dengan kapasitas tangki 65 liter membuat konsumsi bahan bakar tidak boros (irit), walaupun dikendarai dengan sedikit agresif.

Meskipun Fortuner telah memiliki tampilan yang baik serta menarik, namun jika ingin tampil sedikit lebih beda & bergaya dapat dilakukan melalui opsi aksesori lansiran Toyota Genuine Accessories (TGA) yang sudah dilengkapi juga dengan garansi 1 (satu) tahun atau 20.000 km.

Untuk sebuah SUV penjelajah — secara keseluruhan — performa Fortuner sudah dapat dikatakan terbaik di kelasnya. Apalagi ditambah dengan pengendaraan kokoh, roda besar, ground clearance tinggi, penampilan gagah, interior mewah, dan ruang lega, Fortuner adalah pilihan yang sangat menarik karena menggabungkan ketangguhan & kenyaman. Hal ini tidaklah berlebihan jika dilihat dari rilis resmi PT. Toyota Astra Motor, 6 September 2012.

Tren pertumbuhan permintaan pelanggan terhadap Fortuner 4×2 semakin meningkat signifikan pada tahun ini, di mana sepanjang Januari – Juli 2012 saja, total penjualannya sudah mencapai 11.720 unit. Sehingga, sejak diluncurkan pertama kali di Indonesia pada 2005 hingga Juli 2012, Fortuner 4×2 membukukan total penjualan 59.904 unit.

Pencapaian Fortuner Diesel pada tahun ini bahkan melebihi pencapaian 1 tahun penuh di tahun lalu. Sepanjang Januari – Juli 2012, Fortuner Diesel sudah membukukan penjualan 9.277 unit atau lebih tinggi dibandingkan dengan catatan selama 1 tahun pada 2011 sebanyak 9.211 unit. Total penjualan Fortuner Diesel sejak 2005 hingga Juli 2012 adalah 39.187 unit.

PT. Toyota Astra Motor

Video aksi “Grand New Fortuner VN Turbo” engine 2KD-FTV 2.5 Liter D-4D Common Rail with VN Turbo (VNT) and Intercooler.

Dengan membaca & melihat ulasan di atas, maka tidaklah berlebihan apabila dikatakan bahwa Fortuner merupakan SUV terbaik serta layak untuk menjadi rekomendasi bagi para pecinta SUV (Sport Utility Vehicle). Jadi mengapa harus sungkan ketika mau bilang “WOW”.

Kustomisasi Setelan pada Preferensi Penelusuran

Posting kali ini akan memberikan informasi tentang beberapa pengaturan pada preferensi penelusuran yang mungkin layak untuk diketahui oleh para blogger. Adapun beberapa pengaturan yang telah disebutkan di atas menggunakan tampilan terbaru Blogger™, sedangkan untuk tampilan lama, kemungkinan akan kehilangan akses menu pengaturan ini.

Preferensi penelusuran

Tag meta: “Description”

Apabila narablog menggunakan item ini untuk menerjemahkan deskripsi blog, maka penggunaan baris kode tag meta di antara <head> … </head> berikut, tidak diperlukan lagi.

<meta content='deskripsi tentang blog Anda' name='description'/>

Kesalahan & pengalihan

Halaman Tidak Ditemukan

Istilah kerennya “Error404” atau page not found. Item ini berfungsi untuk melakukan kustomasi pada halaman yang tidak ditemukan ketika pengguna mengetikkan atau mencari alamat tertentu dalam blog. Defaultnya struktur pengkodean “halaman tidak ditemukan” akan berada dalam <div class='status-msg-wrap'> … <div>. Berikut merupakan contoh sederhana pengisian pada form “halaman tidak ditemukan”.

<h2>Halaman Tidak Ditemukan</h2><p>Maaf, halaman yang Anda cari tidak ada dalam arsip kami atau telah dipindahkan. Silakan klik tautan di bawah ini untuk kembali ke halaman depan.</p><a style="text-decoration:none;" href="h**p://namablog.blogspot.com/">Beranda</a>

Pengalihan (redirect)

Manfaat dari penggunaan pengaturan ini adalah mengalihkan alamat halaman tertentu ke alamat lain dalam blog yang sama. Pengalihan dilakukan — pada dasarnya — berhubungan erat dengan halaman yang tidak ditemukan dalam blog oleh karena telah dihapus, dipindahkan, dan/atau perubahan struktur permalink oleh pemilik blog. Contoh pengalihan dapat kita lihat sebagai berikut:

h**p://namablog.blogspot.com/2009/06/xxxxxx.html

Kemudian dialihkan ke alamat:

h**p://namablog.blogspot.com/2012/09/yyyyyyy.html

Sebagai tambahan, pengecekan terhadap tautan-tautan yang berkontribusi menimbulkan kesalahan dapat dilihat melalui menu “kesalahan perayapan” pada perkakas webmaster.

Perayap dan pengindeksan

Peringatan! Gunakan dengan hati-hati. Penggunaan yang tidak tepat dari fitur tersebut dapat mengakibatkan blog Anda diabaikan oleh mesin telusur.

robots.txt

Kustomisasi robots.txt dapat dimanfaatkan untuk mencegah perayapan mesin telusur terhadap halaman-halaman tertentu. Lebih jelas tentang robots.txt dapat dibaca pada posting About /robots.txt berdasarkan taut rekomendasi Blogger™. Contoh pengisian pada robots.txt:

User-agent: *
Disallow: /search/label/review
Disallow: /p/daftar-mesin-pencari.html
Disallow: /2011/06/ancala-real-estate.html
Sitemap: http://optimasi-blog.blogspot.com/sitemap.xml

Disallow akan memberitahukan kepada robot agar tidak mengunjungi halaman-halaman tersebut, dengan kata lain tidak dimasukkkan kedalam pengindeksan.

Sebagai tambahan, pengecekan terhadap tautan-tautan yang berkontribusi menimbulkan kesalahan dapat dilihat melalui menu “kesalahan perayapan” pada perkakas webmaster.

robots header tags

Berbagai pilihan yang dapat kita gunakan untuk kustomisasi robots header tags, dimana contoh pengaturannya — Optimasi Blog — seperti yang terlihat pada gambar di bawah ini.

robots header tags

Simpulan

Dengan mengetahui dan memahami kustomisasi pengaturan pada preferensi penelusuran setidak-tidaknya dapat menambah wawasan kita tentang bagaimana melakukan pengisian terhadap item-item tersebut. Dan tidaklah keliru jika kita juga memanfaatkannya — karena pada dasarnya memang telah dipersiapkan oleh pihak Developer — untuk lebih mengoptimalkan situs web/blog bermesin Blogger™ yang kita kelola.

Secara khusus untuk “robots header tags” menunjukkan bahwa persepsi saya selama ini salah besar untuk memasukkan markah di bawah ini sebagai robots header tags.

<meta content='INDEX, FOLLOW' name='robots'/>

Mengapa dikatakan salah besar? karena walaupun markah tersebut tidak dimasukkan pada template blog, ia telah ada lebih dulu atau merupakan default “robots header tags”.

Secara tidak langsung posting ini juga merupakan pembaharuan dari beberapa posting sebelumnya, seperti Memasang meta tags dan manfaatnya, Cara pasang title dan meta tags agar blog lebih SEO friendly, dan Tips search engine optimization (SEO) pada Blogger.com.

Jika narablog mempunyai pendapat lain mengenai kustomisasi pengaturan pada preferensi penelusuran, mari kita diskusikan pada kolom komentar.