Showing posts with label Animasi. Show all posts
Showing posts with label Animasi. Show all posts

Background dan Animasi Blog

fun

Keinginan untuk punya blog yang bagus, terkenal dan profesional tentu jadi impian kita semua, termasuk saya. Tapi untuk meraih itu teryata tidaklah mudah apalagi sampai bisa menghasilkan keuntungan.

Tapi menjadi seorang blogger/penulis teryata menyenangkan selain kita bisa tambah pengetahuan juga bisa menambah wawasan dan yang lebih dari itu adalah persahabatan antara sesama blogger, walaupun tidak bisa bertemu secara langsung.

Untuk membuat blog kita jadi lebih menarik salah satunya adalah dengan memberi tambahan animasi dan latar / background yang menarik selain isi Blog itu sendiri.

Ini adalah beberapa macam background dan animasi yang bisa kamu pasang diblog kamu.

hello

Photobucket Photobucket Photobucket


Photobucket Photobucket

link1

Cara merubah background :
  • Login ke akun Blogger kamu.
  • Dari halaman dashboard, pilih Edit HTML.
  • Pada halaman Edit HTML, centang "Expand Template Widget"
  • Cari kode 
background: #3B0B0B url(http://ALAMAT URL BACKGROUND KAMU.gif) no-repeat scroll 0 0

atau

background: #3B0B0B
Keterangan :
  • #3B0B0B = warna dasar blog kamu sesuai lokasi script ( halaman utama, posting, side colom atau footer ), sesuaikan dengan warna blog dan kreasi kamu, untuk kode warna ambil di sini Kode Warna.
  • Untuk kode script background: #3B0B0B kamu tinggal menambah kode url(http://ALAMAT URL BACKGROUND KAMU.gif) no-repeat scroll 0 0 dibelakangnya.
  • http://ALAMAT URL BACKGROUND KAMU.gif = ganti dengan alamat URL backgroud kamu
  • no-repeat = pengulangan gambar, untuk backgroud kamu ubah menjadi repeat artinya berulang sehingga gambar background menjadi penuh. ( untuk background yang dibuat agar berulang dengan arah mendatar 1 baris ubah menjadi repeat-x arah vertikal repeat-y )
  • scroll 0 0 = posisi gambar dipakai bila tidak berulang no-repeat, artinya posisi di atas
  • Untuk yang ingin menyimpan pada directory sendiri silakan klik kanan - save image ke PC kamu - upload image pada tempat penyimpanan kamu sendiri ( bisa pakai pikasa.com / photobucket.com / website lain ), kemudian ambil alamat URL image tersebut.
Baiklah itulah beberapa trick untuk background, semoga bermanfaat
bila kamu ingin mencari background dan animasi yang cocok buat blog kamu silakan klik dibawah ini

Animasi Header


cat jump


cat


link-1


link8


link7


link6


link5


link4


link2


link1

ring




Tertarik Ikuti langkah berikut  :
  • Klik Page Element
  • Klik Add Gadget
  •   AddGadget
  • Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  • Copy and paste kode dibawah ini
______________________________________

<a href="http://kibagus-homedesign/blogspot.com" target="_blank"><img alt="cat jump" border="0" src="http://i864.photobucket.com/albums/ab206/kibagus/animation/catrun1.gif" /></a>

atau

<img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/catrun1.gif" style="float: left; padding: 10px" />
______________________________________

Keterangan :
  • Warna kuning : URL Tujuan yang dimaksud bila ingin menggunakan image sebagai icon bagi link tertentu.
  • Warna agua  : Alamat URL image. ( bila ingin menggunakan image/animasi yang ada disini, klik kanan, copy  lokasi image, ganti URL dengan URL image yang dimaksud )
  • float: left : Letak / posisi yang di ingnkan ( left - center - right )
  • Untuk yang ingin menyimpan pada directory sendiri silakan klik kanan - save image ke PC kamu - upload image pada tempat penyimpanan kamu sendiri ( bisa pakai pikasa.com / photobucket.com / website lain ), kemudian ambil alamat URL image tersebut. 
bila kamu ingin mencari background dan animasi yang cocok buat blog kamu silakan klik dibawah ini.

eye

Get Your Own Animation Picture Here

Animasi Bendera

merah putihku


bendera


indonesia


merah putih


red white

ring





Tertarik Ikuti langkah berikut  :
  • Klik Page Element
  • Klik Add Gadget
  •   AddGadget
  • Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  • Copy and paste kode dibawah ini
______________________________________

<a href="http://kibagus-homedesign/blogspot.com" target="_blank"><img alt="cat jump" border="0" src="http://i864.photobucket.com/albums/ab206/kibagus/animation/catrun1.gif" /></a>

atau

<img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/catrun1.gif" style="float: left; padding: 10px" />
______________________________________

Keterangan :
  • Warna kuning : URL Tujuan yang dimaksud bila ingin menggunakan image sebagai icon bagi link tertentu.
  • Warna agua  : Alamat URL image. ( bila ingin menggunakan image/animasi yang ada disini, klik kanan, copy  lokasi image, ganti URL dengan URL image yang dimaksud )
  • float: left : Letak / posisi yang di ingnkan ( left - center - right )
  • Untuk yang ingin menyimpan pada directory sendiri silakan klik kanan - save image ke PC kamu - upload image pada tempat penyimpanan kamu sendiri ( bisa pakai pikasa.com / photobucket.com / website lain ), kemudian ambil alamat URL image tersebut. 
bila kamu ingin mencari background dan animasi yang cocok buat blog kamu silakan klik dibawah ini.

eye