Cara Mudah Memasang Gambar Pada Postingan

htmlBagi blogger, menguasai kode dasar HTML sangat perlu dan besar manfaatnya. Seperti halnya ketika kita ingin memasukkan link URL atau memasang gambar di postingan maupun pada komentar blog, tentu kita membutuhkan pengetahuan dasar pengkodean HTML.

Seperti pada judul artikel, disini Kakiteng c Kusuma akan menjelaskan dan memberikan sedikit contoh cara mudah memasang gambar pada postingan menggunakan kode html

Berikut ini contoh kode html gambar yang merubah ukuran aslinya :

<img width="211" height="100" title="Kakiteng c Kusuma" alt="Kakiteng c Kusuma" src="http://www.kakiteng.com/images/logo125.png">

Sedikit penjelasan :

width = lebar

height = tinggi

title & alt = deskripsi gambar (SEO)

Dari kode di atas bisa kita lihat hasilnya seperti di bawah ini :

Jika anda ingin memasukkan link agar ketika ada yang mengklik gambar langsung menuju halaman yang di inginkan, bisa anda gunakan kode di bawah ini :

<a title="Kakiteng c Kusuma" href="http://www.kakiteng.com">
<img width="211" height="100" alt="Kakiteng c Kusuma" src="http://www.kakiteng.com/images/logo125.png">
</a>

Maka hasilnya akan terlihat seperti di bawah ini :


Bagaimana? Cukup mudah bukan?

Sekarang tergantung dari kebutuhan anda ingin menggunakan kode yang mana, pada intinya masing-masing kode memiliki fungsi yang berbeda. Jika anda menemukan kesulitan dalam pengkodean gambar ini, silahkan untuk bertanya pada form komentar di bawah ini.

Ayo sebarkan jika kamu suka dengan artikel Cara Mudah Memasang Gambar Pada Postingan dari Kakiteng c Kusuma, langsung aja Like, Share, Tweet atau Plus One sekarang juga...!!!

Comments

  1. By rivanyogi

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

AlphaOmega Captcha Classica  –  Enter Security Code
     
 

Page Today: 1103 | Visitors Today: 380 | This Month: 11109 | Total: 19976 | IP: 54.158.25.146