Cara Memasang Banner Dan Link Teman di Blog Sendiri

Sabtu, 13 Juli 2013

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.
Sebelumnya saya akan mengingatkan lagi bagaimana memasang link berbentuk teks

<a href="http://ninjablackrock.blogspot.com">Ninja Black Rock</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 "Ninja Black Rock" 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="http://ninjablack007.blogspot.com target="_blank" title="Ninja Black Rock"><img src="http://lh5.ggpht.com/_ZTlS8QJXZ2w/SZBWcskWKTI/
AAAAAAAAA0w/FE7AaFM2g7c/s128/logosadean.png" height="75" width="128"></a>

maka akan keluar sebuah gambar sesuai yang anda pasang alamatnya.

Penjelasan :
- target="_blank" adalah attribut yang digunakan supaya kalau di klik maka akan membuka jendela baru, artinya tidak menutupi halaman yang sedang tampil.
- title="Ninja Black Rock" 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="http://ninjablack007.blogspot.com target="_blank" title="Ninja Black Rock"><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="http://ninjablack007.blogspot.com target="_blank" title="Ninja Black Rock"><img src="http://lh5.ggpht.com/_ZTlS8QJXZ2w/SZBWcskWKTI/
AAAAAAAAA0w/FE7AaFM2g7c/s128/logosadean.png" height="75" width="128"></a><br/></div>

Demikian  penjelasan panjang x lebar x tinggi..
hehehehe... Jika belum faham ,baca berulang ulang, jika belum berarti anda belum beruntung, hihihi :D

Free Template Blogger collection template Hot Deals SEO

0 komentar:

Sign by Danasoft - For Backgrounds and Layouts