Sunday, May 29, 2011

Membuat Link Banner Untuk Blog

Pada postingan kali ini saya akan menjawab pertanyaan dari salah satu teman yang bertanya kepada saya tentang bagaimana sih Membuat Link Banner Di Blog ?? Oke ! tanpa banyak basa basi langsung saja akan saya beritahu caranya, dan sebagai contoh nya anda bisa melihat pada gambar di bawah ini :








Sudah lihat kan ? sudah...! hehehe... oke next! berikut adalah langkah-langkah nya :

1. Seperti biasa, Login ke blog anda terlebih dahulu.
2. Pilih Rancangan->Elemen Halaman->Tambah Gadget, Kemudian Pilih Html/JavaScript seperti gambar berikut :

3. Kemudian copy dan paste script dibawah ini di halaman kosong Html/JavaScript.

<div style="color: black;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGKi7gfsumeEoDokw3-OMToorFwtoouYr6H6sLnyG9AdCC6ezcxkn6vn5JR7gff31RTbJkqqbh06lpn64jFiOc2N5cyklhVfwfNhITRTF_AASvq3BJ0WOx7C5yZK1Zm2DLPjMqTKE0zLM/s1600/untitled.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGKi7gfsumeEoDokw3-OMToorFwtoouYr6H6sLnyG9AdCC6ezcxkn6vn5JR7gff31RTbJkqqbh06lpn64jFiOc2N5cyklhVfwfNhITRTF_AASvq3BJ0WOx7C5yZK1Zm2DLPjMqTKE0zLM/s200/untitled.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">
</td></tr>
</tbody></table>

<center><textarea cols="31" rows="3">&lt;a href="http://bosengaptek.blogspot.com/" target="_blank"&gt;&lt;img border="0" alt="Get it your IT" src="http://i1185.photobucket.com/albums/z353/Ivanka_Rezma/untitled.png"/&gt;&lt;/a&gt;</textarea></center></div>

Keterangan :

- Silahkan ganti tulisan yang bewarna merah dengan url/link gambar anda.
untuk warna biru, silahkan ganti dengan alamat Blog anda.
-  Anda juga bisa membuat gambar atau link banner secara online di www.cooltext.com
-  Berikutnya, jika anda ingin membuat gambar sendiri melalui Coreldraw atau Photoshop, setelah gambar sudah jadi kemudian upload file gambar tersebut ke www.photobucket.com. setelah gambar di upload, sekarang anda sudah bisa mendapatkan url/link gambar dengan cara View Album->Pilih Gambar Anda, Kemudian copy kode Direct Link nya dan paste kan di dalam script html yang sudah saya jelaskan di atas tadi...

Mungkin itu saja yang bisa saya sampaikan dan jangan lupa untuk bertukar link dengan blog ini... Selamat mencoba dan semoga sukses !!
Terimakasih sudah membaca artikel tentang Membuat Link Banner Untuk Blog anda bisa menemukan artikel ini melalui URL http://bosengaptek.blogspot.com/2012/03/membuat-link-banner-di-blog.html. dan saya berharap semoga artikel Membuat Link Banner Untuk Blog ini bermanfaat bagi anda yang membutuhkan. Terimakasih...

Baca juga yang lain :

2 comments: