Saturday, April 30, 2011

Margin Dan Padding Pada Blog

Bagi sebagian blogger di antara kita pasti ada yang sudah kenal dengan istilah margin dan padding dalam blog. Hal ini terutama dapat kita ketahui dari blogger yang gemar mengutak-atik template blog miliknya. Karena, secara langsung maupun tidak langsung saat kita memodifikasi template blog pasti akan berkaitan dengan margin dan padding blog ini.

 

Margin dan padding blog berguna untuk mengatur tampilan dalam postingan blog kita. Dengan pengaturan margin dan padding yang pas, maka tampilan postingan dalam blog kita pun akan semakin terlihat menawan. Akan tetapi, saat kita salah dalam memahami dan memberikan pengaturan margin dan padding ini, bisa-bisa tampilan blog kita menjadi kacau, rumit, dan tidak sedap untuk dipandang mata.

Sebelum membahas mengenai margin dan padding, ada baiknya jika kita mengetahui terlebih dahulu apa yang dimaksud dengan border. Border merupakan garis yang membingkai postingan dalam blog kita. Biasanya kode HTML sebuah border berurutan mulai ukuran border, jenis border, dan warna border.

Contoh : border:1px dotted #000000;
Maksudnya adalah ;
  • Tebal garis border 1px.
  • Jenis garis border adalah dotted (putus-putus).
  • Warna border adalah hitam.
  • Untuk keterangan lebih lengkapnya mengenai jenis border dan cara membuatnya dapat kita lihat di sini.

Margin.


Berdasarkan pada ilustrasi gambar di atas dapat kita ketahui jika margin merupakan jarak antara border dengan sisi luarnya.

Kode HTML untuk margin biasanya tertulis sebagai berikut ;

margin:5px 6px 7px 8px;

Arti dari kode di atas yaitu ;
  1. Jarak setelah border dengan bagian luar sebelah atas adalah 5px.
  2. Jarak setelah border dengan bagian luar sebelah kanan adalah 6px.
  3. Jarak setelah border dengan bagian luar sebelah bawah adalah 7px.
  4. Jarak setelah border dengan bagian luar sebelah kiri adalah 8px.

Ukuran pada margin melingkar searah perputaran jarum jam, dari atas, kanan, bawah, dan kiri. Selain itu, penulisan margin juga dapat dipisah menjadi satu per satu setiap bagian.

Untuk margin atas, kode HTMLnya adalah margin-top:5px.
Untuk margin kanan, kode HTMLnya adalah margin-right:5px.
Untuk margin bawah, kode HTMLnya adalah margin-bottom:5px.
Untuk margin kiri, kode HTMLnya adalah margin-left:5px.

Padding.

Padding merupakan jarak border dengan bagian dalamnya atau jarak komponen body dengan border.

Kode HTMLnya adalah sebagai berikut ;

padding:5px 6px 7px 8px;

Arti dari kode di atas yaitu ;
  1. Jarak setelah border dengan bagian dalam sebelah atas adalah 5px.
  2. Jarak setelah border dengan bagian dalam sebelah kanan adalah 6px.
  3. Jarak setelah border dengan bagian dalam sebelah bawah adalah 7px.
  4. Jarak setelah border dengan bagian dalam sebelah kiri adalah 8px.

Ukuran pada padding juga sama seperti margin dengan melingkar searah perputaran jarum jam, dari atas, kanan, bawah, dan kiri. Selain itu, penulisan padding juga dapat dipisah menjadi satu per satu setiap bagian.

Untuk padding atas, kode HTMLnya adalah padding-top:5px.
Untuk padding kanan, kode HTMLnya adalah padding-right:5px.
Untuk padding bawah, kode HTMLnya adalah padding-bottom:5px.
Untuk padding kiri, kode HTMLnya adalah padding-left:5px.

Nah, sekarang sudah jelas bukan bahasan mengenai margin dan padding blog ini?
Kalau masih ada yang belum jelas dan merasa kesulitan silakan ditanyakan lewat kotak komentar ya kawan..
Mari kita saling berbagi pengetahuan!
Salam blogger!

Friday, April 29, 2011

Buat Border Dalam Postingan Blog

Dalam membuat postingan sebuah blog, kita biasanya terbiasa untuk bereksperimen mencoba semua fitur penulisan yang di sediakan oleh blogger. Selain karena latar belakang coba-coba, kegiatan kita dalam mengeksplorasi semua fitur penulisan postingan juga dikarenakan oleh keinginan kita untuk membuat tampilan postingan blog terlihat lebih menarik dan mengundang pengunjung untuk membaca. Menyisipkan gambar, memberi tabel dalam postingan, memberi video, memberi quote (keterangan kata), dsb. Akan tetapi, karena keterbatas fitur kita juga cenderung terpaku pada kreasi yang itu-itu saja. Kita harus menemukan sendiri bagaimana cara membuat ini, cara menambahkan itu dalam rangka mengemas tampilan postingan blog agar terlihat lebih menawan.


