Cara Menampilkan Gambar Pada HTML Blogger
Cara Menampilkan Gambar Pada HTML Blogger - Yepi Share Everything | Kali ini saya akan share mengenai blogger yaitu, cara menampilkan gambar pada html blog. Dilihat dari judul sepertinya mudah untuk melakukan itu, tapi ternyata dalam prakteknya akan timbul eror pada template blog biasanya. Kebanyakan Script ini digunakan untuk menampilkan gambar space iklan pada blog. Langsung saja anda simak Cara Menampilkan Gambar Pada HTML Blogger berikut :
Script :
<a href="URL SITUS" target="_blank"><img src="URL GAMBAR" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>
Tutorial :
1. Siapkan gambar. ( Gambar bisa anda upload di https://picasaweb.google.com atau di media upload gambar yang lainnya)
2. Setelah anda upload silahkan anda ambil link gambar yang sudah anda upload. Contoh gambar yang saya gunakan, ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIz1Ez4hym9lYVSJ0Ynx1aciV-MM3AKvPOOW46e8BDoBkQFmSWsgShAK3x3OzZctc_E_GukwrVLzr0c1qQLRHf69YYeA2HDfoJ370wcoBbINna5qKVzwpjmgOLchp3-p0iSXYXLOnOyJik/s728/ADS%2520728X90.png )
3. Anda masukkan pada Link Gambar anda di URL GAMBAR
Contoh : <a href="URL SITUS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIz1Ez4hym9lYVSJ0Ynx1aciV-MM3AKvPOOW46e8BDoBkQFmSWsgShAK3x3OzZctc_E_GukwrVLzr0c1qQLRHf69YYeA2HDfoJ370wcoBbINna5qKVzwpjmgOLchp3-p0iSXYXLOnOyJik/s728/ADS%2520728X90.png" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>
4. Setelah itu pada URL SITUS anda isi dengan URL yang dituju jika gambar itu di klik oleh pengunjung blog. Saya menggunakan URL ( http://www.yepishare.com )
Contoh : <a href="http://www.yepishare.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIz1Ez4hym9lYVSJ0Ynx1aciV-MM3AKvPOOW46e8BDoBkQFmSWsgShAK3x3OzZctc_E_GukwrVLzr0c1qQLRHf69YYeA2HDfoJ370wcoBbINna5qKVzwpjmgOLchp3-p0iSXYXLOnOyJik/s728/ADS%2520728X90.png" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>
5. Pada NAMA TAUTAN silahkan anda isi terserah dengan gambar yang anda tampilkan. saya ambil nama Yepi Share Everything.
Contoh : <a href="http://www.yepishare.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIz1Ez4hym9lYVSJ0Ynx1aciV-MM3AKvPOOW46e8BDoBkQFmSWsgShAK3x3OzZctc_E_GukwrVLzr0c1qQLRHf69YYeA2HDfoJ370wcoBbINna5qKVzwpjmgOLchp3-p0iSXYXLOnOyJik/s728/ADS%2520728X90.png" alt="Yepi Share Everything" width="50" height="30" border="0" /></a>
6. Setelah itu Untuk width dan height yang saya beri warna kuning, silahkan anda ganti dengan ukuran sesuka anda. ( Width : Panjang Gambar & Height : Tinggi Gambar )
Nah begitulah sobat Cara Menampilkan Gambar Pada HTML Blogger, semoga sedikit tidaknya dapat membantu sobat dan semoga bermanfaat. Terimakasih atas kunjungannya yah sobat.
Terimakasih anda telah membaca artikel Cara Menampilkan Gambar Pada HTML Blogger Silahkan baca artikel Yepi Share Everything Tentang
Blogger
|
Tutorial Blog
Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :
3 komentar:
nice share.. i love it.
nice info......thanks
tanks bro tutornya manfaat banget
Posting Komentar
Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM