Tag Archive: link tips


Tips Memberi Keterangan Pada Link

Tips Memberi Keterangan Pada Link Teks. Yang dimaksud keterangan di sini adalah tulisan yang akan muncul ketika link tersebut disorot oleh mouse. Fungsi keterangan ini adalah untuk memberikan diskripsi singkat mengenai link tersebut. Jika penasaran, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.


Format link teks adalah sebagai berikut.

<a href=”Alamat_URL_Link”>Nama_Link

Keterangan

Alamat_URL_Link diganti dengan alamat URL dari blog atau situs atau dari link tertentu.
Nama Link diganti dengan Judul Blog/Situs atau tulisan yang diinginkan.

Contohnya seperti di bawah ini.

<a href="http://onoid.blogspot.com“>Tips dan Trik Komputer

Dengan format seperti di atas maka hasilnya seperti di bawah ini.

Tips dan Trik Komputer

Nah, bagaimana caranya untuk menambahkan keterangan pada link tersebut sehingga ketika kita mengarahkan mouse ke link tersebut maka akan muncul tulisan atau keterangan yang kita inginkan.

Formatnya seperti di bawah ini.

<a href="Alamat_URL_Link” title=”keterangan“>Nama_Link

Keterangan

Ganti keterangan dengan tulisan yang kita kehendaki.

Contohnya seperti di bawah ini.

<a href=”http://onoid.blogspot.com” title=”Sharing Pengalaman Apa Saja Tentang Komputer dan Laptop“>Tips dan Trik Komputer

Hasilnya dapat dilihat seperti di bawah ini. Coba sorot linknya maka kita akan melihat tulisan atau keterangan, yaitu Sharing Pengalaman Apa Saja Tentang Komputer dan Laptop”.

Tips dan Trik Komputer

Selamat Mencoba!!!

Iklan

Membuat Link Dalam Satu Halaman

ke bagian bawah

Membuat Link Kembali Ke Atas : Jujur, saya merasa kebingungan untuk memberikan judul postingan ini. Yang jelas, tips kali ini dapat kita aplikasikan untuk halaman postingan yang panjang. Kenapa? Ketika kita membaca halaman yang panjang pastilah kita harus melakukan scroll ke bawah dan ke atas untuk membaca semua isi tulisannya dan hal ini dapat menjengkelkan ketika kita harus melakukannya beberapa kali.

Nah, untuk itu, kita dapat membuat link yang dapat menggantikan fungsi scroll tersebut. Praktisnya begini, ketika kita membaca tulisan sampai pada akhir halaman tiba-tiba kita ingin mengulangi tulisan yang berada di bagian atas maka dengan mengklik klik yang kita buat tersebut, kita akan menuju ke bagian atas tulisan tersebut dengan cepat.


MEMBUAT LINK KE BAGIAN ATAS

Langkah-langkahnya adalah sebagai berikut.

Pertama,

  • Login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
  • Cari dan temukan kode
  • tempatkan kode dengan format seperti di bawah ini persis di bawah .

    Kita dapat mengganti kata “atas” dengan nama atau sebutan lain yang mungkin lebih berasosiasi ke bagian tertentu, misalnya “bawah” (asosiasinya mengarah kepada bagian bawah halaman atau tulisan), atau bisa “tengah” (ke bagian tengah halaman), dan lain-lainnya. Saya menggunakan kata “atas” karena asosiasinya mengarah ke bagian atas.

  • Kemudian simpan template

Kedua,

  • Kemudian kita masuk ke halaman pengetikan / post editor (Dasbor >> Entri Baru).
  • Kemudian kita ketikkan isi postingan
  • Kemudian tempatkan (sisipkan) kode dengan format seperti di bawah ini di bagian paling bawah dari tulisan/postingan atau di bagian lain sesuka kita.

    kembali ke atas

    Kita dapat mengganti “kembali ke atas” dengan tulisan yang lain sesuai selera masing-masing.

  • Terbitkan (publish) postingan kita tersebut