Salah satu contohnya adalah membuat border dalam postingan blog. Border berguna untuk memberikan bingkai pada tulisan agar terlihat lebih terfokus dan menawan. Dengan pemberian border juga akan membuat tulisan lebih mudah untuk dipahami poin pentingnya. Akan tetapi, karena fitur untuk membuat border belum disediakan oleh blogger, maka kita harus membuatnya sendiri dengan beberapa kode HTML yang perlu ditambahkan.

Bagaimana cara membuat border dalam postingan blog ini?

Pertama, masuk ke akun blogger kita.
Klik entri baru.
Saat masuk dalam halaman untuk menulis postingan blog, jangan masuk ke bagian compose, tetapi masuk lah ke bagian edit HTML untuk menuliskan kode HTML yang digunakan untuk membuat border yang diinginkan beserta tulisan yang akan muncul di dalam border tersebut. Setidaknya ada empat pilihan jenis border yang dapat kita gunakan, yaitu ;

Bentuk I

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk II

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)


Bentuk III

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk IV

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Keterangan :
  1. Kode HTML border: 1px #000000, menunjukan warna dari border yang kita gunakan.
  2. Kode HML padding: 10px, menunjukan jarak bagian dalam dari border dengan body.
  3. Kode HTML background-color: #CEF6CE, menunjukan warna yang digunakan sebagai background dalam border yang kita buat.
  4. Kode HTML text-align: left, akan menampilkan pemerataan tulisan dalam border yang dibuat, apakah rata kanan (right), rata kanan kiri (justify), atau rata tengah (center).
  5. Kode HTML height: 50px, menunjukan tinggi dari boder. Sedangkan kode HTML width: 300px, menunjukan lebar border yang kita buat.

Mudah untuk membuatnya bukan? Yuk kita buat bersama-sama!
Kalau ada pertanyaan silakan tulis lewat kotak komentar ya kawan..
Salam blogger!

Thursday, April 28, 2011

Buat Tabel Dalam Postingan Blog

Dalam membuat postingan sebuah blog, kadang kita dipersulit dengan minimnya fasilitas yang disediakan blogspot sebagai salah satu platform blog untuk berkreasi lebih lanjut. Misalnya saja adalah membuat tabel dalam postingan blog. Secara terperinci, langkah ini tidak disediakan fitur layaknya fitur insert gambar, video, bullet and numbering, pemerataan teks, dsb. Akibatnya? Yup, kita harus membuatnya dengan cara manual menggunakan edit HTML yang pastinya akan sedikit rumit kita pahami.


Padahal, dalam kenyataannya tabel ini sangat berguna dalam membuat pembaca lebih mudah mengerti dalam menangkap informasi yang kita berikan. Tabel membuat tampilan informasi menjadi lebih terstruktur, sistematis, dan rapi. Tampilan tabel yang attraktif juga bisa memancing perhatian pengunjung untuk membaca informasi yang ingin kita sampaikan.

Jadi, bagaimana cara membuatnya?

Pertama, masuk terlebih dahulu ke akun blogger kita.
Klik entri baru.
Saat kita menulis postingan blog, biasanya kita menulisnya di bagian compose bukan? Nah, khusus untuk membuat tabel ini kita harus menuliskannya melalui edit HTML.
Di bawah ini adalah contoh kode HTML yang perlu kita masukan untuk membuat sebuah tabel beserta isinya.

<table border="1" width="600">
<tr bgcolor="#E0F8E0"><td align="center"><b>Nama</b></td><td align="center"><b>Jenis Kelamin</b></td><td align="center"><b>Usia</b></td><td align="center"><b>Fakultas</b></td><td align="center"><b>Alamat Kost</b></td></tr>
<tr><td align="center">Brian</td><td align="center">Pria</td><td align="left">20</td><td align="left">Teknik</td><td align="left">Jl. Pinangga 1</td></tr>
<tr><td align="center">Bonar</td><td align="center">Pria</td><td align="left">19</td><td align="left">Kedokteran</td><td align="left">Jl. Mawar 9</td></tr>
<tr><td align="center">Dicky</td><td align="center">Pria</td><td align="left">20</td><td align="left">Teknik</td><td align="left">Perumnas Bakti</td></tr>
<tr><td align="center">Umar</td><td align="center">Pria</td><td align="left">20<td align="left">Hukum</td><td align="left">Jl. Hiu 5</td></td>
<tr><td align="center">Susi</td><td align="center">Wanita</td><td align="left">21<td align="left">Ilmu Sosial Ilmu Politik</td><td align="left">Jl. Dahlia 2</td></td>
<tr><td align="center">Dahlia</td><td align="center">Wanita</td><td align="left">19<td align="left">Ekonomi</td><td align="left">Komplek Gandaria</td></td>
<tr><td align="center">Riko</td><td align="center">Pria</td><td align="left">20<td align="left">Teknik</td><td align="left">Jl. Harapan 1</td></td>
<tr><td align="center">Citra</td><td align="center">Wanita</td><td align="left">22<td align="left">MIPA</td><td align="left">Jl. Tanjung 7</td></td>
<tr><td align="center">Bunga</td><td align="center">Wanita</td><td align="left">21<td align="left">MIPA</td><td align="left">Wisma Paramadya</td></td>
</table>

Klik terbitkan entri.

Keterangan :
  1. Kode untuk membuat baris tabel <tr> ... </tr>.
  2. Kode untuk membuat kolom tabel <td> ... </td>. (satu baris dapat terdiri dari beberapa kolom).
  3. Warna background ditunjukan oleh kode bgcolor="#E0F8E0".
  4. Lebar tabel ditunjukan oleh kode width="300".
  5. Kode yang diwarnai hanya digunakan untuk lebih memudahkan pembaca dalam memahami tutorial membuat tabel dalam postingan blog ini. (warna tidak mempengaruhi apapun).

Hasilnya akan muncul sebagai berikut ;

NamaJenis KelaminUsiaFakultasAlamat Kost
BrianPria20TeknikJl. Pinangga 1
BonarPria19KedokteranJl. Mawar 9
DickyPria20TeknikPerumnas Bakti
UmarPria20HukumJl. Hiu 5
SusiWanita21Ilmu Sosial Ilmu PolitikJl. Dahlia 2
DahliaWanita19EkonomiKomplek Gandaria
RikoPria20TeknikJl. Harapan 1
CitraWanita22MIPAJl. Tanjung 7
BungaWanita21MIPAWisma Paramadya

Agak rumit ya kode HTMLnya? Hehe..
Memang bagi yang belum terbiasa menggunakan akan terkesan rumit. Tapi kalau kita sudah terbiasa pasti akan bisa. Tetap berlatih dan berusaha!
Ada yang ditanyakan? Kalau ada yang ingin menambahkan atau menanggapi juga boleh, silakan tuliskan lewat kotak komentar ya kawan..
Salam blogger!

Wednesday, April 27, 2011

Cara Membagi Postingan Blog Menjadi Dua Kolom

Saat kita menjalankan aktifitas blogging terutama bagian menulis, kita kadang merasa bosan dengan tampilan tulisan kita yang hanya begitu-begitu saja. Tampilannya hanya satu kolom dan tidak ada sesuatu hal yang rasanya membuat “greget” bagi mata untuk memandang. Karena itu, pasti suatu waktu pernah terlintas di benak kita untuk memodifikasi tampilan tulisan tersebut agar tampil lebih attraktif dan menarik untuk dibaca bukan? Kita ingin sedikit memodifikasi tampilan postingan tersebut agar tampil agak begini, begitu, dsb.


Nah, kali ini kita akan membahas tentang bagaimana cara membagi postingan blog menjadi dua kolom atau bagian. Dengan begitu, postingan kita akan tampil sedikit lebih menarik karena beda dari biasanya. Hal ini juga diperlukan kalau kita membutuhkan sebuah tulisan yang memiliki tampilan dua kolom untuk lebih mendukung sasaran dari penulisan tersebut. Misalnya tulisan tentang perbandingan dua hal yang berbeda, paparan tentang dua kesamaan hal yang sebelumnya kita pikir berbeda, dsb.

Bagaimana cara membuatnya?

Sebenarnya cara untuk membuatnya terbilang cukup mudah. Kita tidak perlu melakukan edit HTML di bagian template blognya. Akan tetapi, kita perlu melakukan sedikit penyesuaian ketika menyusun postingan yang akan kita publikasikan. Saat menulis postingan, jangan menulis pada bagian Compose, tetapi menulis di bagian edit HTML untuk memasukan kode pembagi tulisan yang ingin kita tampilkan menjadi dua bagian atau kolom.

Masukan kode HTML di bawah ini ke dalam bagian kotak edit HTML saat kita menulis postingan.

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="250"> tulisan yang akan muncul di bagian kiri</td><td align="justify" valign="top" width="250"> tulisan yang akan muncul di bagian kanan</td> </tr>
</tbody></table>

Contohnya adalah sebagai berikut ;

