Memasang Link dan baner di blog

Posted by

Bagaimana cara memasang baner teman di blog sendiri???? begitu pertanyaan saudara andika teman saya. Sebenarnya tidak ada bedanya antara memasang Link berbentuk teks dengan berbentuk gambar, karena fungsinya sama yaitu pengunjung blog anda nantinya juga akan berkunjung ke blog teman anda. Dalam bahasa Islamnya menjalin tali Silaturahmi.... hehehhe.. (Kayak Ustad ya gw...hiks). Ok deh langsung aja TTP (To The Point) tentang memasang baner di blog tapi sebelumnya saya akan mengingatkan lagi bagaimana memasang link berbentuk teks

<a href="http://www.sadeanbatik.com">Tempat Promosi Batik</a>

Untuk menyisipkan link di website atau blog menggunakan tag <a href="alamatblog">kemudian ditutup dengan </a>. Jadi pada bagian diantara tag <a href="alamatblog"> dan </a> adalah bagian yang akan muncul dengan sisipan link seperti pada contoh diatas "Tempat Promosi Batik" adalah teks yang muncul dengan sisipan link-nya.
Untuk menampilkan gambar dengan sisipan link juga pada prinsipnya sama, hanya saja untuk menyisipkan gambar menggunakan tag <img src="alamatgambar">, jadi kalau ingin menyisipkan link pada gambar anda tinggal menuliskan kodenya seperti berikut :


<a href="alamatblog"><img src="alamatgambar"></a>

Contoh :

<a href="www.sadeanbatik.com target="_blank" title="Tempat Promosi Batik"><img src="http://lh5.ggpht.com/_ZTlS8QJXZ2w/SZBWcskWKTI/
AAAAAAAAA0w/FE7AaFM2g7c/s128/logosadean.png" height="75" width="128"></a>

akan keluar gambar seperti dibawah



Penjelasan :
- target="_blank" adalah attribut yang digunakan supaya kalau di klik maka akan membuka jendela baru, artinya tidak menutupi halaman yang sedang tampil.
- title="Tempat Promosi batik"
adalah attribut yang berguna jika gambar di sorot akan menampilkan teks seperti yang kita tuliskan di dalam tanda petik.
- height="75"
berguna untuk mengatur tinggi gambar misal disitu tertuliskan "75" maka tinggi gambar adalah 75 pixel.
- width="128"
berguna untuk mengatur lebar gambar, misal disitu tertuliskan "128" maka lebar gambar adalah 128 pixel.
Untuk menaruhnya di blog, anda bisa menambahkan baris, tag yang digunakan untuk menambahkan baris adalah tag <br> dan ditutup dengan <br/> sebagai contoh anda bisa menuliskan kodenya seperti ini :

<br><a href="www.sadeanbatik.com target="_blank" title="Tempat Promosi Batik"><img src="http://lh5.ggpht.com/_ZTlS8QJXZ2w/SZBWcskWKTI/
AAAAAAAAA0w/FE7AaFM2g7c/s128/logosadean.png" height="75" width="128"></a><br/>

Supaya gambar berada di tengah anda bisa menambahkan <div align="center"> dan ditutup dengan </div>. Sebagai contoh kodenya sebagai berikut :

<div align="center"><br><a href="www.sadeanbatik.com target="_blank" title="Tempat Promosi Batik"><img src="http://lh5.ggpht.com/_ZTlS8QJXZ2w/SZBWcskWKTI/
AAAAAAAAA0w/FE7AaFM2g7c/s128/logosadean.png" height="75" width="128"></a><br/></div>


Selamat Mencoba, semoga bermanfaat.


<
Blog, Updated at: 22.44

2 komentar:

  1. makasih mas infonya.. main ke blog saya dunk
    kalo bisa...mo tukeranlink juga

    BalasHapus
  2. malem admin,.
    artikel dengan judul memasang link dan baner di blog ini sangat bagus,
    iya saya setuju dengan penulis, link berbentuk teks dangan gambar memang tidak ad bedanya,karena fungsinya sama.
    penulis juga mengingat kembali bagaimana memasang link bebbentuk teks sebelum menjelaskan memasang baner di blog.
    oiya yang menarik nya juga penulis membuat contoh dan stelah dijalankan akan menjadi gambar apa,luar biasa...
    selain itu penulis juga menjabarkan artidan kegunaan dari atribut-atribut seperti : target-blank, title- tempat promosi batik. widht
    thanks admin,...


    jangan lupa kunjungi website kampus kami http://www.atmaluhur.ac.id

    dan website saya https://akbarfitriansyah.mahasiswa.atmaluhur.ac.id

    BalasHapus