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.

belajar-ilmu-komputer.blogspot.com

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 :



Silahkan klik untuk memperbesar tampilan

10 comments:

Aris said...

Inilah yang saya cari...,hal kecil yang kadang terlupakan

WWW.BALI-GUMIKU.CO.CC said...

mas Hendry, saya mau tanya lagi, untuk menyimpan data (favicon, icon dll) di googlepages kenapa tak bisa.......
adakah tempat lainnya, dan caranya thank

PUTU

Belajar Ilmu Komputer said...

Coba di Picasa Web Albums, saya sendiri belum pernah coba di Picasa web.

rhyno said...

Keren abis,,
sy baru aja selesai basang link, sempat bingung juga sih, alny referensi lain banyak tentang pasang link exchange,..
Ma kasih Mas..
Sukses selalu..

arul said...

mas, saya mau tanya? buat link/Script agar topik artikel kita bisa ke blog lain...

BIK Pemula said...

Untuk membuat script agar topik artikel kita bisa dipasang di blog lain, saya menggunakan feedburner. Silahkan daftarkan blog anda di feedburner

rahus said...

alhaamdulillah,,, dpt jg nih tutorialnya,,,
makasih mas,,,,

kita tuker link yuk,,, boleh kan ?

fardhan said...

Asik Dapet juga nih tutorial

Tahnks yah

Fio said...

nice info sob..tapi kyaknya template loe perlu diperbaiki deh biar ga ada yg kepotong pic, text atau ads

Belajar Ilmu Komputer said...

Blog Belajar Ilmu Komputer mengucapkan terima kasih Fio atas sarannya. Sebenarnya udah kepengen juga ganti template tp saat ini masih sibuk jd saya biarkan dulu aja dech nanti klo ada waktu mkn saya ganto template blog ini.

Post a Comment

Bagaimana menurut anda tentang artikel ini, Berikan Komentar anda di sini... komentar spam akan dihapus

Pengikut Belajar Ilmu Komputer