Kamis, Oktober 07, 2010

Cara memasang banner di bawah posting blog secara otomatis

Cara memasang banner di bawah posting blog secara otomatis. Dalam postingan ini kita akan mencoba membuat banner dan memasang banner animasi tersebut di dalam postingan blog , letaknya di bagian bawah setiap postingan blog. Atau dengan menggunakan tips lain yaitu Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Contoh dalam postingan ini akan dibuat banner seperti di bawah ini




Untuk membuat banner animasi seperti diatas dibagian akhir setiap postingan blog  bisa ikuti prosedur berikut :


1. Upload gambar ke situs image hosting gratis, seperti imageshack , tinypic , photobucket , atau situs hosting image sejenis.
Dalam contoh ini kita akan menggunakan imageshack.
Upload gambar ke imageshack , jika kesulitan panduannya bisa dilihat disini cara upload gambar di imageshack

2. Pilih html code gambar yang sudah diupload tersebut

 Selanjutnya copy HTM code diatas, dan masukkan ke dalam template blog

3. Login ke Blogger , di bagian Dashboard pilih Rancangan - Edit HTML


cari kode :
  <data:post.body/>

Masukkan kode html gambar imageshack tepat di bawah  <data:post.body/>
Jika ingin menggunakan gambar di atas bisa gunakan kode html berikut :
<a href='http://img543.imageshack.us/i/smileyon.gif/' target='_blank' title='ImageShack - Image And Video Hosting'><img border='0' src='http://img543.imageshack.us/img543/1781/smileyon.gif'/></a>

Setelah digabung kodenya akan tampak seperti di bawah ini

<data:post.body/>
<a href='http://img543.imageshack.us/i/smileyon.gif/' target='_blank' title='ImageShack - Image And Video Hosting'><img border='0' src='http://img543.imageshack.us/img543/1781/smileyon.gif'/></a>


Contoh blog yang telah terpasang banner bisa dilihat disini :
1. membuat gambar animasi di akhir setiap postingan blog 
2. memasang gambar animasi di sidebar blog





Artikel Terkait :



21 komentar:

bolehngeblog mengatakan...

bisa dicoba tuh...nice info

Nongkrong Online mengatakan...

Makasih gan ats infonya,tp yg ingin saya tanyakan gmn kalo kita mo pasang banner referral gt n dimasukkan dlm postingan?? apakah sama spt cara di atas? makasih sebelumnya ats jwbannya..mklm gan saya newbie..slm knl

Artikel Komputer mengatakan...

@Nongkrong Online
Untuk msang banner referal prosedurnya sama seperti di atas, scriptnya langsung dimasukkan ke template.

Oke-Creativity mengatakan...

wahh,,thx bgt sob ilmunya...ini yg saya cari selama ini,,,hehe

jgn lupa kunjungi blog saya juga yah di oke-creativity.blogspot.com

thx

yudha satanicore mengatakan...

thx sob tutorialnya tukeran link yuk sob www.yudha.us

roman mengatakan...

saya banyak dapat ilmu ngeblog di sini,,,
makasih ya mas info2 ntrik2 nya,,,,!!!!

A Rahmanto mengatakan...

Ma kasih banyak nih infonya...salam sukses

Zulsyiddin mengatakan...

Slm Kenas MAS

Ary_Putra mengatakan...

Nih yg kucari gan. Thanks infonya gan.

FootNote mengatakan...

Wah jadi initinya sourcodenya ditaro di bawah yang ntu yah! terimakasih gan dah bantu

ongky mengatakan...

tulisan ini membantu saya membuat blog saya .. terimakasih

Rizki ルイージ mengatakan...

Panduannya mudah untuk dimengerti. Thanks infonya.

Hatibahagia mengatakan...

Blognya bagus, artikelnya bermutu. Lanjut terus gan...

My Laboratorium mengatakan...

Thanks ya sob atas bantuannya.Ditunggu nih kunjungan baliknya :D

kalahitam mengatakan...

terima kasih info nya sob..
langsung di coba nih..

hepi blogging dan salam kenal sob

jhon kicau mengatakan...

salam sukses..

siip mantap om...suskes selalu ya..

tq

Alfiandar Atjeh mengatakan...

nice share. izin ambil banner yang itu. hehehe

Puisi Cinta mengatakan...

makasih gan langsung saya coba yah

elfinnaka hamida mengatakan...

ide bagus tuh.

promo ya basketismysoul.blogspot.com

cara cepat hamil mengatakan...

kalo posisinya mau di awal postingan masangnya di mana gan?

ami mengatakan...

makasi infonya... akan saya coba di blog saya
oya kalau mau bannernya muncul di bagian tengah kiri postingan caranya gimana?