Halo
sobat,, gimana kabarnya? Baik-baik aja kan. Haha :D sambil mengisi malam yang
sepi tanpa istri (oops, belum saatnya :D) malam yang dingin (karena saya duduk
sambil d temanin kipas :D) hha udah deh becandanya. Langsung saja pada intinya,
saya kali ini akan berbagi ilmu tentang bagaimana cara membuat link di dalam
gambar. Langsung aja disimak artikelnya sob.!
Pernahkah sobat blogger mencoba untuk
membuat link di dalam gambar? Yaitu digunakan untuk membuat button download!
Atau pun untuk bertukar link menggunakan banner/gambar! Atau pun untuk yang
lainnya! Tetapi sobat tidak tahu bagaimana caranya. Disini saya akan jelaskan
bagaimana membuat link di dalam gambar.
Oke sob, silahkan di lihat dengan
seksama Script di bawah.!
Script untuk membuat link di dalam
gambar:
<a
href="Copy-Pastekan URL (Situs) yang
sobat inginkan disini"><img
src="Copy-Pastekan Link
Location/URL gambar yang sobat inginkan disini
"></A>
Berikut ini contoh Scriptnya yang sudah
saya masukan link situs tujuan dan link location/URL gambarnya, kurang lebih
Script di atas bila diisi akan menjadi seperti ini:
<a href="http://say-borg.blogspot.com"><img src="http://i1296.photobucket.com/albums/ag6/ferdi201/button_zps2f8f78f4.png"></A>
Gimana sob? Udah pahamkan..
Nah, sekarang bagaimanakah cara
mendapatkan Link Location/URL gambarnya?
Mari disimak..
Note:
Bagi
sobat yang sudah tau cara mendapatkan Link Location/URL gambarnya, tahap di
bawah ini tidak usah disimak, tetapi bagi sobat yang belum tau silahkan
lanjutkan menyimaknya.!
Jadi, cara mendapatkan Link Location/URL
gambarnya adalah dengan meng-Upload gambar yang sobat inginkan ke sebuah situs
penyimpanan gambar. Kalau saya suka nya upload di Photo Bucket alamatnya http://photobucket.com.
Sebenarnya banyak banget situs
penyimpanan gambar itu.. monggo bisa sobat cari di google. Oke lanjut ke
topiknya! Jadi cara mendapatkan Link Location/URL gambarnya adalah :
2. Setelah
daftar, buka email yang sobat gunakan untuk mendaftar di Photo Bucket tadi.
Lalu klik link verify/link validasi email yang dikirimkan oleh pihak Photo
Bucket (cara ini biasanya disebut memverifikasi email)
3. Log
in ke Photo Bucket
4. Upload
gambar yang sobat inginkan, (silahkan sobat cari menu Uploadnya di Akun Photo
Bucket sobat)
5. Setelah
selesai proses Uploadnya, klik gambar yang udah sobat upload tadi supaya
terlihat tampilan ukuran asli dari gambar sobat
6. Setelah
itu, klik kanan pada gambarnya, lalu pilih “Copy Link Location”
7. Setelah
itu pastekan ke notepad atau software lainnya, atau bahkan sobat pastekan
langsung di Script yang di atas tadi juga bisa
Nah, gimana sob? Jelaskan!! Kalau belum
jelas silahkan di baca lagi langkah-langkahnya. Sebenarnya sobat bisa
mengupload gambar yang sobat ingin di blogger, di menu entri baru, upload
gambarnya, lalu di pratinjau, lalu klik kanan dan pilih “Copy Link Location”
pada gambarnya. tetapi dari apa yang pernah saya alami, gambar yang saya upload
ukurannya menjadi tidak sama dengan yang aslinya, jadi saya lebih memilih
meng-uploadnya di situs penyimpanan gambar. Dan saya benar-benar tidak
menganjurkan sobat untuk meng-upload gambarnya di blogger langsung.
Untuk link situs tujuannya itu terserah sobat,
copy-pastekan aja link situs yang sobat inginkan ke Script di atas.
Tahap selanjutnya, lalu harus dimana dan
bagaimana saya meletakan gambar yang sudah berisi linknya?
Kalau menurut saya, ada 2 kemungkinan
untuk meletakan gambar yang berisi link tadi:
1. Di
dalam postingan.
2. Di
side bar/header dll (diluar tempat postingan)
Sekarang akan saya jelaskan dari yang no
1.
Jika sobat ingin memasukannya di dalam
postingan begini caranya:
(biasanya sobat gunakan untuk button
download kalau gambar berisi linknya di letakan di postingan. Iyakan sob! :D)
1. Masuk
ke blogger -> Dashboard
2. Entri
baru
3. Sobat
tulis artikel sobat
4. (Sobat
lihat disamping atas kiri tampilan saat menulis artikel, akan ada dua menu,
yaitu menu Compose dan HTML) Biasanya disamping atas kiri itu jika sobat
menulis artikel maka menu yang tertekan disamping atas kiri adalah menu
“Compose”, nah sekarang sobat tekan menu disebelahnya yaitu menu “HTML”
5. Masukan
Script di atas yang sudah sobat isi alamat situs tujuan dan Link Location/URL
gambarnya
Note: ketika sobat akan
memasakunnya di menu HTML tadi maka akan terlihat banyak code Script, sobat
jangan bingung, untuk mempermudahnya, sobat klik aja di bagian ujung atau pojok
sebelah kiri atas lalu tekan tombol Enter beberapa kali pada keyboard, hal itu
dilakukan untuk memberi jarak antara Script gambar berisi link tadi dan Code
Script yang sudah ada supaya sobat tidak bingung.
6. Sekarang
lihat lagi di sebelah kiri atas, tekan lagi menu Compose nya.
7. Hasilnya
sudah keluar, yaitu gambar berisi link. Sekarang tinggal sobat pindahkan gambar
tersebut di posisi yang sobat inginkan.
Membahas kemungkinan yang kedua yaitu Di
side bar/Header dll (diluar tempat postingan) yaitu begini caranya:
(biasanya digunakan untuk menampilkan
Script tukar link)
1. Masuk
di blogger -> Dashboard
2. Tata
letak
3. Cari
tulisan “add gadget”
4. Cari
menu yang menyediakan “html/javascript”
5. Copykan
Script di bawah ini
<p
align="center"><textarea name="code"
rows="6" cols="20">Letakan Disini</textarea></p>
6. Sobat
ganti tulisan yang berwarna hijau yaitu
“textarea name” dengan nama textarea
yang sobat inginkan, jika sobat gunakan untuk tukar link maka tulis “tukar
link” pada “textarea name”
7. Ganti
tulisan berwarna orange yaitu “6” dan “20” dengan angka yang sobat inginkan untuk
merubah ukurannya
8. Ganti
tulisan berwarna merah yaitu “Letakan Disini” dengan Script gambar yang berisi
link punya sobat yang udah jadi tadi
Note: untuk tipe Textarea yang saya kasih ini tipe standar, jika sobat
ingin tipe Textarea yang lebih bagus bisa sobat cari di Google. Tapi dari pada
nyari-nyari script lagi mending pasang aja apa yang udah ya sob, dari pada
nanti jadi makin bingung dan pusing. :D
9. Klik
“Save”
Selesai deh, nah sobat masih di menu
Tata letak tuh, sekarang sobat pindahkan hasilnya tadi ke tempat yang sobat
inginkan. Gampang kan sob..
Kayanya panjang banget ya sob caranya,
haha mudah-mudahan sobat enggak kebingungan. Bila sobat bingung, komen aja di
bawah, lalu tanyain apa yang sobat bingung, pasti saya jawab!
Selamat mencoba sob...
Note:
Ow ya.. jika sobat masih bingung tentang
apa yang saya tulis ini atau ingin bertanya tentang sesuatu yang sobat masih
bingung silahkan kirimkan pesan ke email saya
raliseven@yahoo.com atau yang simpelnya tinggal komen aja di bawah..
akan saya jawab dengan segera.!
Kalau untuk menghilangkan link gambar gimana ya mas?
ReplyDelete