Wednesday 30 May 2012 | By: Wawah

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 :




0 comments:

Post a Comment