Jumat, 28 Desember 2012

Pesta Kembang Api Blogger Untuk Menyambut Tahun Baru

Kembang Api termasuk juga ke dalam kategori bahan peledak, tapi perlu sobat blogger garis bawahi sedikit bahwa Kembang Api bukan bahan peledak yang beradaya tinggi seperti Bom Atom yang di lepas di Hirosima dan Nagasaki akan tetapi bahan peledak yang memiliki daya ledak rendah (Saya lupa apa istilah-nya dalam ilmu kimia). Saat ini, kembang api digunakan dalam dua hal yaitu untuk hiburan dan untuk meminta pertolongan (Biasanya kembang api dinyalakan saat kapal laut dalam kondisi bahaya).

Wahhh... Sebentar lagi Tahun Baru 2013. Pesta kembang api pasti akan memeriahkan setiap acara penyambutan tahun baru 2013. Buat sobat blogger yang ingin memeriahkan Tahun Baru, saya sudah siapkan Kembang Api spesial untuk di pasang di blog sobat.

Cara Memasang Efek Kembang Api Di Blog

  1. Kunjungi blogger.com dan langsung Login.
  2. Klik tombol di bawah ini dan klik Add Widget
Refresh blog sobat untuk melihat hasilnya!

Kamis, 27 Desember 2012

Advance Ad Code Converter - Alat Untuk Konversi Kode Iklan

Ad Code Converter adalah sebuah alat atau tool yang digunakan untuk melakukan konversi kode JavaScript sehingga kode iklan Googla Adsense atau kode Iklan yang lain dapat tampil di blog atau di bagian posting blog kita. Apakah perlu kita melakukan konversi kode iklan? Ya... Sangat perlu karena jika kita tidak melakukan konversi kode iklan, akan muncul pesan Error saat kita menambahkan kode iklan di template kita. Berikut ini contoh Error yang sering muncul saat kita memasukkan kode Iklan melalui HTML Template Editor.
  1. Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching “[pP][qQ][rR]” is not allowed.
  2. Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The content of elements must consist of well-formed character data or markup.
  3. Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar. Pesan error XML: The content of elements must consist of well-formed character data or markup.

Cara Menggunakan Ad Code Converter

  1. Masukkan kode sobat pada kotak yang tersedia
  2. Copy paste hasil konversi kode ke template sobat
  3. Hanya itu (That's all)

Letakkan kode disini!

Dapatkan hasil konversi kode disini!!

Selasa, 25 Desember 2012

Memasang Kupu-kupu Terbang Ke Dalam Blog

Anak ayam turun sepuluh
Mati seekor tinggal sembilan
Bangun pagi sembahyang subuh
Minta ampun kepada Tuhan

Asam kandis asam gelugur
Ketiga asam si riang-riang
Menangis mayat dipintu kubur
Teringat badan tidak sembahyang


Waduh... Pantun di atas benar-benar mengingatkan saya pada keponakan saya yang masih duduk di bangku sekolah dasar. Keponakan yang sangat lucu dan unik. Kalau keponakan saya makan bakso, dia wajib menghabiskan bakso-nya terlebih dahulu, baru makan mie-nya. Sobat tau kenapa dia seperti itu? Karena dia takut saya mengambil bakso-nya! Haaaa.... Dasar anak kecil.

Setiap sore, keponakan saya selalu mengajak saya untuk mencari kupu-kupu di sawah atau di kebun milik tetangga. Dia sangat menyukai kupu-kupu, sampai-sampai binatang kecil itu sering hadir dalam mimpi indahnya.

kupu-kupu,widget kupu-kupu

Berbicara tentang kupu-kupu, ternyata ada lho widget yang menampilkan kupu-kupu terbang di blog. Ga' percaya? Cobain dulu widget ini!

Cara Pasang Kupu-kupu Terbang Di Blog

  1. Go to blogger.com (Masuk menggunakan akun email yang sobat blogger biasa gunakan).
  2. Selajutnya, klik tombol biru yang terdapat di bawah ini dan klik Add Widget.

Senin, 24 Desember 2012

Mengenal Fitur Google Plus "Mentions In Blogger"

Sebelum sobat blogger mempelajari lebih jauh tentang fitur Mentions in Blogger yang baru saja diluncurkan oleh Google Plus, sebaiknya sobat blogger upgrade terlebih dahulu profile sobat dari profile blogger menjadi profile Google+ karena fitur ini tidak akan bekerja pada pemilik website/blog yang masih menggunakan profile blogger. Fitur yang akan saya jelaskan sobat blogger ini adalah fitur terbaru yang dikeluarkan oleh tim Google Plus yang bekerja sama dengan tim dari blogger.com.

Mentions In Blogger adalah nama dari fitur ini. Apabila pemilik blog menulis posting dalam mode Compose (Bukan mode HTML) kemudian memasukkan karakter "+" atau "@" diikuti oleh abjad, maka secara langsung akan tampil sebuah jendela kecil (Share Box) yang menampilkan foto dan nama dari pengguna Google+. Coba perhatikan gambar di bawah ini!

mentions in bloggger,google+ dan blogger,fitur google+
Klik gambar untuk memperbesar ukurannya!

Apa maksud atau tujuan tim dari Google+ dan Blogger.com menyediakan Fitur ini?

Ini adalah tujuan dari disediakannya fitur "Mentions In Blogger" yang saya ambil dari situs support Google untuk blogger yang langsung saya terjemahkan ke dalam Bahasa Indonesia.

Menyebutkan seseorang (Mentioning someone) adalah cara yang efektif untuk membiarkan mereka tahu bahwa Anda mengacu pada mereka dalam posting blog Anda. Anda dapat menyebutkan seseorang, atau laman Google+, bahkan jika mereka tidak mengikuti Anda. Tergantung pada bagaimana mereka telah mengkonfigurasi pengaturan Google+ mereka. mereka mungkin menerima pemberitahuan tentang menyebutkan Anda setelah Anda mempublikasikan posting.

Informasi lebih jelas tentang fitur ini bisa sobat blogger dapatkan disini :
http://support.google.com/blogger/bin/answer.py?hl=en&answer=2884006&iph=2893013

Minggu, 23 Desember 2012

Cara Membuat Link Nudging Atau Link Bergoyang Pada Blog

Apa itu Link Nudging dan Bagaimana cara membuat Link Nudging? Link Nudging adalah sebuah efek animasi yang dimunculkan pada sebuah link sehingga link akan terlihat bergerak ke sebelah kanan dari posisinya semula bila cursor diarahkan ke link tersebut. Ketika ada pemilik blog yang menanyakan bagaimana cara membuat link bergoyang atau bagaimana cara membuat link bergerak, maka inilah jawabannya "Dengan cara menambahkan efek Link Nudging pada Blog".

Untuk melihat Demo dari Link Nudging, arahkan cursor sobat pada link di bawah ini!


Ketika saya mengunjungi beberapa blog untuk mencari tutorial blogspot tentang cara membuat Link Nudging pada link blog, tidak ada satu pun dari blog itu yang memberikan saya kemudahan untuk menerapkan efek Link Nudging di blog saya. Semuanya mengajarkan memasang Efek Link Nudging dengan cara edit template. Yang saya bingungkan, kalau ada cara mudah untuk memasang Link Nudging di blog, kenapa harus melakukan cara yang susah, artinya tanpa harus edit template. Emangnya ada cara lain untuk menerapkan efek Link Nudging di blog kita tanpa harus edit template? Ya jelas ada, yaitu dengan menggunakan kode CSS. Untuk tutorial lengkapnya, baca petunjuk di bawah ini!

Cara Membuat Link Nudging Di Blog


  • Sign In di blogger.com
  • Pada Menu drop down, pilih Template
  • Klik tombol Costumize untuk menuju laman Blogger Template Designer
  • Klik Advanced dan klik Add CSS
  • css,add css,advanced,blogger template designer
  • Copy Paste kode CSS berikut pada kolom yang tersedia
a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}
  • Klik Apply to blog.

Sabtu, 22 Desember 2012

Cara Membuat Widget Tahun Baru Countdown

Beberapa hari ke depan kita sudah akan memasuki tahun 2013, tidak terasa kita sudah akan melewati tahun 2012 yang penuh cerita atau sejarah. Saat ini, jutaan orang di dunia sudah bersiap-siap untuk menyambut tahun 2013, ada yang menyambut tahun baru dengan mengadakan Party, Do'a bersama, Tumpah-ruah ke jalan sambil meniup trompet bahkan ada juga yang menyambut tahun baru dengan mengadakan lomba seperti Lomba main Bola Api, Lomba Joget dan lomba menyanyi. Sebagai seorang blogger, Apa yang biasa sobat lakukukan untuk menyambut tahun baru? Tidak ada...!!! Waduh... Tidak keren banget. Kalau begitu, coba sobat blogger pasang widget New Year Countdown yang sudah saya siapkan ini. Widget New Year Countdown ini merupakan sebuah widget yang menghitung mundur waktu hingga tahun 2013 tiba. Perhatikan Live Demo berikut!

Live Demo



Cara Memasang Widget New Year Countdown Di Blogger


  1. Login ke akun blogger sobat
  2. Lalu klik tombol di bawah ini dan klik Add Widget

Jumat, 21 Desember 2012

Cara Menambahkan Efek Opacity Pada Gambar Posting Atau Blog

Gambar dengan Efek Opacity artinya gambar akan terlihat meredup ketika cursor membayangi gambar tersebut atau sebaliknya, gambar akan tetap meredup kalau cursor tidak diarahkan di gambar itu. Bingung dengan penjelasan yang singkat itu? Wajarlah sobat blogger bingung, karena jarang ada blog yang menerapkan Opacity Effect pada gambar mereka. Untuk diketahui, Efek Opacity hanya berlaku pada gambar yang terdapat di bagian blog post atau posting. Jadi, kalau ada gambar yang terdapat di Header, Footer atau di Sidebar, maka gambar tersebut tidak akan menampilkan efek Opacity.

Untuk memasang efek Opacity pada gambar blog, sobat blogger tidak perlu melakukan Editting Template, sobat blogger hanya perlu menambahkan sedikit kode di kolom HTML/JavaScript. Untuk lebih jelasnya, ikuti saja tutorial blogspot di bawah ini!

Cara Memasang Efek Opacity Pada Gambar Blog


widget generator
  1. Sign In di blogger.com
  2. Klik tombol di bawah ini!
  3. Terakhir klik Add Widget (Untuk lebih jelasanya, lihat gambar di atas!)
Kode Opacity Effect Bagian Satu


Kode Opacity Effect Bagian Dua