Showing posts with label Blog Design. Show all posts
Showing posts with label Blog Design. Show all posts

Tuesday, July 21, 2015

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

Tuesday, February 3, 2015

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

Thursday, January 22, 2015

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

Monday, January 12, 2015

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

Monday, March 10, 2014

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

Friday, February 21, 2014

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

Wednesday, January 22, 2014

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

Thursday, January 9, 2014

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

Wednesday, October 23, 2013

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

Thursday, October 17, 2013

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

Sunday, August 11, 2013

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

Wednesday, July 31, 2013

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

Sunday, July 21, 2013

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

Wednesday, April 10, 2013

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

Tuesday, March 5, 2013

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

Wednesday, February 20, 2013

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

Friday, October 5, 2012

Cara Menampilkan Widget Hanya di Homepage/Halaman Posting



Ketika melakukan setting desain blog, terkadang kita terkendala dengan banyaknya widget yang ditampilkan, sehingga widget tampak berdesakan dan halaman menjadi begitu panjang. Dalam kasus lain lagi, terkadang kita hanya ingin widget tertentu hanya muncul di halaman spesifik, baik homepage, halaman statis, maupun halaman posting saja. Dulu saya pernah berbicara mengenai bagaimana menyembunyikan

Friday, June 8, 2012

Cara Membuat Kotak Permalink di Bawah Posting Blog




Halo sobat! Setelah agak lama tidak share tips-trik blogger di blog ini karena persentase fokus lebih besar untuk mengembangkan tautweb.com, di posting ini saya membagi lagi satu widget/elemen fungsional untuk posting blog.



Sudah pernah melihat kotak permalink, bukan? Salah satu elemen blog yang berfungsi untuk memberikan kemudahan bagi blog/web lain membuat tautan/linkback ke salah satu

Monday, April 23, 2012

Cara Pasang Widget Sharing Is Caring/Sexy di Blogger




Share posting ke beberapa social bookmark maupun social media lain merupakan hal penting untuk promosi blog dan artikel blog. Menyediakan tool untuk pengunjung agar lebih mudah melakukan sharing membuat mereka mudah melakukannya. Salah satu bookmarking widget yang cukup menjadi favorit adalah "Sharing is caring/sexy bookmarking widget", karena tampak atraktif dan animatif sehingga dapat

Saturday, March 31, 2012

3 Template Blogger dengan Desain Unik & Canggih



Posting ini agak special menurut saya, karena untuk pertama kalinya saya me-review dan share beberapa template Blogger unik, menarik, dan sangat modern dalam hal desain blog.

Banyak sekali template Blogger yang dishare secara gratis oleh para pembuatnya. Tentunya ada kekurangan dan kelebihan, tapi saat ini secara umum semua template Blogger memiliki karakteristik yg khas serta telah