Pada postingan saya yang lain, saya ada membahas tentang bagaimana cara membuat sendiri banner link bergerak (flash), dan informasi tentang betapa pentingnya saling bertukar link (link exchange) antar sesama blogger, demi mempromosikan blog milik kita biar lebih dikenal di dunia maya / INTERNET.
Sekarang, jika anda sudah berhasil membuat banner/badge/logo/image link untuk blog anda, dan telah di-upload ke internet. Tentu saja, langkah anda selanjutnya adalah memasang “iklan” untuk mempromosikan banner anda tersebut, terutama di blog anda sendiri, yaitu informasi tentang kode-kode HTML link untuk bisa menampilkan dan tukeran banner link blog dengan pengunjung blog anda.
Dan kode-kode HTML untuk tukeran banner link tersebut umumnya ditulis dan ditampilkan di dalam sebuah kotak yang bernama Kotak Text Area , seperti contoh gambar di sebelah ini.
Sekarang, mungkin ada beberapa pertanyaan yang tersirat di benak anda terkait hal ini dan bisa jadi sama dengan pertanyaan di bawah ini. Klo iya, maka saya kasih tau dech jawabannya. Semoga saja sesuai dengan keinginan anda !!
Bagaimana Cara Meng-upload Image/Banner Blog Kita ke Internet dan Mendapatkan Alamat Link Lokasi-nya ?!
Jika anda berencana membuat link berupa gambar (badge/banner/chicklet), maka hal pertama yang harus anda siapkan dan lakukan adalah meng-UPLOADS image yang telah anda persiapkan tersebut ke Internet.
Ada banyak cara menguploads (menyimpan/mengirim) file banner yang kita siapkan. Salah satunya adalah dengan cara memanfaatkan menu upload photo/image yang disediakan oleh program/software/cms dari layanan blog anda.
Setelah file telah selesai ter-uploads, jangan lupa untuk mengcopy alamat URL dimana gambar itu disimpan di internet. Caranya mudah saja, anda cukup meletakkan kursor mouse ke gambar/photo/image yang tampil di halaman blog anda tadi dan click kanan pada gambar tersebut > lalu pilih menu Copy Image Location > paste dimana saja anda membutuhkan alamat gambar tersebut > selesai..
TIPS : Jika anda ingin ‘menghemat’ space hosting (blog) anda, saya anjurkan anda memanfaatkan/mendaftarkan diri pada website/hosting gratis penyedia layanan uploads photo/image atau media penyimpanan file gratis di internet, seperti Yahoo Geocities, Flickr.com, Photobucket, dll. Cara mendaftarnya mudah saja, anda tinggal mengikuti petunjuk dan ketentuan yang ada. Setelah terdaftar, anda tinggal upload file gambar/banner anda ke hosting tersebut dan copy alamat link-nya yang telah disediakan. Contoh alamat link lokasi banner blog saya di hosting www.photobucket.com adalah : http://i705.photobucket.com/albums/ww56/fierarahim_album/Fiera3.gif .
Mudah tuch !!
Bagaimana Cara Memasang Kotak Text Area untuk Link Exchange di Blog ?!
Berikut langkah-langkahnya :
- Pertama, login ke Blogger, kemudian pilih Layout --> Page Elements
- Kemudian klik Add a Gadget lalu pilih HTML/Java Script
- Terus copy dan paste kode berikut ini di tempat yang disediakan.
<textarea rows="5" cols="30" name="code"><a href="http://anakbanua.blogspot.com" target="_blank"><img border="0" alt="Murakata Counter" src="http://i705.photobucket.com/albums/ww56/fierarahim_album/Fiera3.gif"/></a></textarea>
- Text yang berwarna hijau menunjukkan tinggi (rows) dan lebar (cols) kotak text area, disini dapat anda atur sesuai keinginan. Text berwarna biru adalah alamat link website/blog anda, ganti text tersebut dengan alamat blog anda. Text berwarna merah tua dapat anda ganti dengan nama judul blog anda. Sedangkan text berwarna merah adalah alamat link lokasi dimana image atau banner anda simpan, ganti text tersebut dengan alamat gambar/banner anda tersebut.
- Terakhir simpan dan lihat hasilnya akan hampir sama seperti contoh kotak diatas.
Terus, Gambar Banner-nya Gimana? Bagaimana Cara Menampilkannya ?
Begini, di dalam kotak text area yang telah dibuat tersebut ‘kan ada teks-nya tuh, yaitu berupa kode-kode HTML. Nah, kalo teks-nya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar/banner dan juga ada linknya. Jadi, format kode HTML untuk gambar/banner link tersebut adalah seperti ini :
<a href="http://anakbanua.blogspot.com" target="_blank"><img border="0" alt="Murakata Counter" src="http://i705.photobucket.com/albums/ww56/fierarahim_album/Fiera3.gif"/></a>
Jika kode-kode HTML untuk banner link diatas di copy-paste dan diletakkan di blog, maka jadinya akan seperti ini:
Jika tujuan pemasangan sebelumnya adalah untuk sarana tukeran link, maka sebaiknya gambar/banner link anda letakkan diatas kotak teks area yang berisi kode-kode HTML dari gambar link yang bersangkutan. Dengan kata lain, letakkan kode HTML dari banner link di atas kode HTML dari kotak text area yang berisi kode HTML banner link tersebut pada 1 (satu) widget/gadget yang sama, yaitu melalui menu Layout –> Page Element. Hasilnya akan menyerupai contoh gambar disebelah :
Apakah Kotak Text Area Bisa Digunakan untuk Hal yang Lain?
Kotak text area ini sebenarnya tidak cuma digunakan hanya untuk menampilkan kode-kode HTML link banner untuk tukeran link blog saja, tetapi kotak ini bisa juga anda manfaatkan sebagai media untuk menampilkan tulisan atau catatan pribadi anda dalam bentuk kotak teks, dan diletakkan di bagian sisi blog agar lebih menarik atau variatif. Caranya hampir sama dengan langkah memasang kotak text area diatas, yaitu :
- Pertama, login ke Blogger, kemudian pilih Layout --> Page Elements
- Kemudian klik Add a Gadget lalu pilih HTML/Java Script
- Terus copy dan paste kode berikut ini di tempat yang disediakan.
<textarea rows="5" cols="30" name="code">……………….</textarea>
- Text yang berwarna hijau adalah tinggi (rows) dan lebar (cols) kotak text area, dan dapat anda atur-atur kembali. Nah, pada lokasi titik-titik inilah anda dapat menulis teks atau tulisan anda sesuai keinginan. Anda dapat menulis sepanjang apapun, tidak dibatasi, karena kotak teks area menyediakan item roll penggeser di kiri dan bawah kotak sesuai besarnya kotak teks, sehingga ‘gak akan jadi masalah.
- Terakhir simpan dan lihat hasilnya. Tulisan anda pada kotak tersebut hanya bisa dibaca dan dicopy, tapi tidak bisa diubah atau diedit. Jadi, tulisan anda pasti aman.
Selamat Mencoba !!!
(Disadur dari berbagai sumber)
40 komentar:
wah wah wah...!!!
mksih boss ilmunya yang sngat membantu saya yang msih pemula ini...!!!
bleh gabung di sini gak????
mudah2 an bleh...!!!
Wah, boleh banget gabung disini, friend !!
Saya sangat senang sekali punya teman baru..
Makasih atas kunjungannya..
tengkyu mas langsung ke tkp dah....
btw tukeran link yuk.....
sangat membantu boz..
dah aq letak nih link boz di blog aq..
andi-dicka.blogspot.com..
sip :f
daru dulu cari dapetnya disini :D
makasih bos
@ I wanna be a superman
@ andi.dicka
@ airyz
Thanks atas kunjungan and commentnya......
saya dari anak anak donoharjo
anda juga bisa buka blogkami:
anak-anakdonoharjo.blogspot.com
ok saya coba dulu ya bos ;)
;;) Thank ya!!!
makasih mas dah kasih tau cara ya?
mantab infonya mas
ijin posting blogku boleh gk mas????
entar aku kasih link resourcenya...
makasih.....
mav mas,klo saya gm mau tampilin link text tanpa banner gmn ya mas??
beda di mananya?
Hiyy . .
lam kenal :D
Q dah pasang Linkmu,,
Q tunggu Link Back nya yah . .
^_^
haii..gimana ya caranya masang banner temen2 supaya ga ngabisin tempat??thank's
tips menarik, salam kenal.. :)
makasi bang atas ilmunya ;)
makasih banyak,,tipsnya berguna,,
tolong tukar link ye,,
wach bagus banget info nya, salam kenal ya
Makasih infonya BOS....! Keren N' bermanfaat banget buat saya....!
makasi bnyk dah
info yg ni pkokna gda 2 na dah
Boss thx banget buat informasinya betul2 bermanfaat nih..oh ya aq dah pasang link anakbenua.blogspot di blog aq...q tunggu linkbacknya ya..thx boss
nice post..
Saya sudah coba buat link,, tp gak tau dah bener bloom?? Link di ikiutekku.blogspot.com
makasih..
mas saya menggunakan wordpress, kug cara diatas ga bisa untuk text areanya yah...knp?
kode text areanya langsung hilang ketika di save
Siep infonya.. nanya nih bikin background color di kotak area untuk link exchange..caranya kaya apa??
mksh bnyk artikelnya...moga makin bnyk artikel2 yg berguna
thx atas infonyaya mas....http://www.cintapendidikan.co.cc
Thanx . . . for info.a :D
thanx ya ,. sukses bikin banner niey,. hehe,.:D
trim's gan..
skrang ane bisa buat link exchange.
hehehe
bila ada waktu, copy link ane ya..??!!
:D :D :D :D
tahnks bos ilmunya...dapat ilmu lagi dech
main2 k blog ku ya www.bebasberbagi.co.cc
salam kenal,
thank`s mas, karna gw baru belajar ngeblog informasi yang tersedia di blog ini sangat membantu dalam gw belajar ngelola blognya....
manteb sob artikelnya
yang manu tukeran banner atau link silahkan mampir ke :
http://www.mapasanda.co.cc/
makasih infonya....bleh tuker link ga... sy psang duluan....
Makasih banget tutorialnya, udah dipraktekkan di blogku..
di www.bunayya.co.cc
terima kasih bnyak cuy atas triknya...
linknya udah saya pasang.ditunggu link baliknya
coba yah gan... makasih dah berbagi sharingnya... langsung ke tkp..
mantap gan :)
Salam kenal, makasih banget atad murah hatinya berbagi ilmu
Apa ya yang salah? ko HTML banner nya udah di copy paste tapi ga jadi banner, malah utuh aja teks
:@ :~ :| :)) :( :s :(( :o
Posting Komentar