Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

14.9.11

Menyesuaikan warna teks adsense dengan blog

Supaya serasi dengan warna teks di blog yang kita miliki, teks di iklan adsense juga sebisa mungkin sama dengan warna teks di blog. Kita bisa mencarinya di bagian HTML blog kita di bagian css. Kalau tidak paham kode css, kita bisa menggunakan Photoshop untuk mengetahui kode warna teks di blog kita.

Caranya sebagai berikut.

Buka halaman depan blog Anda lalu tekan Alt + PrtScr.

clip_image002

Buka Photoshop lalu tekan Ctrl + N, lalu tekan Ctrl + V.

Klik Eyedroper Tool (I).

clip_image004

Klik pada warna teks yang dipilih.

clip_image006

Double klik pallet warna.

clip_image008

Copy kode warna yang dihasilkan.

clip_image010

Paste pada pilihan warna teks di iklan adsense.

clip_image012

Hasilnya bisa langsung dilihat di bagian Preview.

clip_image014

Untuk kode warna lain, lakukan cara yang sama seperti di atas.

Adsense mendukung bahasa Indonesia

Sudah agak lama diluncurkan, tetapi saya baru memasangnya sebulan yang lalu. Meskipun sudah mendukung bahasa Indonesia, tetapi jika pengunjung blognya sedikit, iklannya kadang muncul, kadang tidak. Namun, jangan patah semangat, lakukan promosi dengan berbagai cara dan tempat, asal jangan “menyampah”.:)

Kita tidak perlu lagi masuk ke halaman adsense Google untuk membuat kode lalu memasangnya di blog. Blogger sudah menyediakan gadget adsense sehingga kita bisa langsung memilih dan mengaturnya di situ.

Caranya sebagai berikut.

Klik Layout.

clip_image002

Klik Edit pada kotak Blog Posts.

clip_image004

Ceklis Show Ads Between Post lalu pilih format iklan dan warna teks pada iklan (sebaiknya sesuaikan dengan warna teks yang digunakan di blog Anda). Jika sudah, klik Save.

clip_image006

Untuk di tempat lain, tambahkan gadget adsense lalu pilih dan atur iklan yang akan ditampilkan.

clip_image008

clip_image010

Untuk melihat pendapatan, masuk ke akun adsense Anda.

clip_image002[1]

Mengubah template blogger mobile

Setelah meluncurkan blogger versi mobile, disertai pula dengan pilihan template yang bisa kita gunakan. Namun, sampai artikel ini ditulis, baru ada enam template yang bisa kita pilih. Juga belum ada pilihan memodifikasi HTML template.

Cara mengubahnya, sebagai berikut.

Pada dashboard blogger versi baru, pilih blog yang akan diubah templatenya. Klik Template.

clip_image002

Klik ikon gerigi pada versi Moblie untuk mengubah template.

clip_image004

Untuk memilih template, klik drop down menu yang disediakan atau klik tanda panah pada thumbnail di sebelahnya.

clip_image006

Klik Preview untuk melihat hasilnya.

clip_image008

Ketika diakses di perangkat mobile (handphone), blog kita akan seperti ini.

clip_image010

Klik Save bila sudah yakin akan memilih template tersebut.

clip_image012

25.7.11

Mengubah favicon blogger lebih mudah

Ingin mengganti logo blogger? Kini, tidak perlu repot lagi menyisipkan kode HTML. Blogger sudah menyediakannya. Tinggal kemampuan kita untuk membuat logonya. Cara mengubahnya sebagai berikut.

Masuk ke Design. Klik Edit pada Favicon.

clip_image002

Klik Pilih Berkas.

clip_image004

Pilih logo milik Anda lalu klik Open.

clip_image006

Klik Save.

clip_image008

13.6.11

Sebarkan blog ke puluhan web menggunakan Google Ping

Masih seputar promosi blog. Kali ini, saya akan mencoba ping ke puluhan website menggunakan Google Ping. Ada sekitar 96 website yang bisa kita masukkan. Tentu saja hal ini sangat membantu dibanding harus memasukkan satu per satu ke web tersebut.

Caranya sebagai berikut.

Buka http://googleping.com/

Isi pada bagian Blog Details lalu ceklis web mana saja yang Anda inginkan.

clip_image002

Klik Send Pings.

clip_image004

Tunggu proses sampai selesai. Ketika saya coba, hanya 3 web yang gagal di ping.

clip_image006

Hal ini bisa dilakukan beberapa kali. Jadi, jangan lupa simpan (bookmark) Google ping supaya bisa digunakan di kemudian hari.

10.6.11

Memasang tombol jarsos di multiply

Sejak multiply membuka cabang di Indonesia dan lebih fokus ke e-commerce, tampaknya platform blog ini penggunanya makin aktif. Sharing bisnis di sini hampir setiap hari ada. Bagi pebisnis, tentu setiap hari bisa mendapatkan ilmu dan peluang bisnis baru di multiply.

Kali ini saya tidak akan menyampaikan tentang bisnis di multiply. Saya akan mencoba sedikit memodifikasi tampilan multiply untuk menampilkan tombol akun Facebook, Twitter, dan Yahoo! Messenger. Dengan menampilkan tombol ini, calon customer Anda akan lebih mudah menghubungi Anda di ketiga akun tersebut.

Caranya sebagai berikut.

Masuk ke multiply lalu klik Tema Toko.

clip_image002

Pilih tema yang Anda inginkan.

clip_image004

Klik Sesuai Situs Saya pada tema yang dipilih.

clip_image006

Klik Ubah.

clip_image008

Masukkan kode berikut lalu klik Save. Jangan lupa, ganti masing-masing url akun dengan url akun Anda.

