MEMBUAT LINK BANER BLOG
Sunday, April 15, 2012
Membuat Link Banner Blog Bagaimana Membuat Link Banner Di Blog, berikut contohnya
Hasil Gambarnya anda akan bergerak seperti ini :
4. Ganti kode yang berwarna merah dengan url blog anda semisal URL/Link gambar anda
Hilangkan kode HTML Yang berwarna pink dari kode < sampai kode > karena itu merupakan Link URL ke gambar dan diganti dengan link blog anda. Setelah kode center;"> atau sebelum kode <img border sisipkan url/Link gambar anda sisipkan <a href="URL BLOG ANDA"> Semisal <a href="http://kewarganegaraan-rosi.blogspot.com/">
Caranya :
1. Log in ke blog anda
2. Ubah kode HTML di bawah ini….
<div class="separator" style="clear: both; text-align: center;">
<marquee behavior="alternate" onmouseout="this.start()" scrollamount="10" width="65%"><div class="separator" style="clear: both; text-align: center;">
</marquee>
</div>
</div>
<br /gt;
<center><textarea code="" cols="30" name="" rows="10"><br />
<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;">
<marquee behavior="alternate" onmouseout="this.start()" scrollamount="10" width="65%"><div class="separator" style="clear: both; text-align: center;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://kewarganegaraan-rosi.blogspot.com/"><img border="0" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDza7rjFmgZyw1uuons9zL_Pz7KxiBeAX_PTKye3JUcKT3Ew_wO2EilDJKLYWLiJNQPVBXzOCtFYRUgNmkkGf023QrMOxw9zsXOPEKmt1QUcwhAzTGglpC7b_le6P9FMbwOpKYAGTPkE/s200/LINK+3.jpg" width="280" /></a></div>
</div>
</marquee>
</div>
</div>
Hasilnya Akan Seperti ini, Jika Suka/menggunakan Postingan ini tolong sisipkan kode HTML dibawah ini dalam blog anda ( Saling tukar link) jika sudah silahkan konfirmasasi lewat buku tamu.
Hasil Gambarnya anda akan bergerak seperti ini :
3. Silahkan ganti tulisan yang bewarna hijau dengan url/link gambar anda.
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2k7iS84-VLhb3Xo9q_-f7-LNcwx51ICgUz1EwzTaxpCQS5r7GduekNIM882s8zlIKYXiXRv-TZxknMWxwC6phrrYEJxXm43zAMfMC-65yvJ_7AS7Y5brhnDeOfG8S_qIwOhjn9kTOvV4/s1600/jenemeks+and.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">SISIPKAN URL BLOG ANDA dengan menambahkan <a href=" URL Blog ">
<img border="0" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDza7rjFmgZyw1uuons9zL_Pz7KxiBeAX_PTKye3JUcKT3Ew_wO2EilDJKLYWLiJNQPVBXzOCtFYRUgNmkkGf023QrMOxw9zsXOPEKmt1QUcwhAzTGglpC7b_le6P9FMbwOpKYAGTPkE/s200/LINK+3.jpg" width="280" /></a></div>
</div>
Hilangkan kode HTML Yang berwarna pink dari kode < sampai kode > karena itu merupakan Link URL ke gambar dan diganti dengan link blog anda. Setelah kode center;"> atau sebelum kode <img border sisipkan url/Link gambar anda sisipkan <a href="URL BLOG ANDA"> Semisal <a href="http://kewarganegaraan-rosi.blogspot.com/">
5. Ganti angka berwarna orange dengan ukuran disesuakan dengan keinginan anda ( mengatur lebar dan tinggi text area )
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...
Atau bisa ambil kode HTML pada postingan anda, caranya dengan masuk ke pots baru masukkan gambar, upload gambar setelah gambar terupload pilih postingan dalam bentuk HTML lalu copi filenya ….
6.Abaikan warna biru dalam blog ini
7. Setelah jadi copy kode HTML pada Rancangan->Elemen Halaman->Tambah Gadget, Kemudian Pilih Html/JavaScript seperti gambar berikut :
