share | Membuat Link dengan gambar atau Image pada halaman Blog

Membuat Link dengan gambar atau Image pada halaman Blog

Jenis Link seperti ini biasanya dipakai untuk daya tarik dari para pembaca atau pengunjung sebuah halaman situs atau halaman Blog.

OK, untuk mulai membuat Link dengan gambar diperlukan 2 buah, url/link source yaitu :

1. Url/Link Source : inilah sebenarnya alamat yang dituju.
2. Url/Link Image/gambar : inilah yang akan tampak pada halaman artikel.

Tag membuat Link dengan Image ini masih sama dengan share sebelumnya yaitu dengan tag <a> dan ditutup dengan <⁄a>. Dengan tag img sebagai anchornya. Format penulisannya adalah seperti ini :

<a Href="URL SOURCE"><img src="URL IMAGE"><a>.

Untuk berlatih membuat link dengan image ini, kita akan siapkan 2 Link/Url contoh.

1. Pertama kita ambil Url Google+ sebagai contoh untuk : URL source.

Untuk mengambil Url/Link Google+, masuk https://plus.google.com/, dan copy link nya, pastekan pada notepad, sebagai Link Source.

2. Kedua menyiapkan URL_IMAGE, kita ambil contoh image : icon GOOGLE+

Browse image icon Google+, dan copy linknya pastekan pada notepad, sebagai link image. dengan demikian kita telah mempunyai 2 URL yang diperlukan, dan tinggal pastekan ke 2 URL sesuai dengan Formatnya.

Untuk langkah penerapannya adalah sbb:

Untuk berlatih membuat, kita bisa pakai editor Notepad atau juga bisa langsung menerapkannya pada halaman blog, dengan format tag seperti di bawah ini. Copy dan pastekan URL Source yang telah kita simpan sebelumnya pada notepad sesuai dengan format. Copy dan pastekan juga URL Image yang telah kita simpan pada Notepad sebelumnya, sesuaikan dengan format.

<a href=//"pastekan url source disini"><img 
src=//"pastekan url image disini"><a>.

Demikian sedikit yang bisa saya share membuat link dengan image, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.

Artikel Blog | Membuat Link pada Halaman Blog

Membuat Link pada Halaman Blog

Link atau Hyperlink atau tautan ini penting dalam pembuatan artikel atau posting pada sebuah halaman blog. Jenis link ini ada 2 : yaitu internal Link ( Relatif Link ) dan External Link ( Absolut Link ). Internal link yaitu link yang source nya di dalam Blog itu sendiri, kebalikannya external link itu source atau sumber nya ada diluar blog. Share ini akan membahas cara membuat external link.

Untuk membuat link kita menggunakan tag <a> dengan atribut href="URL" dan ditutup dengan <⁄a>. contoh formatnya .

1. Sebagai contoh, kita akan membuat Link dengan mode Compose, buka Halaman Facebook dan copy link nya, untuk sementara paste copy link facebook tsb ke dalam notepad.



2. Klik menu "Link" yang berada pada panel, diatas halaman posting.



3. Dengan klik menu Link muncul jendela dialog.



4. Pastekan hasil copy link Facebook yang telah ditaruh pada notepad tadi ke kolom "Web Address" dan isi kolom "text to Display" dengan description yang akan dimunculkan pada halaman blog nantinya, pada contoh ini saya tulis dengan Facebook.

5. Jika kita menghendaki apabila Link tsb, bila diklik akan tampil pada halaman baru, maka beri centang pada " Open this Link a new Window".

6. Beri centang pada "ADD rel: nofollow", maka pengunjung / pembaca ini halaman ini tidak akan mendapatkan backlink.

7. Klik OK.maka hasilnya seperti gambar di bawah ini.

8. Pada halaman mode compose akan tampak seperti gambar di bawah ini.



9. Dalam mode HTML : Pastekan copy link yang telah kita taruh dalam notepad, kedalam jendela dialog Link pada kolom Enter URL.



10. Sedangkan pada halaman HTML akan tampak gambar seperti di bawah ini.



11. Atau kita bisa menggunakan cara yang lain yaitu menulis langsung URL tersebut, dalam Halaman mode HTML, seperti sintaks diatas <a, URL: href="https://www.Facebook.com/" anchor: >Facebook tutup dengan </a> sehingga hasil jadinya seperti ini

<a href="https://www.facebook.com/">Facebook</a>

Demikian tadi yang bisa share, tentang cara membuat link pada halaman blog, semoga dapat bermanfaat buat para pembaca semua, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.