Aug 6, 2011

Cara Membuat Script Link Banner Dengan Sekali Klik

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.
<textarea rows="3" cols="23" onclick="select(this)">&lt;a href="URL Situs" target="_blank" title="Keterangan Situs"&gt;&lt;img style="border:0px; margin-top:5px; width:120px; height:50px;" alt="Nama Situs" src="URL Gambar Banner"/&gt;&lt;/a&gt;</textarea>

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.
<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..

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..