Official

Pernah melihat efek gambar dibalik saat Anda meletakkan cursor (hover) di atas gambar tersebut? Tenyata menciptakan efek itu cukup menggunakan CSS saja, tanpa JavaScript. Anda hanya membutuhkan dua buah gambar berbeda. Satu gambar untuk bagian depan dan satu gambar lagi untuk bagian belakang. Efek bolak-balik diatur melalui CSS dengan properti transtition dan transformation.

Lihat demo di

Tooltip adalah tampilan informasi berupa teks maupun gambar yang tampil saat cursor di arahkan (mouse over) pada sebuah item (biasanya pada link) dalam sebuah website. Artikel kali ini menjelaskan bagaimana menerapkan tooltip menggunakan jQuery. Tooltip tanpa jQuery dapat Anda baca pada artikel Membuat Tooltip Menggunakan CSS.

Lihat contoh tooltip berikut. Arahkan cursor pada gambar atau link.

Sebelumnya, saya telah menerbitkan artikel cara memasang Formulir Kontak di Blogger, baca artikel Cara Memasang Formulir Kontak atau Contact Form di Blogger. Formulir kontak blogger ini bisa disesuaikan dengan mudah melalui CSS. Jadi Anda dapat mengganti gaya atau tampilannya sesuai dengan gaya template. Contohnya seperti pada blog ini.

Selain itu Anda juga dapat menambahkan formulir ini ke

Font awesome berguna mengurangi penggunaan icon dalam bentuk gambar pada tampilan situs. Anda tidak perlu lagi repot-repot dan susah mencari atau mendesain icon gambar untuk kebutuhan tampilan tertentu di situs. Apa itu font awesome? Font awesome adalah font web yang berbentuk icon siap pakai untuk antarmuka web menggunakan pemanggil CSS, umumnya digunakan untuk Twitter Bootstrap. Ada ratusan

Pernahkah Anda menemukan isi atau content yang disembunyikan? Isi tersebut hanya terlihat setelah Anda klik tombol sosial? Itu disebut Content Social Locker. Masalahnya adalah tidak semua orang senang diperlakukan seperti itu. Hanya sekedar melihat sesuatu (apalagi sebuah tutorial) kita harus melakukan sesuatu. Terkesan sedikit memaksa dan penuh pamrih.

Tetapi pendapat orang berbeda-beda.

Jika Anda jeli memperhatikan dan mengikuti dengan seksama blog ini (blog saya yang lain juga) mungkin Anda mempertanyakan suatu hal. Apa itu? Periksalah! Beberapa artikel mendapat puluhan ribu bahkan sampai seratus ribu lebih Google Plus. Lihat screenshot di atas.

Saya belum akan menjelaskan bagaimana cara saya mendapatkan Goole Plus atau g+1 sampai ribuan hanya dalam beberapa hari. Belum

Banyak cara memodifikasi tampilan "blockquote", saya rasa Anda pernah menerapkannya di blog kesayangan Anda, misalnya menambahkan tanda kutip besar. Nah kali ini kita akan belajar memanfaatkan css transisi dan css pseudo classes untuk membuat blockuote yang akan terbuka dengan sendirinya saat di hover, ketika pointer di arahkan ke area elemen blockquote tersebut. Trik ini murni hanya efek hover

Perhatikan screenshot di atas, ada yang berbeda dengan kotak komentar blogger standar. Apa bedanya? Ada ucapan terimakasih telah berkomentar di bawah kotak komentar. Bagaimana cara membuatnya?

Mudah, tambahkan sebuah div di dalam template di bawah iframe comment-editor.

Buka editor template blogger, temukan baris kode berikut.

Read more »