Warung Bebas

Kamis, 25 Oktober 2012

Cara Memasang Banner ads 125 x125

Tutorial Blog Cara Memasang Banner ads 125 x125 adalah resep yang akan dibahas kali ini. apa itu banner dan untuk apa fungsinya, tentu sobat blogger Dapur Tutorial Blogspot sudah pada tau sehingga tidak perlu dijelaskan lagi. Contoh banner ads 125 x 125 kurang lebih jadinya seperti pada gambar berikut :



Apabila ingin melihat demonya bisa sobat blogger lihat dihalaman blog ini. Cukup mudah untuk memasang baner iklan 125 x 125 dihalaman blog, hanya perlu mengikuti beberapa langkah berikut :

Langkah 1 : Membuat kotak untuk banner
  1. Login menggunakan akun blogger anda
  2. Masuk kehalaman Edit HTML dengan cara Pilih Template --> Edit HTML --> Proses/Lanjutkan (jika masih bingung baca tutorial cara mengakses halaman Edit HTML)
  3. Sekarang cari kode ]]></b:skin> ( gunakan tombol CTRL + F dan F3 agar lebih mudah menemukan kode)
  4. Copy kode dibawah dan letakan diatas kode ]]></b:skin>

  5. #Banner-ads125x125  {
    margin: 0px;
    padding: 5px;
    text-align: center;
    }

    #Banner-ads125x125  img {
    margin: 0px 4px 4px 0px;
    padding: 3px;
    text-align: center;
    border: 1px solid #c0c0c0;
    }

    #Banner-ads125x125  img:hover {
    margin: 0px 4px 4px 0px;
    padding: 3px;
    text-align: center;
    border: 1px solid #333;
    }
  6. Jika sudah Simpan Template
Langkah 2 :  Memasukan Gambar Banner Kehalaman Blog
  1. Pilih Tata Letak
  2. Tambah Gadget --> HTML JavaSript
  3. Copy Kode Berikut dan masukan kedalam Widget HTML/JavaSript

  4. <div id="Banner-ads125x125">

    <a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
    border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1IYGR86oe56s_CzDIurwj7SGAeoRIzL5xqMtdTEf6RT9EVHn_0qbQEpH2bwJs66mqn6KNVGoAWDNBJpIbWol8FXjblTm7sgtJ4TAEVbNjKVr-Y7inYu45BnHBopu3XxvFgwOVlnqU9a2/s1600/Banner2.gif"/></a>
    <a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
    border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1IYGR86oe56s_CzDIurwj7SGAeoRIzL5xqMtdTEf6RT9EVHn_0qbQEpH2bwJs66mqn6KNVGoAWDNBJpIbWol8FXjblTm7sgtJ4TAEVbNjKVr-Y7inYu45BnHBopu3XxvFgwOVlnqU9a2/s1600/Banner2.gif"/></a>
    <a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
    border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1IYGR86oe56s_CzDIurwj7SGAeoRIzL5xqMtdTEf6RT9EVHn_0qbQEpH2bwJs66mqn6KNVGoAWDNBJpIbWol8FXjblTm7sgtJ4TAEVbNjKVr-Y7inYu45BnHBopu3XxvFgwOVlnqU9a2/s1600/Banner2.gif"/></a>
    <a target="_blank" href="http://dapur-tutorial.blogspot.com/"><img
    border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1IYGR86oe56s_CzDIurwj7SGAeoRIzL5xqMtdTEf6RT9EVHn_0qbQEpH2bwJs66mqn6KNVGoAWDNBJpIbWol8FXjblTm7sgtJ4TAEVbNjKVr-Y7inYu45BnHBopu3XxvFgwOVlnqU9a2/s1600/Banner2.gif"/></a>

    </div>
    Keterangan :
    • Kode yang berwarna biru adalah URL yang dituju saat banner diklik
    • Kode yang berwarna merah adalah url image atau gambar
  5. Klik Simpan dan Lihat Hasilnya
Sekian Resep Cara Memasang Banner ads 125 x125 semoga bisa bermanfaat.

0 komentar em “Cara Memasang Banner ads 125 x125”

Posting Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger