Cara Pasang Banner Sendiri di Blog

Kali ini saya akan posting tentang cara memasang banner atau gambar sendiri ke dalam blog sobat dan jika di klik akan menuju ke situs atau b...

Kali ini saya akan posting tentang cara memasang banner atau gambar sendiri ke dalam blog sobat dan jika di klik akan menuju ke situs atau blog sobat yang lain? saya akan berikan contohnya berikut ini.

Untuk lebih jelasnya sobat bisa klik beberapa photo dibagian paling atas blog saya. Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?

Upload gambar tersebut kedalam situs penyimpanan online, sobat bisa upload ke Photobucket.com atau Google Sites.

Anggap saja sobat ingin menggunakan jasa Photobucket, pada halaman depan silahkan sobat klik Join Now It’s Free! untuk menjadi anggota.

Ikuti saja langkah-langkah pendaftarannya sampai selesai. 

Jika sudah selesai register, klik login untuk masuk ke halaman utama Photobucket.

Bagaimana cara upload gambarnya? pada bagian atas coba cari tulisan Upload images & videos, klik dan upload gambar yang sudah sobat siapkan.

Setelah selesai upload gambar, kemudian sorot pada gambar tersebut dan klik yang HTML Code, seperti gambar di bawah ini.

Sekarang copy paste saja dulu kedalam notepad, misalnya kode html untuk gambar yang saya upload ke Photobucket seperti ini :

<a href="http://s1380.photobucket.com/user/muhammadIqbal02/media/c81502ff-ac56-4584-bf31-6c8e34d30da4_zps2035f995.jpg.html" target="_blank"><img src="http://i1380.photobucket.com/albums/ah187/muhammadIqbal02/c81502ff-ac56-4584-bf31-6c8e34d30da4_zps2035f995.jpg" style="border:none" alt=" photo c81502ff-ac56-4584-bf31-6c8e34d30da4_zps2035f995.jpg"/></a>

Hapus kode yang berwarna merah dan ganti dengan kode url blog sobat atau situs yang ingin sobat beri link, sehingga jadinya seperti dibawah ini.

<a href="http://iqbalpajatapuih.blogspot.com" target="_blank"><img src="http://i1380.photobucket.com/albums/ah187/muhammadIqbal02/c81502ff-ac56-4584-bf31-6c8e34d30da4_zps2035f995.jpg" border="0" alt=" photo c81502ff-ac56-4584-bf31-6c8e34d30da4_zps2035f995.jpg"/></a>

Kode tersebutlah yang sekarang bisa sobat copy paste ke blog sobat. Sobat bisa paste kode tersebut pada gadget dengan cara klik Tata Letak => Add Gadget => => Pilih HTML JAVA SCRIPT.

Atau sobat bisa paste kode tersebut pada laman postingan article dengan memilih HTML bukan Compose.

Sekian dulu postingan kali ini tentang Cara Pasang Banner Sendiri di Blog, semoga bermanfaat...