Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Cara memasang banner di bawah posting blog secara otomatis

  • Jumat, 16 Maret 2012
  • Febri Rizki
  • 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

    0 komentar:

    Poskan Komentar