Tutorial Bagaimana Cara Memasang Banner Buatan Kita Sendiri di Blog

Hallo guys disini kita akan memberikan Tutorial bagaimana cara memasang Banner buatan kita sendiri di Blog. Tujuan dari memasang Banner diantaranya adalah :

1.  Agar blog kita terlihat bagus dan dinamis. 

2. Bisa berguna untuk memberitahukan kepada para pengunjung bahwa blog kita menyediakan sebuah Space iklan yang bertujuan untuk mempromosikan produk atau jasa mereka. 

3.  Untuk mempromosikan sebuah artikel terkait di situs blog kita.

Di bawah ini adalah langkah-langkah membuat dan memasang banner buatan kita sendiri di Blog.

Langkah Pertama adalah siapkan  atau buatlah ukuran banner anda terlebih dahulu. teman-teman bisa menggunakan software Photoshop atau Corel Draw untuk membuatnya. jika teman-teman tidak bisa menggunakan software tersebut teman-teman Bisa men download banner-nya di google dan pilih sesuai dengan selera.
untuk standar ukurannya bisa dilihat gambar dibawah ini guys.

Langkah Kedua adalah siapkan gambar banner yang telah dibuat tadi, lalu silahkan hostingkan gambar banner tersebut. Di sini ada beberapa caranya diantaranya :  

a).  bisa menggunakan Blogger,    

b).  bisa menggunakan layanan lainnya seperti Photobucket.
silahkan pilih yang menurut teman-teman lebih mudah.

Jika anda menggunakan langkah pertama yaitu menggunakan Blogger caranya yaitu :

1. Upload gambar banner tersebut melalui blog Dummy saja. Apa itu blog Dummy ? bisa dibaca disini.

2. Buatlah postingan baru pada blog Dummy dan upload gambar bannernya.

3.  Setelah gambar banner ter-upload masuklah ke mode HTML lalu copy link URL gambar tersebut.

Anda bisa meng copy link di bawah ini untuk lebih mudahnya.

<a title="Cara Memasang Banner Buatan Kita Sendiri di Blog" href="http://www.bannerku.com/" target="_blank"><img alt="Cara Memasang Banner Buatan Kita Sendiri di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSg42w3E3RvEWRat8BXJx6BZtq2zs3huNkPogA4z8IBsD1qIPga3ScNlkTEHbems5YF8eK7fHTow-FUn1BUfG10PGU5ejczlNO34OwBfOl8EihSrcM_tbHO_7uF4MpC-nlYEwJ_okDkFqS/s1600/250x300.jpg"width="300px" height="250px"/></a>

Keterangan :

1.  Warna Merah  :  Gantilah sesuai dengan title atau judul blog anda

2.  Warna Biru      :  Gantilah URL yang akan dituju.

3.  Warna Hijau   :   Gantilah dengan URL gambar yang baru  di upload di blog dummy tadi. (Contoh URL seperti gambar no. 3 diatas)

4.  Kemudian silahkan masuk ke blog utama yang akan di pasang gambar banner. Copy Link diatas yang sudah diedit sesuai dengan kriteria blog teman-teman, lalu pilih Tata Letak - Tambah Gadget - HTML/JavaScript.

5.  Dan silahkan  cek apakah gambar banner teman-teman sudah terpasang dengan baik dan sempurna belum.

Langkah kedua upload menggunakan Photobucket :

1.  Kunjungi dulu situs photobucket. lalu daftarkan diri anda disana (gratis). Situs ini merupakan sebuah tempat penyimpanan gambar yang cukup baik menurut saya.

 

2.  Kemudian silahkan upload gambar banner iklan yang tadi anda buat.

3.  Setelah gambar Banner ter upload silahkan klik gambar banner tersebut dan copy link HTML yang terdapat disebelah kiri.

Kodenya seperti dibawah ini :

<a href="http://s1311.photobucket.com/user/Fanskers/media/BANNER/250x300_zpssmbnumg1.jpg.html" target="_blank"><img src="http://i1311.photobucket.com/albums/s668/Fanskers/BANNER/250x300_zpssmbnumg1.jpg" border="0" alt="250X300 photo 250x300_zpssmbnumg1.jpg"/></a>


catatan  :
gantilah kode "warna merah" sesuai dengan domain yang anda inginkan. tujuannya adalah biar nanti ketika gambar banner di klik akan mengarah ke domain yang diinginkan.


contoh  :  
<a href="https://seputardesain.blogspot.com" target="_blank"><img src="http://i1311.photobucket.com/albums/s668/Fanskers/BANNER/250x300_zpssmbnumg1.jpg" border="0" alt="250X300 photo 250x300_zpssmbnumg1.jpg"/></a>


setelah itu teman-teman bisa menaruhnya di blog  dengan cara masuk ke Tata Letak - Tambah Gadget - HTML/JavaScript. lalu silhkan lihat hasilnya.