Aktifitas posting.
Aturlah aktifitas posting secara teratur agar pengunjung kita lebih senang dalam mengunjungi blog kita. Hal ini penting karena setiap pengunjung selalu ingin mendapatkan perkembangan informasi terbaru dalam blog kita. Jika blog kita jarang diupdate, ini akan memberikan suggesti negatif bagi para pengunjung yang menganggao jika blog kita tidak terawat dan membuat pengunjung merasa enggan untuk mengunjunginya lagi. Jadi, sebelum banyak pengunjung kita yang lari, maka lakukanlah beberapa langkah perbaikan. Apa saja? Misalnya adalah dengan rajin memberikan postingan paling tidak minimal tiga hari sekali agar blog kita selalu terjaga eksistensinya di mata pengunjung dan selalu up to date.
Berikan postingan yang berkualitas.
Yup, ingat dan selalu ingatlah jika content is the king! Jika konten postingan dalam blog kitalah yang menentukan segalanya. Postingan adalah nyawa dari blog kita. Jika pengunjung untuk pertama kalinya melihat postingan kita dan langsung kagum dengan kualitasnya, maka akan membuat mereka merasa tertarik untuk mengunjungi, mengunjungi, dan selalu mengunjungi blog kita setiap hari. Akan tetapi, coba kita bayangkan jika blog kita memiliki kualitas postingan yang rendah apalagi hasil dari copas, tentunya hal ini akan membuat pengunjung menjadi tidak kerasan dan mendatangi blog kita untuk hanya sekedar mampir dan tidak akan lagi mau datang ke blog kita. Wah, begitu vital bukan peranan dari sebuah kualitas postingan dalam blog kita. Maka dari itu, mulailah untuk memperbaiki dan meningkatkan kualitas postingan dalam blog kita dengan mencari banyak referensi, pendapat ahli, dan saran dari pihak yang berkompeten terhadap suatu bidang tertentu yang sedang kita tulis.

Keterangan :
  • Cellpadding merupakan jarak antara tepi kolom dengan tulisan.
  • Cellspacing merupakan jarak pemisah antara dua kolom.
  • Width merupakan ukuran lebar masing-masing kolom.
  • Align digunakan sebagai perintah untuk meratakan tulisan. Pilih lah justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan, dan center untuk rata tengah.
  • Valign merupakan perataan verikal. Di mana top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah.

Cukup mudah bukan untuk membuatnya?
Ada yang sudah pernah mempraktikannya? Kalau belum, yuk kita mulai mencobanya sekarang. Karena dengan begitu, postingan dalam blog kita akan tampil sedikit lebih menarik dan akan mengundang lebih banyak lagi pengunjung untuk membacanya.

Kalau ada yang ingin bertanya atau menanggapi silakan disampaikan lewat kotak komentar ya kawan! Mari kita saling berbagi kebaikan yang bermanfaat.
Salam blogger!

Tuesday, April 26, 2011

Cara Pasang Iklan Di Bawah Isi Postingan Blog

Salah satu faktor penentu keberhasilan kita dalam mengoptimalisasi penghasilan online lewat iklan PPC adalah dengan memperhatikan unsur tata letak penempatan iklan dalam blog kita. Jika kemarin sudah kita bahas bersama mengenai cara meletakan iklan di bawah judul postingan blog, kini kita akan berganti membahas cara menempatkan iklan di bawah isi postingan blog sebagai alternatif lain tata letak penempatan iklan.

 

Bagaimana cara membuatnya?

Pertama, masuk ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Beri tanda contreng pada Expand Template Widget.
Cari kode di bawah ini.

<p><data:post.body/></p>

Masukan kode berikut ini tepat di bawah kode yang di atas.

<div style='float:left'>
Kode Iklan PPC kita
</div>

Klik simpan dan selesai.

Keterangan :
  • Sebelum melakukan edit HTML template, sebaiknya download terlebih dahulu template kita sebagai langkah antisipasi jika kita mengalami kegagalan sewaktu proses edit.
  • Untuk mempercepat proses pencarian kode HTML template yang kita inginkan, gunakan fasilitas search dengan cara klik Ctrl + F pada keyboard kita.
  • Phrase kode iklan kita sebelum di masukan ke template blog, agar tampilan iklan tersebut dapat sinkron dengan template blog milik kita di blog crowds atau centricle.
  • Ganti kata left pada <div style='float:left'> untuk merubah letak iklan di tengah (center) atau kanan (right).

Ada pernah mencoba?
Bagaimana hasilnya kawan? Yuk kita bagi-bagikan pengalaman kita!
Bagi yang ingin bertanya dan menyampaikan tanggapannya silakan berkomentar ya kawan..
Salam blogger!

Monday, April 25, 2011

Cara Pasang Iklan Di Bawah Judul Postingan

