Laman

Sunday 8 August 2010

Memasang Banner Affiliasi di Header Blogger Blogspot

Memasang banner affiliasi di header blogger blogspot merupakan salah satu tips dan trick promosi bisnis affiliasi. Dengan memasang Banner affiliasi dari suatu program affiliasi di header blogger, maka secara otomatis telah menjadikan banner affiliasi bagian yang pertama kali dilihat oleh pengunjung blog yang memnjadi target atau prospek bisnis affiliasi tersebut.

Memasang banner affiliasi di header blogger pula bertujuan untuk mendapatkan dan neningkatkan kapasitas produktif dari blog itu sendiri, tentunya tujuan utamanya adalah untuk mendapatkan uang dari program affiliasi itu sendiri.

Cara menambahkan banner bisnis affiliasi di blogger blogspot
1. Login ke Blogger.com dan arahkan ke> halaman Edit HTML Layout dari blog Anda

2. Pada halaman Edit HTML Anda akan melihat opsi untuk back up template dengan men-download ke sistem anda.
Saya sangat menyarankan agar Anda mengambil kesempatan ini untuk backup karena Anda akan membuat perubahan ke template Anda di mana jika ada masalah Anda mungkin tidak dapat mengembalikannya

3. Setelah Anda membuat salinan template, centang pada kotak Expand Template Widget


4. Pada template Anda cari baris kode <b:includable id='main'> di bagian header dari template: (catatan Anda dapat mencari dengan menggunakan CTRL + F dan memasukkan code <b:includable id='main'> ke dalam kotak pencarian.
<b:includable id='main'>
<b:if cond='data:useImage'>

5. Sekarang masukkan 2 baris kode berikut langsung di bawah <b:includable id='main'> dan sebelum <b:if cond='data:useImage'>

<div class='ads'>
</div>

6. Sisipkan kode banner amda diantara <div class='ads'> dan </div>. atau jelasnya seperti ini

<div class='ads'>SIMPAN KODE BANNER ANDA DISINI
</div>



7. Periksalah kode yang telah Anda masukkan. Jika Anda telah mengikuti langkah-langkah di atas Anda sekarang akan memiliki kode yang menyerupai ini. (Kode afiliasi Anda tentu saja akan berbeda):

<b:includable id='main'>
<div class='ads'>

<a href="http://stoxem.com/?rix=asepsa"><img src="http://stoxem.com/banner3.gif" border="0"></a>

<b:if cond='data:useImage'>
</div>

8. Bila Anda yakin Anda telah dimasukkan dengan benar kode ke template,Scroll mouse ke atas sampai Anda menemukan baris ini di template Anda ]]></b:skin

9. Segera sebelum baris ini tambahkan baris berikut:

/* Header Banner
----------------------------------------------- */
#header .ads{width:480px; height:80px; float:right;
padding:20px 0px 0px 0px}


10. Klik Simpan Template.

11. Klik Lihat Blog untuk melihat banner baru Anda, dan anda telah berhasil memasang banner affiliasi di header blog

1 comment: