Pertama siapkan dulu script bannernya yang akan dipasang di header blog!
Untuk yang belum tahu script banner itu seperti apa? berikut ini contohnya:
<a href='http://www.rahasiawebsitepemula.com/order.php?id=yede' target='_blank'><img alt='http://www.RahasiaWebsitePemula.com/order.php?id=yede' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGskXTJM1gA41lAtLIyf75lUpO5cZhNpVOzBP5-mU85NtXoDnAE4uv-foR0mkeqGSAJpReiS4bAHWu2iKo-UPH4ZBjNpSQESuDFeqEWnZESWJfhvsaSBfwQ-dZC0jCZFo3AW476f_KTA/s1600/a2.JPG' width='468'/></a>
Kalau kamu sudah menyiapkan script bannernya,tambahkan kode html ini <div class='ads'> di depan script banner kamu itu,lalu tambahkan juga kode ini </div> di akhir script banner kamu itu pula, sehingga susunan script banner kamu akan menjadi seperti ini:
<div class='ads'>
<a href='http://www.rahasiawebsitepemula.com/order.php?id=yede' target='_blank'><img alt='http://www.RahasiaWebsitePemula.com/order.php?id=yede' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGskXTJM1gA41lAtLIyf75lUpO5cZhNpVOzBP5-mU85NtXoDnAE4uv-foR0mkeqGSAJpReiS4bAHWu2iKo-UPH4ZBjNpSQESuDFeqEWnZESWJfhvsaSBfwQ-dZC0jCZFo3AW476f_KTA/s1600/a2.JPG' width='468'/></a>
</div>
Selanjutnya copy script banner tsb lalu pastekan diantara kode <b:includable id='main'> dan kode <b:if cond='data:useImage'> yang ada di kotak edit html template blog kamu.
Lihat ini hasilnya:
Kalau sudah copy kode ini :
/* Header Banner
----------------------------------------------- */
#header .ads{width:480px; height:80px; float:right;
padding:20px 0px 0px 0px}
lalu pastekan sebelum kode ini ]]></b:skin> yang ada dikolom edit html template blog kamu.
Lihat hasilnya seperti ini:
Kalau sudah... klik pratinjau dulu,kalau tidak terjadi error...klik simpan template!
Sampai disini proses pemasangan banner di header blog sudah selesai.
Lihat hasilnya di header blog saya ini, tepatnya disebelah kanannya judul blog saya ini,banner sudah muncul.
Untuk yang belum tahu script banner itu seperti apa? berikut ini contohnya:
<a href='http://www.rahasiawebsitepemula.com/order.php?id=yede' target='_blank'><img alt='http://www.RahasiaWebsitePemula.com/order.php?id=yede' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGskXTJM1gA41lAtLIyf75lUpO5cZhNpVOzBP5-mU85NtXoDnAE4uv-foR0mkeqGSAJpReiS4bAHWu2iKo-UPH4ZBjNpSQESuDFeqEWnZESWJfhvsaSBfwQ-dZC0jCZFo3AW476f_KTA/s1600/a2.JPG' width='468'/></a>
Kalau kamu sudah menyiapkan script bannernya,tambahkan kode html ini <div class='ads'> di depan script banner kamu itu,lalu tambahkan juga kode ini </div> di akhir script banner kamu itu pula, sehingga susunan script banner kamu akan menjadi seperti ini:
<div class='ads'>
<a href='http://www.rahasiawebsitepemula.com/order.php?id=yede' target='_blank'><img alt='http://www.RahasiaWebsitePemula.com/order.php?id=yede' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGskXTJM1gA41lAtLIyf75lUpO5cZhNpVOzBP5-mU85NtXoDnAE4uv-foR0mkeqGSAJpReiS4bAHWu2iKo-UPH4ZBjNpSQESuDFeqEWnZESWJfhvsaSBfwQ-dZC0jCZFo3AW476f_KTA/s1600/a2.JPG' width='468'/></a>
</div>
Selanjutnya copy script banner tsb lalu pastekan diantara kode <b:includable id='main'> dan kode <b:if cond='data:useImage'> yang ada di kotak edit html template blog kamu.
Lihat ini hasilnya:
Kalau sudah copy kode ini :
/* Header Banner
----------------------------------------------- */
#header .ads{width:480px; height:80px; float:right;
padding:20px 0px 0px 0px}
lalu pastekan sebelum kode ini ]]></b:skin> yang ada dikolom edit html template blog kamu.
Lihat hasilnya seperti ini:
Kalau sudah... klik pratinjau dulu,kalau tidak terjadi error...klik simpan template!
Sampai disini proses pemasangan banner di header blog sudah selesai.
Lihat hasilnya di header blog saya ini, tepatnya disebelah kanannya judul blog saya ini,banner sudah muncul.
0 comments:
Posting Komentar