Cara buat link text dan link gambar lengkap

Cara buat link text dan link gambar lengkap

Para pembaca yang budiman kali ini saya akan berbagi sebuah tutorial tentang blogging yang berjudul cara buat link text dan link gambar lengkap, mengingat pentingnya sebuah link untuk keperluan kita saat blogging seperti untuk desain blog, pemasangan gambar, internal link dan lain sebgainya, sehingga jika kita sudah memahami tantang link ini serta pemasangannya maka akan memudahkan kita dalam keperluan blogging. baiklah langsung saja demikianlah Cara buat link text dan link gambar lengkap.

Cara buat link text dan link gambar

Pengertian link dan cara membuatnya pada blog

sebelum saya bahas lebih lanjut tentang cara pembuatan link, perlu juga anda ketahui yang namanya link adalah sebuah sambungan yang mengarahkan halaman web tertentu jika di klik. cara ini sering di gunakan oleh para blogger khususnya saat membuat sebuah posting, maka mereka sering membuat sebuah link-link yang mana nantinya akan memudahkan para pembaca untuk lebih mendalami sebuah tutorial yang ada pada blog tersebut, namun perlu anda ingat bahwasanya jika posting anda terlalu banyak link alias over maka menurut saya juga berbahaya jika memang blog kita di gunakan untuk bisnis adsense. jika blog kita hanya untuk iseng-iseng punya blog dan tidak ada tujuan untuk adsense sama sekali maka tiada masalah. selain untuk memudahkan para pengunjung maka link-link ini juga cepat untuk meningkatkan sebuah traffick blog anda.

Selain dari pada itu anda perlu ketahui juga bahwasanya dari segi peletakan dalam pembuatan link itu terbagi menjadi 2 macam yaitu :
  1. pada kolom posting/artikel blog
  2. pada kolom java script/html
Dan dari segi tampilan sebuah link itu juga terbagi menjadi 2 macam yaitu:
  1. text link (link yang bisa kita lihat dalam bentuk tulisan atau text)
  2. banner link (link yang bisa kita lihat dalam bentuk gambar)
Sedangkan jika di lihat dri segi cara pembuatannya itu ada 4 macam yaitu:
  1. link text/tulisan
  2. link banner / gambar
  3. link text tulisan target blank ( akan terbuka pada tab baru jika di klik)
  4. link banner/gambar target blank ( akan terbuka pada tab baru jika di klik)
Itulah tadi sekilas tentang link dan pembagiannya dan sekarang kita akan praktik langkah-langkah membuat sebuah link baik tex link atau banner link. silahkan baca juga :

A. Langkah-langkah membuat link pada halaman posting

untuk yang pertama kita praktik terlebih dahulu membuat sebuah link pada kolom/halaman posting yaitu pada area artikel yang anda buat, demikianlah caranya:
  1. buatlah sebuah entri baru/post baru, anda juga bisa melalui edit post yang anda punya.
  2. sorot kata perwakilan yang akan anda gunakan
  3. klik tulisan link pada menu tab.
    Cara buat link text dan link gambar
  4. Jika muncul sebuah jendela maka silahkan anda isi halaman target atau sebuah url tujuan 
    Cara buat text link
  5. dan juga klik "open this link in a new tab" agar nantinya muncul ada halaman baru, dan terahir Ok
Adapun jika dengan menggunkan gambar maka silahkan anda masukkan terlebih dahulu gambarnya pada post, atau bisa juga dengan menggunakan url nya saja, namun jika anda bingung dengan pemasangan urlnya maka cara cepatnya adalah anda masukkan gambar lalu aktifkan gambar dengan cara di kik lalu beri link, masih bingung?  perhatikan pada gambar berikut:
setelah anda pilih menu "link" seperti pada gambar di atas maka nantinya akan muncul sebuah jendela, maka silahkan anda isi pada kolom yang atas dengan kata perwakilan (walaupun sebenarnya kata-kata ini nantinya tidak akan muncul) karena kita akan membuat sebuah link gambar bukan link text/tulisan, atau silahkan anda kosongkan saja juga tetap bisa. dan pada kolom ke dua atau tepat di bawahnya silahkan isikan url tujuan sebagai contoh disini saya akan membuat sebuah link gambar yang mengarah pada postingan saya yang berjudul "Cara membuat animasi katak Berkedip" dan natinya akan menjadi seperti pada gambar berikut:
 Cara membuat animasi katak Berkedip

