Otodidak Pake Link

Kadang dalam posting, diperlukan untuk menyisipkan link yang dipergunaakan untuk menuju sebuah link lain dengan mengklik tulisan di posting-an. Untuk membuat link tersebut anda menggunakan tool yang tersedia di toolbar blogger. Untuk lebih memahaminya, akan saya jelaskan sebagai berikut.


  • Highlight/blok kata-kata yang ingin di buat link, contohnya tulisan klik disini.

  • Klik ikon yang bergambar seperti ini
    yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru seperti gambar di bawah ini:



  • Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.otodidak-blog.blogspot.com atau link halaman file yang akan di download.

  • Klik OK. Selesai


Membuat link dari gambar atau image

Pada dasarnya kode dari membuat link ialah seperti ini:

<a href="Alamat yang dituju">Objek yang diklik</a>

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Yaitu dengan menggunakan kode img src=...untuk lebih jelasnya caranya seperti di bawah ini :
  1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.

  2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan
    di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh
    gambar chicklet blog tutorial di samping mempunyai alamat URL :

    http://i162.photobucket.com/albums/t253/aksa/animasichicklet.gif

    Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

    <a href="http://kolom-tutorial.blogspot.com"><img src="http://i162.photobucket.com/albums/t253/aksa/animasichicklet.gif"></a>

Link dengan membuka window baru

Bila kita ingin setelah mengklik link tadi pembaca tanpa pergi dari blog anda. Hal ini dapat anda siasati dengan me-link tapi dengan membuka window baru. Jadi setelah mengklik link anda tadi, pembaca akan tetap membuka blog anda dan membuka window baru menuju link tadi. Hal dapat di lakukan dengan cara :
  1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu
    Edit HTML tab yang ada pada toolbar.

  2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.otodidak-blog.blogspot.com :

    <a href="http://www.otodidak-blog.blogspot.com">klik disini</a>

    maka disini anda harus menambahkan kode HTML target="new' atau target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :

    <a href="http://www.otodidak-blog.blogspot.com" target="new">klik di sini</a>

    atau :

    <a href="http://www.otodidak-blog.blogspot.com" target="new">klik di sini</a>

    atau bisa juga seperti ini :

    <a href="otodidak-blog.blogspot.com" target="_blank">klik di sini</a>
Selamat mencoba!

0 Responses to "Otodidak Pake Link"

Post a Comment