Seperti yang sudah kita bahas sebelumnya jika menampilkan iklan di bawah judul postingan merupakan salah satu cara mengoptimalkan penghasilan kita melalui iklan PPC. Karena sebagian besar survey yang ada menyatakan jika menempatkan iklan di bawah judul postingan blog memiliki CTR (Click Through Rate) atau rasio iklan untuk diklik yang sangat tinggi. Logikanya adalah dengan menempatkan iklan di bawah judul postingan maka akan membuat iklan tersebut semakin mudah untuk dilihat pembaca. Sebelum melangkah lebih lanjut untuk membaca seluruh isi postingannya, sebagian besar pengunjung pertama kali selalu membaca judul postingan blog bukan? Nah, di sini lah letak yang strategis bagi kita untuk menempatkan iklan di bawah judul postingan.

 

Bagaimana cara menampilkan iklan di bawah judul postingan blog ini?

Pertama, seperti biasa masuk terlebih dahulu ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Klik Expand Template Widget.
Cari kode HTML di bawah ini.

<div class='post-body entry-content'> atau <div class='post-header-line-1'>. Mengingat kode HTML tiap template berbeda-beda, maka cari saja salah satu yang ada pada template blog kita.

Setelah ketemu, letakan kode iklan yang sudah kita phrase tepat di bawah kode tadi.
Klik simpan dan selesai.

Keterangan :
  • Sebagai antisipasi jika muncul kegagalan dalam proses edit, back up template kita dengan cara download template lengkap kita terlebih dahulu.
  • Sebelum menempatkan kode iklan di dalam template, kita wajib untuk memphrasenya terlebih dahulu agar iklan yang kita tampilkan “sinkron” dengan template blog kita. Kita dapat memphrase kode iklan tersebut di blog crowds dan centricle. (pilih salah satu).
  • Gunakan fasilitas pencarian dengan klik Ctrl + F pada keyboard untuk mempercepat pencarian kode HTML yang kita cari dalam template blog kita.

Setelah semuanya selesai, kini di setiap bagian bawah judul postingan blog kita akan muncul iklan yang telah kita masukan. Dengan begitu, proses optimalisasi mendapatkan penghasilan online melalui iklan PPC akan semakin mudah kita kerjakan. Mudah bukan?

Ada yang pernah mencobanya?
Bagaimana hasilnya?
Ada yang ingin ditanyakan? Kalau ada yang ingin menanggapi atau menambahkan silakan di sampaikan lewat kotak komentar ya kawan..
Salam blogger!

Sunday, April 24, 2011

Tips Mengoptimalkan Iklan PPC Lokal

Seiring dengan semakin banyaknya iklan PPC lokal atau buatan indonesia yang bertebaran di dunia maya, membuat semakin banyak pula blogger yang memanfaatkan peluang ini untuk mendapatkan penghasilan online. Dari beberapa pernyataan yang muncul, kebanyakan dari mereka menggunakan iklan jenis PPC (Pay Per Click). Apakah kita juga salah satu di antaranya?

 

Karena keterbatasan persyaratan, biasanya kita lebih mudah untuk menggunakan iklan PPC lokal daripada iklan PPC luar negeri. Mengapa? Mungkin kita sulit di approve iklan PPC luar negeri karena bahasa blog kita tidak menggunakan bahasa inggris, traffic blog minim, dsb. Konsekuensinya kita harus menggunakan iklan PPC lokal sebagai solusi meski pendapatan yang kita dapatkan terbilang “recehan” dan tidak seberapa. Akan tetapi, sebenarnya kita juga dapat mengoptimalkan pendapatan kita dari iklan PPC lokal tersebut asalkan kita melakukan beberapa upaya optimalisasi sebagai berikut ;

Memilih Iklan PPC dengan bayaran tertinggi.

Nominal penghasilan yang kita peroleh untuk sekali klik atas iklan PPC lokal tidak begitu besar, sekitar ratusan rupiah. Untuk itu, kita dapat menyiasatinya dengan memilih untuk bergabung dengan program iklan PPC yang memberikan bayaran paling tinggi. Cukup logis bukan, sebagai upaya untuk meningkatkan penghasilan kita?

Menampilkan iklan pada posisi yang strategis.

Penempatan iklan pada format yang tepat akan semakin mengoptimalkan blog kita dalam menghasilkan pendapatan online. Karena itu, berikan perhatian yang serius untuk pemilihan tata letak iklan yang strategis di blog kita. Biasanya, penempatan iklan tepat di bawah judul postingan blog akan memberikan kita CTR (Click Through Rate) yang tinggi, atau dengan kata lain iklan kita tersebut berpeluang mendapatkan klik yang tinggi. Penempatan iklan di blog kita juga bisa di dasarkan pada desain di bawah ini.

 

Menampilkan Iklan PPC dengan jenis tampilan yang paling besar.

