Tampilkan postingan dengan label HTML-CSS Tricks. Tampilkan semua postingan
Tampilkan postingan dengan label HTML-CSS Tricks. Tampilkan semua postingan

Rabu, 31 Juli 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

Minggu, 21 Juli 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

Senin, 10 Juni 2013

Tentang rel="nofollow" dan Salah Kaprah rel="dofollow"




Salah satu elemen HTML yang paling banyak memiliki atribut adalah tag a (). Dua tahun yang lalu saya pernah menyinggung sedikit beberapa atribut link di dalam HTML Link dan Atribut-atribut Pentingnya. Selain atribut-atribut esensial seperti href, title, target, dan rel, ada  atribut lain, yang juga bisa digunakan di berbagai tag HTML, seperti id, class, dan style (untuk menyatakan CSS/

Rabu, 20 Februari 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

Senin, 11 Februari 2013

Tutorial Bidvertiser: Cara Buat Template dan Pasang Iklan di Blogger






Jauh, sekitar 2 tahun yang lalu, saya pernah membahas tentang mendapatkan uang dari blog melalui Bidvertiser, sebuah network iklan PPC alternatif Adsense yang cukup banyak digunakan juga oleh Blogger Indonesia. Meskipun nilai klik jauh lebih kecil dari Adsense, namun saya sudah 3 kali merasakan payout dari jaringan iklan global ini. Lumayanlah buat biaya hosting blog-blog saya dan juga buat

Jumat, 01 Februari 2013

Cara Memasang Facebook Activity Feed Widget di Blogger


Background Tips



Jika sebuah widget blog bermanfaat besar dalam meningkatkan jumlah pageview sehingga jumlah traffic semakin naik, apakah anda akan menolak memasangnya? :) Tentu tidak. Tidak ada orang yang tidak memiliki akun Facebook (mungkin ada ya, tapi kecil), sehingga seluruh plugin Facebook memiliki fungsi besar dalam menampilkan hal-hal yang personalized di dalam blog. Dengan demikian,

Jumat, 09 November 2012

Nofollow-kan Comment Permalink Blogger Agar Tidak Diindeks Google




Hi, all. Let's talk about Blogger SEO again. :), and today let me talk about Blogger Comment Permalinks, how it affects your SEO, and how to resolve the SEO problem caused by them.




Background


Dalam template blogger, ada satu tag yang digunakan sebagai generator dari permalink comment, sehingga masing-masing komentar blog sebenarnya memiliki permalink unik yang apabila di-klik akan

Senin, 15 Oktober 2012

Tambahkan Widget AddThis Sharing Buttons Terbaru di Blogmu!




Sobat mungkin sudah tahu dan menggunakan AddThis Sharing Buttons yang cukup terkenal ini. Google Pagerank-nya saja 10, dan Alexa Ranknya sekitar 158 (apa hubungannya ya?). AddThis Social Sharing buttons (begitu nama lengkapnya :)) adalah widget penting bagi para blogger dan webmaster. Alat ini tidak saja menyediakan berbagai macam sharing buttons milik berbagai macam social media, tapi juga

Jumat, 05 Oktober 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

Jumat, 08 Juni 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

Senin, 23 April 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

Jumat, 16 Maret 2012

Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Ketika share atau post link blog/web, Facebook akan menarik snippet yang diambil dari halaman sesuai link tersebut. Fitur ini memungkinkan kita para blogger dapat mempublikasikan artikel dengan ringkasan isi serta gambar yang dapat menarik perhatian pengunjung/pembaca.
Nah, masalahnya, dalam beberapa kasus tertentu, Facebook gagal mengidentifikasi dan merender snippet-snippet tersebut, sehingga

Kamis, 19 Januari 2012

Cara Memasang Fitur Blogger Star Rating di Posting Blog

Blogger star rating adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg

Selasa, 10 Januari 2012

Cara Menggunakan/Memasang Custom Font di Blogger

Custom Fonts adalah, singkatnya, font-font khusus yg ditambahkan secara individual & bukan merupakan font-font default yg telah dikenal browser (database-nya tidak dimiliki browser). Custom fonts saat ini telah berjumlah ratusan, memiliki variasi yg bermacam-macam, unik, memiliki tema yg lebih khas daripada font biasa, serta dapat meningkatkan kualitas tampilan blog/web.
Tulisan di atas

Senin, 26 September 2011

Cara Membuat & Memasang Tanda Tangan di Blog

DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya tanda tangan ini, posting-posting blog terasa lebih khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah. Kehadiran online signature maker memberikan kemudahan untuk membuat

Minggu, 18 September 2011

Cara Menyembunyikan Sidebar di Halaman Blogger


Posting ini adalah tips dan trik dan tutorial lengkap untuk menyembunyikan sidebar di halaman-halaman blog Blogger/Blogspot. Bagi sobat Blogger yang merasa risih atau ingin sidebar tidak ditampilkan pada suatu halaman Blogger tertentu, baik di halaman statis maupun di halaman posting, sobat bisa mencoba menggunakan trik ini. 
Namun sebelumnya perlu diperhatikan bahwa trik menghilangkan sidebar

Jumat, 26 Agustus 2011

Cara Menambahkan Icon/Gambar di Depan Judul Posting Blogger

Icon/Gambar di depan judul posting blog dapat menambah daya tarik. Icon tersebut juga dapat memberikan kesan tampilan judul posting yang indah dan dapat memberikan perwakilan akan arti penting judul posting tersebut. Di Blogger, kemungkinan untuk menambah dan memodifikasi berbagai macam pernak-pernik sangatlah mungkin. Seperti pernah saya singgung di posting Cara Mengganti "Post a Comment"

Minggu, 21 Agustus 2011

Cara Mengganti "Post a Comment" Blogger Dengan Teks Lain/Gambar


Teks "Post a Comment" atau "Tambahkan Komentar" yang muncul sebelum/di bagian atas kotak komentar mungkin nampak kurang elegan. Pertanyaannya, apakah bisa mengganti teks "Post a Comment / Tambahkan Komentar" seperti yg terlihat di kotak komentar di bawah ini?

Setelah sekian waktu mengeksplor template XML Blogger, saya menemukan bahwa ada banyak tag yang merupakan perintah kepada host (dalam hal

Kamis, 18 Agustus 2011

Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger

Fitur Reply to Comment (Balas Komentar) sering kita temui di blog-blog Wordpress maupun Blogger. Perbedaannya, WordPress telah menyediakannya sebagai fitur bawaan. Selain itu, fitur reply comment WordPress mengandung threads yang independen. Masing-masing komentar dapat memiliki kesinambungan urutan seperti thread forum atau board. Di Blogger, fitur reply to comment pun dapat ditambahkan, namun

Selasa, 16 Agustus 2011

Cara Modifikasi Tampilan Header Sidebar Blogger

Bro sist, Tips Trik Blogger kembali lagi nih dengan posting tentang CSS setelah sekian lama blog ini jarang di-update karena kesibukan mengurus beberapa toko online.

Mungkin sobat merasa kurang puas dengan tampilan judul header sidebar blog sobat. Kurang inilah, kurang itulah, terlalu gelaplah, atau warnanya kurang menarik. Atau, mungkin pula background pada title sidebar terlalu mengganggu dan