<div id="service"><a href="ymsgr:sendIM?sudarma.sopian"><img title="sudarma.sopian@yahoo.com" src="https://lh3.googleusercontent.com/-OGlb_dM7ECI/TfHOMLtdivI/AAAAAAAAALc/eT3pxDWU_OM/yahoo.png" border="0"></a><br>

<a href="http://twitter.com/#!/sudarmaster" target="_blank"><img title="@sudarmaster" src="https://lh4.googleusercontent.com/-TEW42q5wR64/TfHOHGw65lI/AAAAAAAAALU/KNv-8jjRUO8/twitter.png" border="0"></a><br>

<a href="http://www.facebook.com/sudarma.sopian" target="_blank"><img title="http://www.facebook.com/sudarma.sopian" src="https://lh3.googleusercontent.com/-cmmwGLh9XiM/TfHOHFZlTMI/AAAAAAAAALY/9TtQJiMFrCM/facebook.png" border="0"></a></div>

clip_image010

Klik Pengaturan CSS.

clip_image012

Masukkan kode berikut lalu klik Simpan.

#service {

position: fixed;

bottom: 30px;

left: -10px;

}

#service a:hover {

position: relative;

left: 10px;

}

clip_image014

Hasilnya seperti ini.

clip_image016

Contohnya, bisa dilihat di sini.

9.6.11

Promosikan blog sesering mungkin

Promosikanlah blog sesering mungkin, kapan pun dan di mana pun tempatnya. Asalkan jangan “menyampah”. Kali ini saya akan mencoba membuat widget promosi untuk blogger. Widget ini nantinya akan menampilkan ringkasan blog dalam bentuk pop pun. Kita juga bisa mengaktifkan auto share supaya ketika menambah artikel, otomatis di-sharing ke Facebook maupun Twitter.

Caranya sebagai berikut.

Buka http://www.blogupp.com/ lalu masukkan url blog Anda. Klik Get widget!

clip_image002

Tunggu proses pembacaan konten blog. Kalau sudah selesai, pilih bentuk widget yang disediakan.

clip_image004

Untuk mengaktifkan auto share, pilih salah satu tombol yang diinginkan.

clip_image006

Klik Allow jika Anda mengizinkan situs tersebut mengakses data Anda di facebook.

clip_image008

Jika sudah selesai, copy kode yang diberikan.

clip_image010

Paste di gadget HTML/JavaScript lalu klik Save.

clip_image012

BlogUpp akan mereview selama kurang lebih satu hari. Jika sudah, nantinya konten yang ditampilkan, dari blog kita sendiri.

clip_image014

8.6.11

Membuat QR Code kurang dari 5 detik!

Pernah melihat QR Code? Menurut wikipedia, “Kode QR adalah suatu jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso Wave, sebuah divisi Denso Corporation yang merupakan sebuah perusahaan Jepang dan dipublikasikan pada tahun 1994 dengan fungsionalitas utama yaitu dapat dengan mudah dibaca oleh pemindai QR merupakan singkatan dari quick response atau respons cepat, yang sesuai dengan tujuannya adalah untuk menyampaikan informasi dengan cepat dan mendapatkan respons yang cepat pula. Berbeda dengan kode batang, yang hanya menyimpan informasi secara horizontal, kode QR mampu menyimpan informasi secara horizontal dan vertikal, oleh karena itu secara otomatis Kode QR dapat menampung informasi yang lebih banyak daripada kode batang.”

clip_image001

Banyak aplikasi untuk membuat dan membacanya. Namun, kali ini saya akan mencoba membuatnya tanpa bantuan aplikasi khusus. Lebih cepat, bahkan bisa dibawah 5 detik bila kemamuan Anda mengetik sangat cepat.

Caranya sebagai berikut.

  • Buka goo.gl lalu masukkan url ke dalamnya. Misalnya, url blog Anda. klik Shorten.

clip_image003

  • Salin url yang terbentuk.

clip_image005

  • Paste di address bar lalu tambahkan .qr di akhir url. Tekan enter.

clip_image007

Hasilnya seperti ini.

clip_image009

Gampang, kan? Kode ini sudah banyak digunakan untuk membaca produk handphone, surat kabar, tabloid, majalah, dan lain-lain.

7.6.11

Blogger versi mobile

Secara resmi, sampai artikel ini ditulis, blogger memang belum menyediakan versi mobile. Fasilitas ini masih dalam tahap pengembangan. Kita tetap bisa mencobanya dengan mengaktifkannya pada blogger versi draft. Dengan demikian, kita bisa menambah trafik blog via handphone.

Caranya sebagai berikut.

  1. Login ke http://draft.blogger.com.
  2. Klik Email & Mobile pada tab Settings.
  3. Pilih opsi Yes, pada Show mobile template.
  4. Klik Save Changes.

clip_image002

Ketika blog kita dibuka di handphone, tampilannya seperti ini.

clip_image004

Alamat urlnya tetap sama sehingga bisa menambah trafik ke blog kita. Yang mengakses pun akan terasa lebih ringan dibanding tampilan blog secara penuh.

5.5.11

Siapa yang menyebarkan blog kita?

Siapa yang menyebarkan artikel di blog kita melalui Facebook? Kalau kita lacak satu per satu, sepertinya memakan banyak waktu. Coba saja gunakan plugin ini. Akan menampilkan siapapun yang terakhir kali membagikan artikel di blog kita. Plugin ini juga banyak digunakan di situs berita.

Buka link ini lalu masukkan url blog Anda. tekan tombol Tab pada keyboard.

Tentukan pula ukuran dan informasi lainnya. Jika sudah, klik Get Code.

clip_image002

Salin kode yang diberikan.

clip_image004

Pasang di gadget blog Anda.

clip_image006