Jika kita berminat menempatkan iklan PPC sebagai cara untuk mendapatkan penghasilan online, maka usahakan untuk menempatkan iklan PPC tersebut dengan jenis atau format model iklan yang paling besar ukurannya. Mengapa? Karena dengan iklan yang besar akan membuat pengunjung blog lebih mudah melihat tampilan iklan tersebut. Hasilnya, klik untuk iklan yang kita tampilkan tersebut akan bertambah banyak. Akan tetapi, ada konsekuensi lain yang perlu kita perhatikan juga. Dengan kita menempatkan iklan dalam ukuran besar, maka hal ini akan memakan banyak ruang di blog kita juga bukan? Pertimbangkan faktor kenyamanan pengunjung dalam membaca dan atur tata letak penempatan iklan yang rapi serta tidak membosankan.

Jangan menampilkan iklan dalam jumlah yang banyak.

Logikanya adalah semakin banyak iklan yang kita tampilkan, maka akan semakin besar pula kesempatan kita untuk mendapatkan penghasilan online. Akan tetapi, pada kenyataannya tidak lah demikian. Iklan yang terlalu banyak dalam blog kita akan membuat pengunjung menjadi risih dan bosan melihatnya. Pengunjung justru enggan untuk mengklik iklan yang kita tampilkan tersebut. Banyaknya iklan PPC yang kita tampilkan terutama yang berjenis banner akan membuat loading blog kita semakin berat. Karena itu, tampilkan iklan PPC di blog kita dalam jumlah yang wajar. Usahakan untuk menampilkan iklan maksimal dalam tiga kelompok lokasi penempatan. Bisa di bawah judul postingan, di atas judul postingan, di bawah postingan, di sidebar, di bagian footer (bagian paling bawah dari blog), di samping header, dalam postingan, dsb.

Penghasilan yang akan kita terima untuk sekali klik dari iklan PPC lokal memang jauh lebih kecil jika dibandingkan dengan iklan PPC luar negeri. Akan tetapi, dengan upaya yang kita lakukan di atas akan semakin menambah peluang iklan kita dalam mendapatkan lebih banyak lagi penghasilan dari dunia internet. Jangan cepat mengambil kesimpulan dari upaya kita, karena untuk bisa mendapatkan penghasilan yang besar dibutuhkan kesabaran dan konsistensi dalam menjalankan bisnis online tersebut. Pada awalnya memang penghasilan dari iklan PPC tersebut kurang menjanjikan, tetapi dengan seiring berjalannya waktu dan bertambahnya jumlah pengunjung blog maka kesempatan kita untuk mendapatkan penghasilan online pun akan semakin besar.

Ada yang sudah pernah mencoba iklan PPC? Bagaimana hasilnya?
Yuk kita bagi-bagikan pengalaman kita dengan berkomentar di bawah ini. Kalau ada yang kurang jelas juga bisa ditanyakan ya?
Salam blogger!

Saturday, April 23, 2011

Iklan Pay Per Click (PPC)

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC).

 

Iklan PPC menurut sebagian kalangan merupakan jenis iklan yang paling pesat perkembangan dan penggunaannya sebagai bisnis online, baik dari kalangan publisher maupun advertiser. Iklan PPC menggunakan metode di mana setiap publisher (pihak yang menampilkan iklan dari advertiser ke dalam blog mereka) akan mendapatkan sejumlah penghasilan apabila ada pengunjung yang mengklik iklan yang ditampilkan tersebut. Biasanya publisher akan menerima bayaran atau “cash out” setelah penghasilan mereka terkumpul mencapai sejumlah penghasilan tertentu.

Dari sisi advertiser, iklan PPC ini akan mengharuskan mereka untuk membayar sejumlah uang saat iklan mereka diklik oleh orang. Variasi bayarannya pun berbeda-beda, tergantung jenis iklan yang kita tampilkan, apakah berbentuk iklan teks atau banner.

Lalu siapa yang mengelola atau menghubungkan antara kepentingan advertiser dan publisher? Biasanya hal ini dijembatani oleh sebuah situs yang menawarkan jasa layanan periklanan. Mereka akan menerima advertiser yang akan mengiklankan iklan mereka dan mendistribusikan iklan tersebut ke semua website maupun blog yang mendaftarkan diri sebagai publisher di situs tersebut.

Beberapa daftar situs lokal yang menyediakan layanan iklan PPC antara lain sebagai berikut;

  • kliksaya.com
  • kumpulblogger.com
  • ppcindo.com
  • tinggalklik.com
  • adsentra.com
  • adsensecamp.com
  • adspeedy.com
  • paneniklan.com
  • ppcinbox.com

kadang ada beberapa situs yang mengharuskan kita memenuhi persyaratan tertentu untuk bisa bergabung sebagai publisher di program mereka. Akan tetapi, banyak juga yang tidak mengharuskan persyaratan tertentu bagi kita untuk bisa bergabung dengan mereka. Situs penyedia layanan iklan PPC di level lokal lebih mudah menerima kita untuk bergabung diprogram mereka daripada situs demikian yang berasal dari luar negeri. Selain karena faktor besarnya jumlah penghasilan yang akan kita terima, hal mendasar yang mengharuskan blog bisa diterima dalam program iklan PPC luar negeri adalah masalah bahasa di mana blog kita dituntut untuk berbahasa inggris.

