Cara membuat link pada gambar di blog

Cara membuat link pada gambar di blog

Cara Menampilkan Gambar sekaligus memberi link pada gambar sebenernya mudah banget kok. Cuman kadang kita ngambil mudahnya aja tinggal copy paste dari coding Web yang menyediakan fasilitas menampilkan gambar. Cuman cara tersebut kurang mendidik klo kita tau caranya itu lebih baikkan. Kita bisa meletakkan gambar di Web, Blog, comment friendster dll, terserah kemauan kita. Cara menampilkan gambar hanya menggunakan sedikit kode HTML, sangat mudah kok. 

<div style=”text-align: left;”> <a href=”http://soundcloud.com/jeame-pramono/nedule-band-kenangan-antara“><img height=”40″ src=”http://samfa.org/Play%20it%20again%20logo.jpg” width=”100%” /></a></div>

NB:

• Tulisan merah adalah tata letak gambar… Biarkan left untuk tata letak gambar di sebelah kiri, ganti dengan  right untuk di sebelah kanan, dan ganti dengan center untuk meletakkan gambar tepat di tengah…
• Tulisan biru adalah tujuan atau link yang dimaksud…
• Tulisan kuning adalah sumber html gambar (sumber gambar)
• Untuk img height dan width adalah ukuran gamba, silahkan disesuaikan…

Jika sudah di edat dan edit, maka akan tampak seperti gambar di bawah ini…

kalau ingin membuat link pada tulisan/Gambar kalian tinggal merubah tulisan “http://bacindul.blogspot.com/” dengan link yang kalian inginkan. Gimana mudah kan. . Selamat mencoba ya..! 

Silahkan dibagikan keteman Via

Tweet

Artikel Terkait :

Tips and Trik Blogger

• Definisi Dan Fungsi SEO di Web Blog
• Cara tes dan cek berat blog dengan 10 situs tes blog
• Cara Membuat dan Memasang Search Engine di Blog
• Cara Mengganti Icon Blog di Blogger
• Cara Membuat | Menambahkan 2 Kolom Dibawah Header di Blog
• Cara Membuat Slide Show Album Foto di Blog
• Cara memasang Link Tanpa harus di Klik Terbuka Sendiri
• Cara Mudah dan Gampang Mendapatkan Sponsor | Iklan di Blog | wordpress
• Cara Membuat Menu horizontal di Blog
• Cara Memasang / Buat FP Melayang di Blog
• Cara Memasukan atau Upload File Microsoft Word | Excel | Power Point ke Blog
• Cara memasang widged iklan banner di blog
• Cara memasang TV Online streaming di Blog dan Kodenya
• Cara membuat Older Post dengan Angka
• Cara Agar Blog Banyak yang Follow
• Cara menambahkan Google Sitemap ke blogger
• Arti Kode Kode PadaTemplate Blog
• Cara Tes Kecepatan loading Blog biar tidak lemot
• Daftarkan Blog ke Ratusan Search Engine Directory
• Cara Menghapus widget Blog yang tersembunyi
• Cara Membuat Daftar Isi Hanya Dari Satu Label
• Cara membuat komentar pengunjung berbeda dengan admin blog
• Cara Mellebarkan Atau Menambah Ukuran halaman Template Blog
• Cara Melihat Posisi Blog Pada Search Engine