Senin, 21 Februari 2011

Cara Pasang Banner di Blog

Agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar atau header blog kita. Banyak pengunjung blog yang langsung tertuju ke arah banner, apalagi jika kita punya banner yang interaktif dengan pengunjung.

Misalnya jika anda terdaftar di suatu situs bisnis internet, pastinya anda akan mendapatkanbanner untuk mempromosikan link url anda di tempat sobat mendaftar. Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit ribet, hehe..

tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa gambar atau banner yang kita maksud.

Seperti ini contohnya, gambar berikut saya dapat setelah mengikuti program bisnis internet yang dikenal dengan nama paid to click atau PTC.



dan biasanya akan diberikan kode html yang nantinya akan kita pasang di blog kita, seperti ini contoh kode html-nya :

<a href="http://www.neobux.com/?r=deddybisnis"><img src="http://images.neobux.com/imagens/banner8.gif" width="468" height="60" /></a>

dan bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :

1. Login ke Blogger dengan ID anda.

2. Klik Tata Letak.

3. Klik Elemen Halaman.

4. Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.


5. Kemudian pilih yang HTML/Java Script


6. Copy paste kode HTML anda kedalamnya, anda bisa menambahkan judul diatasnya jika mau.


7. Lalu klik Simpan.

8. Selesai.

Membuat Banner Milik anda Sendiri

Bagaimana jika anda ingin memasang banner atau gambar sendiri ke dalam blog anda dan jika di klik akan menuju ke situs atau blog anda yang lain? saya akan Jelaskan contohnya berikut ini.

Saya punya gambar kecil dengan bentuk seperti ini :



Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?

1. Upload gambar tersebut kedalam situs penyimpanan online, anda bisa upload ke ImageShackatau Google Sites.

2. Anggap saja anda ingin menggunakan jasa ImageShack, pada halaman depan silahkan anda klik Browser untuk mengupload gambar yang ada pada komputer anda.


3. Jika sudah memilih gambarnya yang mau di upload, maka selanjutnya silahkan teman klikUpload Now.

4. Setelah selesai upload gambar, kemudian silahkan teman Copy kode yang ada pada kolomDirect Link.


5. Sekarang tugas anda membuat kode HTML pada gambar yang teman upload supaya mengarah ke blog anda, seperti berikut :

<a href="http://Blog-Teman.blogspot.com" target="_blank"><img border="0" width="140"src="http://img228.imageshack.us/img228/1556/cooltext441672631.gif"height="30" title="Judul Blog anda"/></a>

6. Keterangan Kode: http://Blog-Teman.blogspot.com Ganti dengan alamat URL Blog anda,border="0" untuk garis tepi, saya sarankan jangan diubah, width="140" adalah lebar gambar silahkan anda cocokan dengan selera anda,http://img228.imageshack.us/img228/1556/cooltext441672631.gif silahkan ganti dengan kode gambar yang anda upload tadi, height="30" tinggi gambar silahkan anda cocokan dengan selera anda, title"Silahkan anda tulis Judul blog anda".

7. Kode tersebutlah yang sekarang bisa anda copy paste ke blog anda. Jika anda Ingin Membuat kode tersebut kedalam text area agar pengunjung Blog anda bisa mengcopy kode banner anda silahkan baca posting Cara membuat text area 

Selamat Mencoba


Artikel Terkait:


Tidak ada komentar:

Posting Komentar

Komentator Blog Ini