B. Cara buat link pada kolom java script / html

sekarang kita akan praktikkan juga cara membuat sebuah link pada kolom java script/html, kolom jpada java script /html memang kolom asli yang didedikasikan untuk ditampil pada web, jadi kita butuh memahami sedikit tentang kode-kode java script/html. namun jika anda malah bingung akan saya berikan cara simplenya, jadi pada dasarnya untuk membuat sebuah link itu butuh beberapa atribut atau kode-kode java script/html sebagai berikut:
  1.  text link/ link berupa tulisan kodenya: <a href='http://tentangwebsites.blogspot.co.id/2015/09/cara-membuat-daftar-isi-pada-blog.html' title='cara membuat daftar isi pada blog'>Membuat daftar isi</a>
  2. banner link/link berupa gambar kodenya: <a href="http://www.tentangwebsites.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6T0x3C5F7SnrzJ4D045UG-IlN2LfejuUYeYDPRxCpyHyCj_Z1-5kkaaRz5qO0k9aGOgCSVwcw-6BFKAkaQIjOKwJZ6R69Nwhha2ku2uyUY1jVDaYk3VsHb2oyoK1pno2oQThUSN1wt7U/s1600/header-imam-2.gif" height="90" width="728">

Keterangan:
  • <a href= adalah salah satu kode html yang mana juga bisa di pasang pada kolom java script
  • tulisan yang berwarna biru adalah url tujuan, sedangkan tulisan yang berwarna merah adalah title link
  • sedangkan huruf yang berwarna ungu adalah kata perwakilan, sehubungan dalam membuat banner link menggunakan gambar maka sebagai ganti kata perwakilan isi dengan url gamabar yang anda ingin kan
  • height adalah tinggi gambar sedangkan width adalah lebarnya, silahkan anda sesuaikan dengan lebar kolom java script/html blog anda.
  • jika anda penasaran silahkan coba dengan kode di atas copy dan paste kan atau pasang pada kolom java script/html pada blog anda
Jika anda ingin banner link tadi jika di klik bisa tampil pada halaman baru maka silahkan anda tambahkan kode "target=blank" sehingga  kode link gambar di atas  menjadi seperti berikut:
<a href="http://www.tentangwebsites.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6T0x3C5F7SnrzJ4D045UG-IlN2LfejuUYeYDPRxCpyHyCj_Z1-5kkaaRz5qO0k9aGOgCSVwcw-6BFKAkaQIjOKwJZ6R69Nwhha2ku2uyUY1jVDaYk3VsHb2oyoK1pno2oQThUSN1wt7U/s1600/header-imam-2.gif" height="90" width="728">

Jika banner link yang telah anda buat terdapat kendala silahkan anda tambahkan kode /></a> pada ahir kode link jadi nantinya menjadi seperti berikut:
<a href="http://www.tentangwebsites.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6T0x3C5F7SnrzJ4D045UG-IlN2LfejuUYeYDPRxCpyHyCj_Z1-5kkaaRz5qO0k9aGOgCSVwcw-6BFKAkaQIjOKwJZ6R69Nwhha2ku2uyUY1jVDaYk3VsHb2oyoK1pno2oQThUSN1wt7U/s1600/header-imam-2.gif" height="90" width="728" /></a>

Ok demikianlah sharing kami kali ini tentang Cara buat link text dan link gambar lengkap pada blog semoga bermanfaat bagi pembaca, dan dapatkan juga tutorial menarik lainnya pada post berikutnya sampai jumpa salam.

Subscribe to receive free email updates:

0 Response to "Cara buat link text dan link gambar lengkap"

Post a Comment

Silahkan Jika Anda Ingin Berkomentar