Ketiga,
Sekarang kita buka blog kita dan bukalah postingan yang baru saja kita buat tadi kemudian klik link yang baru kita buat, dalam contoh di sini adalah “kembali ke atas” dan pastikan kita dapat melihat hasilnya yaitu kita akan di bawa ke bagian atas halaman blog kita. Sebagai contoh, kliklah link di bawah ini dan lihatlah efeknya.

KE BAGIAN ATAS

Keempat, selesai


MEMBUAT LINK KE BAGIAN BAWAH

Jika menginginkan, kita dapat membuat link yang mengarah kepada bagian tertentu dari halaman postingan, misalnya ke bagian bawah tulisan, atau ke bagian tengah tulisan. Langkah-langkahnya sebagai berikut.

Pertama,

  • Masuk ke halaman pengetikan/post editor (dasbor>>Entri Baru>
  • Ketikkan isi postingan hingga selesai
  • Tempatkan atau sisipkan dengan format seperti di bawah ini pada bagian di mana kita ingin link di bawa ke bagian tersebut.
    Jika ingin kita dibawa ke bagian bawah tulisan maka letakkan kode di bawah ini pada akhir tulisan. Jika kita ingin di bawa ke bagian tengah tulisan, maka letakkan kode di bawah ini pada bagian tengah-tengah tulisan.

    Seperti yang telah saya sebutkan di atas, kita juga dapat mengganti “bawah” dengan nama atau sebutan yang lain sesuai selera masing-masing.

Kedua,

  • tempatkan atau sisipkan kode dengan format seperti di bawah ini di bagian tulisan yang kita inginkan, misalkan kita tempatkan di bagian atas tulisan.

    KE BAGIAN BAWAH

  • kemudian terbitkan atau publish postingan tersebut

Ketiga,

  • Kemudian buka blog dan bukalah halaman postingan yang baru saja kita buat tersebut dan cobalah untuk mengklik yang kita buat tersebut dan pastikan kita akan di bawa ke bagian bawah tulisan atau postingan.
  • Untuk melihat hasilnya, silakan klik link “ke bagian bawah” yang berada di bagian atas dari postingan ini.

Keempat, selesai

MEMBUAT LINK KE TULISAN TERTENTU DALAM SATU HALAMAN

Kita juga dapat membuat link yang dapat kita arahkan ke tulisan tertentu dari suatu postingan. Caranya sama dengan langkah-langkah di atas, tempatkan kode pertama sebelum tulisan (kata) yang ingin dituju tersebut. Kemudian buatlah link dengan menempatkan kode yang kedua ke bagian tulisan yang diinginkan.

Contohnya, silakan diklik masing-masing link di bawah ini dan lihatlah hasilnya.

ke MEMBUAT LINK BAGIAN ATAS
ke MEMBUAT LINK BAGIAN BAWAH
ke BAGIAN ATAS

Selamat Mencoba!!!

Tips Membuat Link Image

Tips Membuat Link Image : Daripada kehabisan bahan posting, kali ini Tips dan Trik Blog akan mencoba mengetengahkan cara membuat link image. Yang dimaksud dengan link image di sini adalah link yang berupa gambar atau image yang lainnya di mana ketika kita mengklik gambar atau image tersebut maka kita akan dibawa ke suatu link tertentu. Ikuti tipsnya berikut ini.


Langkah-langkah untuk membuat link image adalah sebagai berikut.

Pertama, buatlah image yang akan dijadikan sebagai link dengan menggunakan image/photo editor, seperti photoshop, corel draw, GIMP, atau yang sejenisnya.
Atau jika menginginkan, kita dapat menggunakan image atau gambar yang dapat kita peroleh dari internet.

Kedua, setelah mempunyai imagenya, langkah berikutnya adalah mengupload image tersebut pada image/photo hosting. Jika belum mempunyai image/photo hosting sendiri, kita dapat menggunakan image/photo hosting gratisan yang banyak kita temukan mudah di internet, seperti photobucket, imageshack, geocities, dan lain-lain.

Setelah menguploadnya, kita akan dapat mengetahui alamat URL image kita tersebut. Formatnya seperti di bawah ini.

<img src="URL_Image“>

Contohnya, seperti di bawah ini.

<img src="http://www.geocities.com/yono_pati/intan.gif“/>

Ketiga, tentukan alamat URL Link yang akan kita jadikan sebagai target. Formatnya seperti di bawah ini.

<a href="URL_Link“>

Contohnya, seperti di bawah ini.

<a href="http://tips-trik-blog.blogspot.com“>

Keempat, setelah kita mempunyai alamat URL image dan juga sudah menentukan URL link (tujuan) maka kita sudah dapat membuat link image dan formatnya seperti di bawah ini.

<a href="URL_Link“><img src="URL_Image“/>

Dengan contoh yang telah digunakan di atas maka susunannya menjadi seperti di bawah ini.

<a href="http://tips-trik-blog.blogspot.com“><img src="http://www.geocities.com/yono_pati/intan.gif“/>

Jika tidak menginginkan image-nya dikelilingi border maka kita harus menambahkan kode border=”0″ dan juga jika menginginkan ketika diklik link-nya terbuka pada jendela baru maka kita harus menambahkan kode target=”_blank” sehingga menjadi seperti di bawah ini.

<a href="http://tips-trik-blog.blogspot.com“target=”_blank”><img src="http://www.geocities.com/yono_pati/intan.gif” border=”0″/>

Kelima, selesai.

Hasilnya berupa image seperti di bawah ini dan jika mengkliknya maka kita akan dibawa menuju ke URL http://tips-trik-blog.blogspot.com.

Selamat Mencoba!!

Baca juga Link Terbuka Pada Jendela baru

Eksekusi Link Pada Jendela Baru

Suatu Link yang kita eksekusi (diklik) akan membuka halaman dengan menindih halaman yang sedang kita buka. Dengan demikian, Anda harus sering mengklik menu back dan forward untuk membuka antar halaman satu dengan lainnya. Untuk membuat link yang diklik agar membuka halaman pada jendela yang baru, ikuti tips berikut ini.

Formatnya adalah sebagai berikut.

Alamat_URL_Link diganti dengan alamat link, misalnya http://tips-trik-blog.blogspot.com

Nama_link diganti dengan judul link, misalnya Tips dan Trik Blog

Dengan format seperti itu, maka ketika alamat_URL tersebut diklik maka halaman baru tersebut akan menindih halaman link yang sedang kita buka.

Anda dapat membuat agar alamat_link yang kita klik akan membuka halaman pada jendela baru tanpa menindih halaman yang sedang Anda buka.

Formatnya dapat dipilih dari dua opsi berikut ini.

Opsi Pertama

<a href=”Alamat_URL_Link”target=”_New>Nama_Link

Aplikasinya seperti ini

<a href=”http://tips-trik-blog.blogspot.comtarget=”_new”>Tips dan Trik Blog

<a href=http://onoid.blogspot.comtarget=”_new”>Tips dan Trik Komputer

Tampilannya seperti di bawah ini.

Dengan format seperti ini, ketika alamat link kita klik maka akan membuka pada halaman baru namun ketika kita mencoba klik alamat url yang lain maka akan membuka halaman baru tersebut. Untuk lebih jelasnya, dapat Anda coba sendiri, ya atau coba klik contoh link di atas!!

Opsi Kedua

<a href=”Alamat_URL_Link”target=”_blank”>Nama_Link

Aplikasinya seperti ini

<a href=”http://tips-trik-blog.blogspot.com”target=”_blank”>Tips dan Trik Blog

<a href=http://onoid.blogspot.com”target=”_blank”>Tips dan Trik Komputer

Tampilannya, seperti di bawah ini.

Dengan format seperti ini, ketika link tersebut kita klik maka akan membuka halaman pada jendela baru, dan ketika membuka link yang lain akan membuka halaman pada jendela yang baru lagi.

Mungkin untuk jelasnya, Anda dapat mengklik satu persatu link yang di atas dan pastikan Anda menemukan perbedaan dengan opsi yang pertama.

Selamat Mencoba!!

Jika sudah menerapakannya, silakan kunjungi my life dan tip dan trik computer.