-->
MEMBUAT LINK BANER BLOG

MEMBUAT LINK BANER BLOG

Membuat Link Banner Blog Bagaimana Membuat Link Banner Di Blog, berikut contohnya
Caranya : 
1. Log in ke blog anda 
2. Ubah kode HTML di bawah ini….


<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. 
4. Ganti kode yang berwarna merah dengan url blog anda semisal 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 :


Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel