Cara Gampang Menciptakan Link Dengan Gambar (Logo Atau Banner)
Di rtikel sebelumnya saya pernah menyajikan artikel mengenai apa itu link ?, di artikel kali ini saya akan coba menyajikan bagaimana cara gampang membut link namun dengan memakai sebuah logo atau gambar, artikel ini dibentuk alasannya ialah banyaknya pertanyaan mengenai bagaimana cara menciptakan sebuah link namun yang tampil untuk link tersebut ialah sebuah gambar ibarat logo atau banner, bila gambar tersebut di-click maka akan masuk ke url yang saya pasang untuk link tersebut.
Script atau code untuk menghasilkan link dengan gambar atau gambar berlink terkadang diharapkan dikala anda bertukar link (link exchange) dengan sobat blogger anda, atau dikala anda membangun backlink, atau dikala anda promosi di situs orang lain, dan anda menginginkan link yang anda pasang tersebut menampilkan sebuah gambar baik itu gambar dari produk yang anda jual yang sedang anda promosikan atau gambar dengan logo dari blog anda, dan dikala gambar tersebut di klik maka akan menuju halaman blog atau situs anda.
Cara menciptakan link pada blogger dengan logo atau tapilan sebuah gambar sebetulnya sangatlah mudah, namun tidak sedikit blogger masih galau bagaimana cara membuatnya. Ketika kita menciptakan sebuah link atau tautan, pada umunya akan menampilan text berwarna biru dengan garis bawah, namun goresan pena tersebut dapat kita ganti dengan gambar caranya tentu saja dengan menggabungkan link dengan gambar.
Untuk menciptakan link pada gambar cukup dengan memakai script/kode HTML, dengan cara menggabungkan antara perintah aba-aba HTML untuk menciptakan link dengan perintah aba-aba HTML untuk menampilkan gambar, sehingga gambar seperti menjadi tombol link nantinya, langkah-langkahnya ialah sebagai berikut:
1. Sediakan sebuah gambar yang akan anda pasang untuk link tersebut.
2. Silahkan Upload gambar tersebut, dapat kita upload atau unggah di blog yang kita miliki, atau dapat juga di file hosting tertentu.
Untuk pola kasus, kita akan coba meng-upload gambar pada blog biar lebih praktis, langkahnya ialah sebagai berikut:
a. Bikin artikel baru, lalu pada editor postingan, gunakan akomodasi untuk memasukan gambar pada postingan, ibarat terlihat pada gambar dibawah ini:
b. Silahkan upload atau unggah gambar yang akan anda pasang, lalu pilih gambar yang telah berhasil di upload sehingga muncul di editor postingan ibarat gambar dibawah ini:
c. Silahkan pilih sajian Salin Lokasi Tautan (untuk mendapat lokasi url dari gambar tersebut), lalu paste untuk sementara di Notepad, biar tidak lupa.
Untuk menciptakan link dengan gambar Kita akan gunakan aba-aba html dengan menggabungkan aba-aba html untuk menciptakan link dengan aba-aba html untuk menampilkan gambar, hasil jadinya silahkan anda gunakan script aba-aba html dibawah ini:
a. URL_TUJUAN, Silahkan anda isi dengan url tujuan misal (http://1bisnisonline1.blogspot.com), bila link tersebut di klik maka pengguna akan dibawa halaman 1bisnisonline1.blogspot.com.
b. URL_GAMBAR, Silahkan anda masukan url lokasi gambar yang sudah anda upload dan anda kopi di notepad sebelumnya.
c. LEBAR_GAMBAR, isi dengan angka, disarankan sesuaikan dengan lebar gambar yang digunakan.
d. TINGGI_GAMBAR, isi dengan angka, disarankan sesuaikan dengan tinggi gambar yang digunakan.
e. JUDUL_GAMBAR, silahkan masukan judul dari gambar.
f. DESKRIPSI_GAMBAR, Silahkan anda isi dengan kata kunci yang anda sasaran yang sesuai dengan halaman yang akan dituju, ini sebaiknya diisi untuk meningkatkan Faktor SEO untuk gambar tersebut.
Sebagai pola hasilnya dapat terlihat ibarat aba-aba dibawah ini:
Jika gambar tersebut di klik maka anda akan dibawa ke halaman utama 1bisnisonline1.blogspot.com
Demikian artikel sederhana ihwal Cara Praktis Membuat Link dengan Gambar (Logo atau Banner), selamat mencoba dan semoga bermanfaat.
Script atau code untuk menghasilkan link dengan gambar atau gambar berlink terkadang diharapkan dikala anda bertukar link (link exchange) dengan sobat blogger anda, atau dikala anda membangun backlink, atau dikala anda promosi di situs orang lain, dan anda menginginkan link yang anda pasang tersebut menampilkan sebuah gambar baik itu gambar dari produk yang anda jual yang sedang anda promosikan atau gambar dengan logo dari blog anda, dan dikala gambar tersebut di klik maka akan menuju halaman blog atau situs anda.
Cara menciptakan link pada blogger dengan logo atau tapilan sebuah gambar sebetulnya sangatlah mudah, namun tidak sedikit blogger masih galau bagaimana cara membuatnya. Ketika kita menciptakan sebuah link atau tautan, pada umunya akan menampilan text berwarna biru dengan garis bawah, namun goresan pena tersebut dapat kita ganti dengan gambar caranya tentu saja dengan menggabungkan link dengan gambar.
Langkah-langkah cara menciptakan link dengan logo gambar?
Sekarang mari kita uraikan bagaimana cara membuatnya?Untuk menciptakan link pada gambar cukup dengan memakai script/kode HTML, dengan cara menggabungkan antara perintah aba-aba HTML untuk menciptakan link dengan perintah aba-aba HTML untuk menampilkan gambar, sehingga gambar seperti menjadi tombol link nantinya, langkah-langkahnya ialah sebagai berikut:
Langkah #1:
Upload GambarYang akan digunakan
Langkah pertama yang harus anda lakukan ialah anda harus mengupload gambar yang akan anda gunakan untuk link tersebut, langkah-langkanya ialah sebagai berikut:1. Sediakan sebuah gambar yang akan anda pasang untuk link tersebut.
2. Silahkan Upload gambar tersebut, dapat kita upload atau unggah di blog yang kita miliki, atau dapat juga di file hosting tertentu.
Untuk pola kasus, kita akan coba meng-upload gambar pada blog biar lebih praktis, langkahnya ialah sebagai berikut:
a. Bikin artikel baru, lalu pada editor postingan, gunakan akomodasi untuk memasukan gambar pada postingan, ibarat terlihat pada gambar dibawah ini:
b. Silahkan upload atau unggah gambar yang akan anda pasang, lalu pilih gambar yang telah berhasil di upload sehingga muncul di editor postingan ibarat gambar dibawah ini:
c. Silahkan pilih sajian Salin Lokasi Tautan (untuk mendapat lokasi url dari gambar tersebut), lalu paste untuk sementara di Notepad, biar tidak lupa.
Langkah #2:
Buat Script HTML Link dengan Gambar
Setelah anda meyiapkan gambar yang akan dipakai untuk link yang akan dibuat, langkah berikutnya ialah menyiapkan script dalam aba-aba HTML untuk menciptakan link dengan gambar.Untuk menciptakan link dengan gambar Kita akan gunakan aba-aba html dengan menggabungkan aba-aba html untuk menciptakan link dengan aba-aba html untuk menampilkan gambar, hasil jadinya silahkan anda gunakan script aba-aba html dibawah ini:
<a href='URL_TUJUAN'>Kemudian Silahkan anda gunakan pengaturan dibawah ini:
<img src='URL_GAMBAR' width='LEBAR_GAMBAR' height='TINGGI_GAMBAR' title='JUDUL_GAMBAR' alt='DESKRIPSI GAMBAR' border='none' />
</a>
a. URL_TUJUAN, Silahkan anda isi dengan url tujuan misal (http://1bisnisonline1.blogspot.com), bila link tersebut di klik maka pengguna akan dibawa halaman 1bisnisonline1.blogspot.com.
b. URL_GAMBAR, Silahkan anda masukan url lokasi gambar yang sudah anda upload dan anda kopi di notepad sebelumnya.
c. LEBAR_GAMBAR, isi dengan angka, disarankan sesuaikan dengan lebar gambar yang digunakan.
d. TINGGI_GAMBAR, isi dengan angka, disarankan sesuaikan dengan tinggi gambar yang digunakan.
e. JUDUL_GAMBAR, silahkan masukan judul dari gambar.
f. DESKRIPSI_GAMBAR, Silahkan anda isi dengan kata kunci yang anda sasaran yang sesuai dengan halaman yang akan dituju, ini sebaiknya diisi untuk meningkatkan Faktor SEO untuk gambar tersebut.
Sebagai pola hasilnya dapat terlihat ibarat aba-aba dibawah ini:
<a href='http://1bisnisonline1.blogspot.com' title='strukturkode blog'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg0f4HPcSSY-5-UsyosZSYuVAgscF7wi_Q4vYLIdM_xzceftWckuSl8SFUazdJjkk1vIeD3bTMR6QxIG7j0KZDh2CTN1524qcXAoe-3vWEdxO1SAS38NCcEPJh1SB-h2IV5C7GKRQeCS0y/s1600/contoh+gambar.png' alt='blog untuk berguru seo dan blog' title='strukturkode blog' width='235' height='128' border='no' /></a>dan hasilnya terlihat ibarat gambar dibawah ini:
Jika gambar tersebut di klik maka anda akan dibawa ke halaman utama 1bisnisonline1.blogspot.com
Demikian artikel sederhana ihwal Cara Praktis Membuat Link dengan Gambar (Logo atau Banner), selamat mencoba dan semoga bermanfaat.
0 Response to "Cara Gampang Menciptakan Link Dengan Gambar (Logo Atau Banner)"
Post a Comment