Beberapa iklan PPC dari luar negeri antara lain sebagai berikut;

  • Google Adsense.
  • Adbrite.
  • Chitika.
  • SpeedyAds.
  • crispads.
  • Peakclick.
  • Revenuepilot.
  • Vibrantmedia.
  • Adknowledge.
  • DoubleClick.

Bagaimana, sudah mengerti tentang iklan PPC? Meski penghasilan yang akan kita terima dari situs iklan PPC level lokal tidak begitu besar daripada iklan PPC luar negeri, setidaknya untuk mengobati penasaran kita dapat mencoba salah satu di antaranya sambil mempersiapkan untuk bisa diterima di program iklan PPC luar negeri.

Ada yang punya pengalaman dengan iklan PPC ini?
Kalau ada, yuk kita bagi-bagikan informasinya..
Bagi yang belum jelas juga bisa bertanya di kotak komentar ya?
Salam blogger!

Friday, April 22, 2011

Cara Menampilkan Jam Di Blog Dengan ClockLink

Bagi sebagian blogger menilai jika menempatkan sebuah jam di blog mereka adalah ide yang bagus untuk variasi desain blog. Tujuan utamanya bukan untuk mengetahui jam berapa sekarang, tetapi cenderung lebih pada penekanan variasi desain atau pelengkap pernak-pernik blog. Dengan pemasangan jam pada posisi tata letak yang tepat, blog kita akan terlihat unik dan menarik. Akan tetapi, selain memerhatikan nilai estetika, kita juga harus memperhatikan tentang efek lainnya. Misalnya, dengan memasang jam secara otomatis loading blog kita akan sedikit melambat. Memasang jam juga dapat menumpuk widget yang “kurang berguna” bagi pengunjung.

 

Terlepas dari persoalan itu, jika kita ingin menempatkan jam di blog kita karena yakin dengan kehadiran jam tersebut akan bermanfaat bagi blog kita, maka keputusan untuk menempatkannya pun menjadi hal yang sah-sah saja.

Bagaimana cara menempatkan jam di blog kita itu? Kali ini kita akan membahas bagaimana menempatkan jam di blog dengan media clocklink.

Pertama, klik situsnya di clocklink.com.

 

Perhatikan sidebar sebelah kiri dari situs tersebut. Kemudian klik pada bagian Gallery.

Setelah itu akan muncul beberapa menu pilihan, seperti Newest, Ad Free, Analog, Animal, Animation, Count Down & Up Dark, Backgrounds, Digital, Holidays, Logo & Custom, Seasons, Sports, Transparent, Wallpaper. Ini merupakan menu pilihan berdasarkan kategori jenis jamnya.

Klik salah satu dari menu pilihan atas kategori jenis jam tersebut, sehingga akan muncul beberapa jenis jam sesuai kategorinya. Misal contohnya klik menu digital.

Pilih model jam mana yang kita sukai, kemudian klik view HTML tag. Sarannya adalah pilih model jam yang sesuai dengan blog kita. Perhatikan model, warna, ukuran, dan temanya.


Selanjutnya muncul halaman verifikasi. Klik accept.


Pada bagian terakhir, kita perlu melakukan pengaturan terlebih dahulu terhadap widget jam yang akan kita pasang. Pilih warna yang kita inginkan, usahakan serasi dengan warna background blog. Pilih zona waktu di daerah kita, bisa berdasarkan waktu GMT maupun lokasi. Pilih lah ukuran jam yang akan ditampilkan di blog kita, usahakan serasi dengan ukuran sidebar blog. Jika blog kita terbagi menjadi dua kolom, biasanya ukuran lebar sidebar sekitar 250px. Akn tetapi jika blog kita terbagi menjadi tiga sidebar yang masing-masing sidebar sama lebarnya, bisanya lebar masing-masing sidebar sekitar 150px.


Terakhir, copy kode HTML yang diberikan di bagian paling bawah. Di sana ada dua kotak yang isinya kode HTML semua kan? Nah, biasanya yang sukses langsung menampilkan widget jam adalah kode HTML di kotak paling bawah atau yang kedua.

Pastekan kode HTML tersebut di blog kita. Bagaimana caranya?

Masuk ke akun blogger kita.
Klik fitur rancangan.
Klik add gadget.
Pilih HTML/JavaScript.
Masukan kode HTML widget jam kita tadi.
Klik simpan dan selesai.

Cukup mudah bukan? Ada tanggapan? Yuk kita ssaling berbagi tentang apa saja yang kita ketahui. Selama yang kita bagikan itu bermanfaat, kenapa tidak? Silakan berkomentar ya kawan..
Salam blogger!

Thursday, April 21, 2011

Cara Membuat Teks Area

Apa itu teks area?
Teks area merupakan sebuah bingkai yang dibuat untuk menmpung tulisan atau kode-kode HTML yang ingin ditampilkan secara terpisah dari halaman posting tempat menerbitkan sebuah artikel. Biasanya saat kita mengunjungi sebuah blog, kita melihat ada sebuah kotak yang di dalamnya berisikan tulisan atau kode HTML sebuah tutorial blog. Nah, kotak bingkai yang dimaksud itu merupakan teks area. Penggunaan teks area ini biasanya digunakan untuk menempatkan kode HTML tutorial blog, blogroll, dan semacam peringatan atau pemberitahuan kecil dari pemilik blog kepada pengunjungnya.

 

Bagaimana cara membuat teks area di blog ini ?

Teks area biasa.

Copykan kode HTML di bawah ini.

<p align="center"><textarea name="code" rows="6" cols="20"> tulisan yang akan muncul </textarea></p>

Contoh :

Keterangan :
  • Ganti tulisan “tulisan yang akan muncul” dengan apa yang kita ingin sampaikan.
  • Ganti angka pada rows="6" untuk merubah ukuran tinggi kotak.
  • Ganti angka pada cols="20" untuk merubah ukuran lebar kotak.

Teks area dengan highlight.

Copykan kode HTML di bawah ini.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Klik Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> tulisan yang akan muncul </textarea></p></div></form>

Contoh :

Keterangan :
  • Ganti tulisan “tulisan yang akan muncul” dengan apa yang kita ingin sampaikan.
  • Ganti tulisan “klik semua” untuk menampilkan tulisan pada button di atas kotak teks area.
  • Ganti angka pada WIDTH: 300px untuk merubah ukuran lebar kotak.
  • Ganti angka pada HEIGHT: 144px untuk merubah ukuran tinggi kotak.
  • Ganti tulisan center pada div align="center" untuk merubah posisi button yang terletak di atas kotak teks area.

Semua kode teks area tersebut dapat kita pasangkan baik dalam postingan blog maupun di sidebar blog. Khusus untuk pemasangan di postingan blog, maka kita harus menempatkannya di bagian edit HTML, bukan bagian compose saat kita menulis tulisan yang akan dipublikasikan.

Bagaimana? Cukup mudah bukan?
Kalau ada yang pernah mencoba, silakan beri komentar atas pengalamannya ya? Bagi yang ada pertanyaan juga bisa ditanyakan lewat kotak komentar. Mari kita berbagi kawan!
Salam blogger!

Wednesday, April 20, 2011

Membuat Postingan Blog Justify

Saat kita menulis dan mempublikasikan artikel di blog, kadang kita merasa kurang nyaman dengan tampilan tulisan tersebut yang kurang rapi. Bisa jadi hal ini dilatar belakangi oleh format penulisan kita yang semula hanya rata kiri dan tidak justify, sehingga terkesan berantakan pada sisi kanan yang tidak rata. Bagaimana solusinya? Kita harus melakukan edit secara manual, di mana setiap kali kita menulis di situ pula kita melakukan pengaturan format penulisan justify agar tulisan kita nantinya terlihat rata kana kiri saat dipublikasikan.

 

Akan tetapi, ternyata ada cara lain yang dapat kita gunakan agar setiap tulisan yang kita publikasikan dapat terlihat selalu justify secara otomatis tanpa kita harus melakukan edit settingan untuk justify terlebih dahulu saat menulis. Bagaimana cara membuat postingan blog agar justify seperti yang dimaksud?

Pertama log in dahulu ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Beri tanda centang pada expand template widget.
Cari kode HTML berikut ini.

/* Posts
-----------------------------------------------

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
text-align: justify;
}

Klik simpan dan selesai.

Keterangan :
  1. Tambahkan kode yang berwarna merah untuk membuat tampilan tulisan di blog kita terlihat justify.
  2. Klik Ctrl + F pada keyboard kita untuk mempercepat proses pencarian kode yang diinginkan.
  3. Backup template terlebih dahulu untuk mengantisipasi terjadinya kegagalan saat proses edit berlangsung dengan cara download template blog kita sebelumnya.

Mudah sekali bukan? Sekarang saat kita menuliskan sesuatu dan mempublikasikannya di blog kita, maka tulisan tersebut akan secara otomatis tampil dengan model justify (rata kanan kiri) tanpa perlu settingan justify saat proses penulisan berlangsung.

Ada tanggapan?
Kalau ada yang ingin ditanyakan, silakan di share di kotak komentar blog ini ya kawan? Mari kita saling berbagi pengetahuan!
Salam blogger!