Postingan

Menampilkan postingan dengan label Blog Design

Menambahkan & Menampilkan Snippet Twitter Cards Untuk Blogger

Twitter Cards diperkenalkan Twitter di Awal 2012 lalu. Sudah banyak yang menggunakan sehingga banyak pula yang mendapatkan keuntungan dari Twitter Cards ini. Memahami Twitter Cards hampir sama dengan memahami Schema yang selama ini kita gunakan untuk mengoptimasi tampilan snippet konten di search engine (rich snippets). Sosial media lain seperti Facebook dan Google+ misalnya, telah lebih dulu

Apa sih Website/Blog yang "Mobile Friendly" Itu?

Istilah mobile friendly mengacu kepada beberapa hal yang mendukung kenyamanan akses via perangkat mobile dan tidak terbatas pada penyajian konten website/blog saja, tapi memang salah satunya mencakup penyajian konten website yang mendukung perangkat mobile (smartphone, tablet, dan jenis gadget lainnya). Untuk merespon hal ini, ada 2 strategi pilihan yang biasa digunakan oleh website/blog: 1

6 Website Penyedia Template Blogger Gratis Terbaik

Blogger adalah salah satu platform blogging terbaik yang dimiliki oleh Google. Sobat bisa menuangkan berbagai ide dan pengalaman via tulisan blog dan dengan menggunakan Blogger, sobat bisa mengoptimalkannya untuk hal lain, misalnya make money online, tanpa biaya sama sekali; kecuali jika menggunakan custom domain. Kita semua tahu esensi dari blog adalah konten, tapi ada satu hal lagi yang perlu

Cara Menggunakan Font Awesome Icons di Blogger

Trend desain website dan blog terus berkembang. Di antaranya trend flat design, yang mensyaratkan sebuah website/blog tampil secara elegan tanpa elemen yang menonjol dan berjejal. Website yang biasanya dihiasi dengan berbagai gambar ikon juga beralih ke penggunaan ikon berbasis font, sebut saja Glyphicons, Foundation Icon Fonts, IcoMoon, Fontello, dll. Yang terakhir, yang lagi ngetrend: Font

Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)

Kita sering menggunakan fitur membuka link di window baru pada interface link Blogger saat membuat post, atau menambahkan atribut link (hyperlink) target="_blank". Untuk beberapa langkah manual, tentu ini bukan masalah. Tapi jika anda sudah memiliki banyak link eksternal, baik di bagian post maupun bagian lain, misalnya widget, footer, dll, tentu pekerjaan edit menjadi hal yang memakan waktu

Cara Menambahkan Syntax Highlighter di Blogger

Syntax Highlighter cukup dikenal oleh berbagai platform, misalnya WordPress, Apache, Mozilla, Yahoo, Aptana, dan banyak lainnya. Apa itu Syntax Highlighter? Kita para blogger seringkali berbagi script/kode untuk blogger atau siapapun yang membutuhkannya untuk pengembangan web/blog. Kebanyakan dari kita menggunakan blockquote sebagai "wadah" dari script/kode tersebut dan menandai dengan

Cara Membuat Auto ReadMore (Thumbnails) Blogger V2 + Button (Updated 2014)

