Membuat Memasang Tukar Link Banner Sesama Blogger

Artikel seperti ini sudah banyak sekali diposting oleh rekan-rekan senior blogger pada blognya masing-masing, namun karena ada sobat kita yang menanyakan maka saya juga ikutan posting artikel ini agar mempermudah para pengunjung blog BIK supaya tidak lagi mencari informasi tentang memasang Tukar Link dengan banner.

Dilihat dari judul artikel ini sebenarnya yang dimaksud adalah cara memasang kode tukar link pada blog menggunakan banner agar apabila seorang pengunjung blog ingin memasang link blog langsung copy code banner dari blog tersebut dan paste di blog miliknya. Lebih jelasnya seperti berikut, Seperti blog Belajar Ilmu Komputer memiliki banner seperti berikut.



Banner tersebut dipasang pada sidebar blog Belajar Ilmu Komputer dan dibagian bawahnya dilengkapi dengan code untuk banner itu sendiri. Apabila salah seorang pengunjung blog Belajar Ilmu Komputer ingin memasang banner Belajar Ilmu Komputer di blognya maka orang tersebut hanya meng-copy code yang berada di bawah banner tersebut dan pastekan di blognya.


Berikut ini cara membuatnya.

Langkah pertama adalah membuat banner, bagi yang sudah ahli membuat banner silahkan lanjut ke langkah berikutnya namun bagi yang belum bisa membuat banner silahkan membaca artikel-artikel yang berhubungan dengan banner di blog ini pada kategori Adobe Photoshop, Animasi atau bisa juga membaca artikel Cara membuat banner dengan adobe photoshop.

Langkah kedua adalah menempatkan banner pada website atau situs penyedia layanan penyimpanan file seperti google page. Login ke google page menggunakan akun google anda jika belum memiliki akun google silahkan buat akunnya terlebih dahulu di sini kemudian login ke google pages di sini kemudian klik upload untuk meng-upload file banner yang sudah dibuatkan di adobe photoshop atau software pembuat banner lainnya.
Setelah upload file banner klik pada link file banner untuk menampilkan banner secara online kemudian copy atau catat alamat url dari banner tersebut pada bagian address bar, alamatnya akan menjadi seperti berikut (contoh banner BIK) http://hendrypiran.googlepages.com/banner-belajar-komputer.gif. URL ini yang nantinya akan dipasang berupa kode di blog anda.

Langkah ketiga menempatkan banner pada blog dengan kode agar mudah dicopy oleh pengunjung blog.

Login ke blogspot/blogger dengan akun anda, kemudian klik layout atau tata letak.

Klik Add Gadget atau Tambah Gadget kemudian pilih HTML/JavaScript kemudian masukan kode berikut :

Kode untuk menampilkan banner
<a href="http://belajar-ilmu-komputer.blogspot.com"><img alt="belajar-ilmu-komputer.blogspot.com" src="http://hendrypiran.googlepages.com/banner-belajar-komputer.gif"/></a>

Kode untuk menampilkan kode banner
<textarea code="" rows="4" cols="21" name="">
<a href="http://belajar-ilmu-komputer.blogspot.com"><img alt="belajar-ilmu-komputer.blogspot.com" src="http://hendrypiran.googlepages.com/banner-belajar-komputer.gif"/></a>
</textarea>

Ubahlah kode tersebut agar menjadi seperti kode di bawah ini sehingga kode selengkapnya akan menjadi seperti berikut :

Artikel lain yang berkaitan :
Cara Cepat Membuat Blog
Mengubah Blog Archive Menjadi Pull Down
Mengubah Icon Blog Pada Blogger
Visitor Counter Dengan Statcounter
Memasang Yahoo Messanger Di Blog
Posting Code HTML JavaScript Pada Blog
Menambah Gadget Ke Blog
Memasang Polling Blog
Menambah Site Info Blog
Cara Memasang Chat Box
Tips Mengganti Judul Blog
Menambah Link List Blog
Menambah Gambar Foto Pada Postingan
Membuat Menu Blog
Template Blog 3 Kolom
Pasang Banner Belajar Ilmu Komputer
Memasang Iklan Di Blog
Cara Membuat Blog WordPress
Mengubah Warna Font  Blog
Cara Menulis Sebuah Postingan Blog
Cara Membuat Komentar Blog Dikirim Ke Email
Ingin Blog Anda Berpenghasilan
Cara Membuat Textarea Dilengkapi Select All
Memasang Meta Tag Blog
Cara Menulis Membuat Tag
Mendaftar Web Blog Pada Google
Memasang Kalender Harian Blog
Visitor Google Analytics Turun Nol
Cara Membuat Form Kontak
Memasang Recent Comments Blog
Navbar Transparan Blogspot
Tips Trik Menambah Sidebar Blogspot
Memasang Statistic Pages Contact Us
Memasang Menempatkan Twitter Status Di Blog
Perancang Template Terbaru
Mengubah Readmore Menjadi Baca Selanjutnya
Memasang Slide Show Pada Blogger
Autohide Navbar Blogspot
Mengubah Icon Blogger Favicon
Google PageRank Update

Artikel Terkait Lainnya :