Tutorial pemasangan web banner di blog

17
Tutorial Pemasangan Web Banner di Blog

Transcript of Tutorial pemasangan web banner di blog

Tutorial Pemasangan

Web Banner di Blog

Teman – teman agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar atau header blog kita

Misalnya nih teman – teman terdaftar di suatu situs bisnis online, pastinya teman - teman akan mendapatkan web banner untuk mempromosikan link url teman di tempat teman mendaftar.

Banyak pengunjung blog yang langsung tertuju ke arah web bannerapalagi jika kita punya banner yang interaktif dengan pengunjung.

Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit ribet, tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa gambar atau banner yang kita maksud.

Berikut Tutorial Cara Memasang Web Banner di Blog

Silahkan ikuti panduannya berikut ini :

1. Siapkan image web banner

2. Masuk ke photobucket.com Sign up atau log in(photobucket.com adalah layanan penyimpanan gambar secara online)

3. Upload web banner yang ingin dipakai ke photobucket.com

4. Jika sudah berhasil, klik web banner yang terupload, kemudian di sisi kanan, akan muncul share links. Pilih yang HTML, klik, (ketika diklik berubah warna jadi kuning), dan langsung tercopy kodenya

5. Login ke Blooger dengan ID anda.

Tampilan awal blog

6. Di bagian kanan atas, klik design.

7. Dan setelah masuk Klik Layout atau Tata Letak. .

5. Klik tambahkan gadget atau add gadget di sidebar kanan/kiri, header ataudibagian bawah template. (tergantung dimana anda ingin meletakannya). Akan keluar jendela kecil kemudian klik HTML/Java Script

6. Keluar tampilan seperti ini

7. Copy paste kode HTML dari web banner di photobucketsebelumnya di kolom content.

8. Yang diblok biru itu dihapus dan diganti dengan URL Landing Page anda. Kemudian klik Simpan.

9. Klik simpan setelan

10. Web banner di sudah terpasang di blog

Demikian Tutorial Cara Memasang Web Banner di Blog

Semoga bermanfaat ya teman – teman..