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 »