Ini adalah post lama yang saya update kembali dan saya sesuaikan dengan beberapa hal, terutama masalah editing template yang berbeda dengan template lama. Selain itu, masih banyak sobat blogger yang menyimak cara membuat auto readmore versi satu yang kurang sempurna, dan artikel ini sebenarnya adalah penyempurnaannya, tapi mungkin karena artikel ini masih kalah di pencarian SE (di bawah

Pasang Blogger Contact Form di Halaman Statis dan Kostumisasi Dasarnya

Sudah cukup lama sejak Blogger resmi merilis Contact Form untuk pengguna platform Blogger. Fitur ini berupa widget/gadget. Sayangnya, widget ini jarang nongol di blog-blog pengguna Blogger. Sebagian besar masih mengandalkan layanan contact form gratis yang tersedia di jagat web. Mungkin karena fitur-fiturnya lebih canggih, dan, yang pasti, banyak yang tidak ingin menyediakan contact form dalam

Cara Membuat Tabel HTML via MS Word & Memindahkan ke Posting Blog

Membuat tabel dalam format HTML memang gampang-gampang susah. Selain dibutuhkan ketelitian saat membuatnya secara manual, juga perlu perhatian lebih terhadap desainnya. Dulu, lebih dari 2 tahun yang lalu, saya pernah menyajikan tips membuat tabel HTML mudah di blog menggunakan online tool untuk mempermudah proses penyusunan tabel. Tapi dalam hal desain (layout, CSS), butuh usaha ekstra

5 Situs Terbaik untuk Belajar HTML & CSS Bagi Blogger Pemula

HTML intinya adalah elemen/struktur web, dan CSS adalah "penghias" serta penyusun layout hingga sebuah halaman web memiliki interface yang unik dan indah. Jika anda adalah blogger pemula, baik dalam konteks baru saja membangun blog, atau bagi anda yang mulai risih dengan berbagai kode-kode yang belum dimengerti padahal harus berurusan dengan utak-atik template, inilah saatnya anda mulai

Cara Mencari Kode Tertentu di Edit HTML (Template) Blogger

Saya masih sering mendapatkan pertanyaan basic mengenai bagaimana cara mencari kode menggunakan Blogger HTML Editor baru (yang dirilis sejak April 2013 lalu). Pada posting tersebut, saya membahas beberapa perubahan dan apa yang membedakannya dengan HTML editor lama, tapi memang tidak menjelaskannya secara terperinci dengan asumsi bahwa fitur-fitur baru itu bisa dieksplorasi dengan mudah. Namun

Membuat Tampilan Iklan Google Adsense Responsif (CSS Media Queries)

Masih bicara masalah responsive nih, ceritanya. Karena sekarang sudah jamannya responsif, maka Google akhirnya secara resmi mengeluarkan satu fitur baru lagi sebagai salah satu opsi/pilihan kode yang bisa di set di dashboard Google Adsense. Beberapa waktu lalu, Google meluncurkan asynchronous code untuk memperbaiki performa website yang menampilkan iklan Adsense, iklan tampil lebih cepat dan

Cara Membuat Facebook Comment Box & Like Box Responsif

Halo sobat semua, rasanya seperti sudah bertahun-tahun tidak update buka-rahasia.blogspot.com. Yah, memang alasannya cukup klise, kesibukan dunia offline, tapi memang itu kenyataannya. :) Bahkan untuk approve dan menjawab ribuan komentar baru pun belum bisa dilakukan sepenuhnya. Jadi buat anda yang komentarnya belum diterbitkan dan dijawab - khususnya komentar penting yang berisi pertanyaan

Blogger HTML Editor Baru: Edit Template Kini Jauh Lebih Mudah!

The News Peningkatkan fungsi fitur serta layout HTML Editor yang baru saja dirilis Blogger (9 April 2013) kini semakin memudahkan kita untuk mengedit template lewat fitur "EDIT HTML". Seperti sebelumnya yang pernah dibicarakan di forum-forum Blogger, fitur yang dapat kita lihat di halaman "Template" pada dashboard Blogger ini sebelumnya dapat dibilang cukup kuno, karena hanya terdiri dari

Mau Ganti Template Blog? Perhatikan Ulasan dan Tips ini Dulu!

Background Masing-masing platform blog/website memiliki karakteristik tersendiri. Demikian pula template Blogger. Ada beberapa karakteristik khusus yang menentukan bagaimana tampilan dan struktur dibangun. Memahami karakteristik tersebut merupakan salah satu persyaratan dan menjadi pertimbangan penting supaya keputusan untuk mengganti template tepat, dan proses yang dilakukan berjalan mulus

Cara Menyembunyikan Pesan Status di Halaman Label/Search Blogger

Selamat malam, pagi, siang dan sore buat yang baca. :) Artikel ini adalah post request oleh seorang sobat Blogger yang ingin sekali menghapus, menghilangkan atau menyembunyikan pesan status (status message) yang biasanya muncul di atas halaman label blog atau halaman hasil pencarian Blogger. Istilah dari Blogger nih, "Status Message Bar". Mungkin memang tampak kurang elegan dan menarik apabila