Senin, April 27, 2009

Cara Memasang Banner dan Kotak Text Area di Blog untuk Link Exchange

. Senin, April 27, 2009

 

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.

 

text 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:  Fiera3 
fiera21 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)

Artikel Yang Berhubungan



42 komentar:

haruskah ada judul ??? mengatakan...

wah wah wah...!!!
mksih boss ilmunya yang sngat membantu saya yang msih pemula ini...!!!

bleh gabung di sini gak????
mudah2 an bleh...!!!

Arief_Murakata mengatakan...

Wah, boleh banget gabung disini, friend !!
Saya sangat senang sekali punya teman baru..
Makasih atas kunjungannya..

i wanna be ur superman mengatakan...

tengkyu mas langsung ke tkp dah....
btw tukeran link yuk.....

andi.dicka mengatakan...

sangat membantu boz..
dah aq letak nih link boz di blog aq..
andi-dicka.blogspot.com..

airyz mengatakan...

sip :f

daru dulu cari dapetnya disini :D

makasih bos

Arief_Murakata mengatakan...

@ I wanna be a superman
@ andi.dicka
@ airyz

Thanks atas kunjungan and commentnya......

Anak-anak Donoharjo mengatakan...

saya dari anak anak donoharjo
anda juga bisa buka blogkami:
anak-anakdonoharjo.blogspot.com

sunar-wiyadnya mengatakan...

ok saya coba dulu ya bos ;)

faik mulachella mengatakan...

;;) Thank ya!!!

atobelitang mengatakan...

makasih mas dah kasih tau cara ya?

Adhi mengatakan...

mantab infonya mas
ijin posting blogku boleh gk mas????
entar aku kasih link resourcenya...
makasih.....

Rangga Permana mengatakan...

mav mas,klo saya gm mau tampilin link text tanpa banner gmn ya mas??
beda di mananya?

3>|!m$ ^nl 0^3 mengatakan...

Hiyy . .
lam kenal :D
Q dah pasang Linkmu,,
Q tunggu Link Back nya yah . .
^_^

Batd Punk mengatakan...

http://batdpunk.blogspot.com

Batd Punk mengatakan...

http://batdpunk.blogspot.com

Kami yang Waras... mengatakan...

haii..gimana ya caranya masang banner temen2 supaya ga ngabisin tempat??thank's

Peluang Daniel mengatakan...

tips menarik, salam kenal.. :)

blog arfik mengatakan...

makasi bang atas ilmunya ;)

erik mengatakan...

makasih banyak,,tipsnya berguna,,
tolong tukar link ye,,

Febrinal. ST mengatakan...

wach bagus banget info nya, salam kenal ya

Jazzy Sandal mengatakan...

Makasih infonya BOS....! Keren N' bermanfaat banget buat saya....!

diptafara mengatakan...

makasi bnyk dah
info yg ni pkokna gda 2 na dah

usahawarungdesain mengatakan...

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

Mr. ek@ mengatakan...

nice post..
Saya sudah coba buat link,, tp gak tau dah bener bloom?? Link di ikiutekku.blogspot.com
makasih..

ghezwayz mengatakan...

mas saya menggunakan wordpress, kug cara diatas ga bisa untuk text areanya yah...knp?
kode text areanya langsung hilang ketika di save

Kriez mengatakan...

Siep infonya.. nanya nih bikin background color di kotak area untuk link exchange..caranya kaya apa??

zymedia bali mengatakan...

mksh bnyk artikelnya...moga makin bnyk artikel2 yg berguna

R I S A L mengatakan...

thx atas infonyaya mas....http://www.cintapendidikan.co.cc

putra mengatakan...

Thanx . . . for info.a :D

Wildan mengatakan...

thanx ya ,. sukses bikin banner niey,. hehe,.:D

Soumboy mengatakan...

trim's gan..


skrang ane bisa buat link exchange.
hehehe


bila ada waktu, copy link ane ya..??!!
:D :D :D :D

Subhan mengatakan...

tahnks bos ilmunya...dapat ilmu lagi dech
main2 k blog ku ya www.bebasberbagi.co.cc

rolly mengatakan...

salam kenal,
thank`s mas, karna gw baru belajar ngeblog informasi yang tersedia di blog ini sangat membantu dalam gw belajar ngelola blognya....

Deden Rachman mengatakan...

manteb sob artikelnya
yang manu tukeran banner atau link silahkan mampir ke :

http://www.mapasanda.co.cc/

edkhumaedi mengatakan...

makasih infonya....bleh tuker link ga... sy psang duluan....

Ummu Abdillah Sri Muliana mengatakan...

Makasih banget tutorialnya, udah dipraktekkan di blogku..
di www.bunayya.co.cc

M. Ikhsanudin mengatakan...

terima kasih bnyak cuy atas triknya...

PaitonClick mengatakan...

linknya udah saya pasang.ditunggu link baliknya

Dollar Man mengatakan...

coba yah gan... makasih dah berbagi sharingnya... langsung ke tkp..

JAROT.BLOGSPOT.COM mengatakan...

mantap gan :)

A.Herma mengatakan...

Salam kenal, makasih banget atad murah hatinya berbagi ilmu

A.Herma mengatakan...

Apa ya yang salah? ko HTML banner nya udah di copy paste tapi ga jadi banner, malah utuh aja teks

:f :D :) ;;) :x :$ x( :?
:@ :~ :| :)) :( :s :(( :o
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

 
Namablogkamu is proudly powered by Blogger.com | Template by o-om.com