Biasanya saya menulis hal yang berbau HTML karena ada sobat "dunia nyata" yang nanyain, baik melalui SMS, message on shoutbox, atau lewat cuap-cuap di darat, seperti tulisan tentang related post (artikel terkait), membuat bingkai, dll. Nah, tulisan kali inipun disebabkan hal serupa.
Untuk membuat script link banner sebenarnya gampang saja. Hal pertama yang harus dimiliki adalah sebuah situs (hehe... kecele). Baru kemudian memiliki gambar banner yang tersimpan dalam sebuah situs penyimpan foto/gambar (image hosting). Untuk membuat gambar banner, kamu bisa memakai aplikasi CorelDraw, Photoshop, atau aplikasi lain yang kamu kuasai. Tapi kalau kamu tidak menguasai aplikasi-aplikasi tersebut, kamu bisa membuatnya melalui situs CoolText ini. Nah, jika persyaratan ini sudah terpenuhi, baru kamu bisa bikin script link banner.
Lalu bagaimana cara memasukkan script tersebut kedalam bingkai (kotak)? Seperti yang sudah dijelaskan pada artikel cara membuat bingkai (kotak), kamu harus melakukan encoding terlebih dahulu terhadap script tersebut agar tidak dianggap sebagai suatu perintah oleh komputer, setelah itu baru kamu masukan kedalam bingkai (kotak). Dan untuk membingkainya kamu bisa menggunakan perintah overflow atau textarea.
Masih pusing? Ok, kita cari gampang aja ya. Nih aku berikan contoh script yang dibingkai oleh textarea. Bingkai textarea digunakan karena bisa diberi tambahan perintah supaya ketika diklik langsung nge-block script yang ada di dalamnya.
Kamu tinggal mengganti URL Situs, Keterangan Situs, Nama Situs dan URL Gambar Banner sesuai keinginan kamu. Kamu juga bisa mengubah ukuran baris (rows) dan kolom (cols) textarea disesuikan dengan lebar sidebar blog kamu, juga mengubah pengaturan margin atas (margin-top), lebar (width), dan tinggi (height) banner kamu. Sedangkan mengenai perintah target dan title dapat kamu pelajari pada artikel ini.
Jika kamu ingin menampilkan preview (pratinjau) untuk link banner tersebut, kamu tinggal menambahkan script berikut di bawah atau di atas script tadi.
Ok coy, segitu aja ya penjelasannya. Selamat mencoba...
Untuk membuat script link banner sebenarnya gampang saja. Hal pertama yang harus dimiliki adalah sebuah situs (hehe... kecele). Baru kemudian memiliki gambar banner yang tersimpan dalam sebuah situs penyimpan foto/gambar (image hosting). Untuk membuat gambar banner, kamu bisa memakai aplikasi CorelDraw, Photoshop, atau aplikasi lain yang kamu kuasai. Tapi kalau kamu tidak menguasai aplikasi-aplikasi tersebut, kamu bisa membuatnya melalui situs CoolText ini. Nah, jika persyaratan ini sudah terpenuhi, baru kamu bisa bikin script link banner.
Lalu bagaimana cara memasukkan script tersebut kedalam bingkai (kotak)? Seperti yang sudah dijelaskan pada artikel cara membuat bingkai (kotak), kamu harus melakukan encoding terlebih dahulu terhadap script tersebut agar tidak dianggap sebagai suatu perintah oleh komputer, setelah itu baru kamu masukan kedalam bingkai (kotak). Dan untuk membingkainya kamu bisa menggunakan perintah overflow atau textarea.
Masih pusing? Ok, kita cari gampang aja ya. Nih aku berikan contoh script yang dibingkai oleh textarea. Bingkai textarea digunakan karena bisa diberi tambahan perintah supaya ketika diklik langsung nge-block script yang ada di dalamnya.
<textarea rows="3" cols="23" onclick="select(this)"><a href="URL Situs" target="_blank" title="Keterangan Situs"><img style="border:0px; margin-top:5px; width:120px; height:50px;" alt="Nama Situs" src="URL Gambar Banner"/></a></textarea>
Jika kamu ingin menampilkan preview (pratinjau) untuk link banner tersebut, kamu tinggal menambahkan script berikut di bawah atau di atas script tadi.
<a href="URL Situs" target="_blank" title="Keterangan Situs"><img style="border:0px; margin-top:5px; width:120px; height:50px;" alt="Nama Situs" src="URL Gambar Banner"/></a>Jika gambar banner kamu terlalu besar, kamu tinggal mengatur lebar (width) dan tinggi (height) gambar disesuaikan dengan lebar sidebar blog kamu.
Ok coy, segitu aja ya penjelasannya. Selamat mencoba...
29 commentsPosting Komentar
Assalamualaikum, halo Bung eNeS? Pegimane kabarnye? Kok udah lama ga nongol di tempat aye Bung? Ayo dunk, datang ke tempat aye yaw? Jangan lupa sodaqoh yaw? Thanks
Best regards,
Irfan Melodic Nugroho
Melodramatic Mind
Facts on the Recent News
siip lah dukung terus..btw banner ane kmane nih ga nongol.
Huaahhhaaaa10000x. Nyindiran euuuy. kamri ane pusing 7 turunan. nyari nukieu. tp sdh sukses tuh. ah telat sob, tapi GOOOOD lah.
Sip lah Pokonamah, hatur nyuhnyur pisan, he.....
tutorial Membuat Script Link Banner Dengan Sekali Klik yg bagus bisa jadi lebih atraktif blognya...
thank you sobat sangat membantu......
btw jadi dofollow dong commentnya hik....hik....hik...
salam sobat,,bermanfaat sekali nich untuk mempercantik blog , trims infonya sobat.
tips en triks yang sangat tob surotob markotob iki kang :thumbsup:
o iy.. saiia tertarik sama permasalahan 'jangan asal menjadi follower' itu... hhmm.. sangat menggugah... very inspiring... mksh share nya kang :)
salam kenal en salam hangat normandic!!!
thx infona bozz....^^
Bagus dah ke tkp sukses tinggal nyari banner yang pas mungkin ada ide ga buat saya? Habis photoshop gebleg ga paham bozz
@Rep Yusi:
Coba kunjungi situs CoolText.Com mas
Makasih...
thanks kang
mAS, link anda sudah saya pasang, tolong link balik....
http://kumpulanilmupenting.blogspot.com/
Hm.., ternyata lieur juga bikin banner :/
iya nih aku cobain gak dapat dapat apa saya yang kurang mudeng kali puyeng....euy....
Terimakasih ana sangat terbantu dengan artikel ini :_)
banner itu apa yah mass ??
tks infonya bro
hatur nuhun info na membuat banner link blog
thanks sobat, artikelnya sangat membantu saya
thanks mas.... bagus banget blognya.. maklum saja saya pemula blogger pengen minta bantuan tentang blog saya.. apa yang mesti ditambah pernak perniknya
http://forum-pandisuryadi.blogspot.com law ada wktu lirik ya mas...
terimakasih banyak nich, banner saya dah jadi, yach walau sederhana, hehehe
http://catatankakanwari.blogspot.com
Kenapa kode yang anda bagikan malah menjadi box scroll
hai .. salam knal yaa.. :) buka balik blog saya www.ravictory.blogspot.com trims ..
terima kasih informasinya
salam kenal http://curahantangan.blogspot.com/
Mantab tipsnya gan..langsung saya aplikasikan ke Blog saya.
http://kumpulanartikelhindu.blogspot.com/
terimakasih banyak nih, banner saya dah jadi, yah walau sederhana, hehehe
http://about-me27.blogspot.com
wah sangat membatu sekali...
mantab bang, sangat bermanfaat
Tambahkan Komentar