Skip to main content

Cara Membuat Animasi Loading Blog

Salam kawan2 semua, sebelum'a saya minta maaf karena udah beberapa minggu ini blog saya kelihatan ngak terurus. itu karena saya memang lagi ada acara keluarga di kampung, jangankan untuk nge-post, saya buka aja ngak sempat. :) hehee,...

Okelaah, ngak usah berlama-lama lagi.
pada kesempatan ini saya akan mencoba untuk membuat animasi loading pada blog. sesuai dengan judul di atas.
Maksud dari tutorial ini adalah pada waktu Anda membuka halaman blog nantinya akan muncul gambar animasi loading yang atraktif sebelum blog Anda terbuka seluruhnya.

Tutorial ini nantinya akan merubah sedikit kode HTML template blog Anda. jadi saya sarankan sebelum mencobanya Anda telah mem-backup dulu blog Anda.

Untuk memilih model loading-nya, silahkan lihat disini

setelah Anda memilih salah satunya, download file loading tersebut dan upload kembali ke web hosting Anda. (jika Anda belum mempunyai hosting saya sarankan untuk mengupload ke Photobucket, atau tempat penyimpanan yang sering Anda gunakan).

jika sudah, ikuti langkah di bawah ini.
  1. Login ke blog Anda
  2. Pilih Edit HTML
  3. centang Expand Template Widgets
  4. cari <body> ganti kode tersebut dengan kode di bawah ini



    ganti tulisan LINK GAMBAR LOADING dengan link gambar loading Anda
  5. klik SIMPAN TEMPLATE
Selesai!!!
selamat mencoba, semoga berhasil....


Labels:

Comments

  1. Unknown12/23/2010 04:34:00 pm

    tank ya infonya.
    ntar aq coba di blog aq
    gambar loadingnya akan tampil di mana ya...??

    ReplyDelete
  2. KoFa-Style12/25/2010 09:21:00 am

    @Agam: sama-sama,..
    coba aja buat. mungkin bg Agam suka.
    ko sesuai dengan kode d atas, posisi loading'a akan ada d tengah2 blog.
    bisa juga kita pindahkan ke tempat yang lain, tinggal modifikasi aja sedikit kode d atas. :)

    ReplyDelete
  3. INFANTRI MEDIA2/10/2011 03:06:00 pm

    terima kasih infonya, semoag bisa lebih menarik lagi

    ReplyDelete
  4. KoFa-Style2/16/2011 02:04:00 am

    INFANTRI MEDIA: trmimaksih juga udah berkunjung... :)
    Amiin...

    ReplyDelete
  5. s7day2fun2/23/2011 03:38:00 pm

    wah termkasih infonya ..........
    wajib dicicip nie.....

    ReplyDelete
  6. KoFa-Style2/24/2011 02:00:00 am

    s7day2fun: iya, sama-sama...
    silakan aja di coba bos. :D

    ReplyDelete
  7. iyan3/10/2011 09:15:00 am

    Mulailah bisnis internet Anda sendiri. Tersedia paket software yang boleh Anda jual kembali. Info selengkapnya klik http://www.penasaran.net/?ref=vk65ay

    ReplyDelete
  8. Membuat Animasi Loading Blog9/16/2012 09:19:00 pm

    mantepppp kang, hehe :D

    ReplyDelete

Post a Comment

*jika Anda belum terdaftar di KoFa Style Blog, harap memilih profil Nama/URL sebelum memposting komentar.

Popular posts from this blog

Konsep dan Hirarki DNS

DNS adalah suatu bentuk database yang terdistribusi, dimana pengelolaan secara lokal terhadap suatu data akan segera diteruskan ke seluruh jaringan (internet) dengan menggunakan skema client-server. Suatu program yang dinamakan name server, mengandung semua segmen informasi dari database dan juga merupakan resolver bagi client-client yang berhubungan ataupun menggunakannya. Struktur dari database DNS bisa diibaratkan dengan dengan struktur file dari sebuah sistem operasi UNIX. Seluruh database digambarkan sebagai sebuah struktur terbalik dari sebuah pohon (tree) dimana pada puncaknya disebut dengan root node. Pada setiap node dalam tree tersebut mempunyai keterangan (label) misalnya, .org, .com, .edu, .net, .id dan lain-lainnya, sampel penggunaan pada  www.aceh-id.com yang relatif rerhadap puncaknya (parent).Ini bisa diibaratkan dengan relative pathname pada sistem file UNIX,seperti direktori bin, usr, var, etc dan lain sebagainya. Pada puncak root node dalam sebuah sistem DNS di
6 comments
Read more

Cara Install Puppy Linux di USB

Hi All!!! Malam ini ada lattop mau di install ulang... Tapi sayangnya banyak data yang tersimpan di c:\ termasuk beberapa data proyek kecil - kecilan yang minggu depan mesti diserahkan sama vendor... huffff... pusing deh. Tapi saat menulis tulisan ini semua hampir teratasi. Ya!!! Puppy linux solusinya. Jadi biar lebih mermamfaat mending di tulis aja di blog kofa-style biar kalau Ada yang mampir seperti yang sedang membaca ini bisa dapat bantuan kalau tidak banyak ya barang sedikit saja. Oke kita mulai saja... Mengapa Puppy? jawabnya karena mudah dan ringan untuk keperluan system operasi bootable sekedar buat back up data dan memperbaiki error partisi pada windows XP.
5 comments
Read more

Efek Foto Koran Zaman

Pada tutorial yang sederhana ini saya akan mengajak Anda-anda semua untuk merubah foto yang normal menjadi seperti gambar pada koran-koran tempoe doeloe hanya dengan memberikan beberapa efek. langsung saja, buka dulu foto Anda dengan photoshop. Tekan kombinasi tombol shift + ctrl + u pada keyboard untuk membuat efek Desaturate sekarang buat sebuah layer baru. Ubah warna background dengan #74673D , warnai layer baru tersebut dengan Paint Bucket Tool , ubah blendingnya dari Normal menjadi Color dan turunkan Opacity menjadi 50% . tekan Ctrl + E di keyboard untuk menggabungkan Layer1 dengan Background. sekarang pilih Filter > Texture > Texturizer . Isi nilai Scaling, Relief sesuai dengan gambar di bawah. (Anda bisa juga berkreasi sendiri tanpa mengikuti nilai-nilai seperti gambar di bawah) sekarang buat sebuah tekstur untuk memberikan efek koran. buat sebuah layer baru, warnai layer dengan #A09263 ubah warna background manjadi putih. dalam kond
Post a Comment
Read more