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

Navigasi Halaman Blog dengan Javascript

Page Navigation atau Navigasi Halaman berfungsi untuk mempermudah para pengunjung untuk menjelajahi blog kita dengan melihat halaman per halaman. Bagi pengguna Wordpress, tentunya sudah tidak asing lagi dengan Page Navigasi seperti yang Anda lihat pada gambar disamping, karena biasanya template-template wordpress sudah menyediakan fasilitas ini. Bagi pengguna Blogspot, harus menambahkan sintak JavaScript dibawah ini. berikut cara-caranya: Login ke Blog Anda pilih Rancangan kemudian klik tab Edit HTML masukkan kode dibawah ini sebelum kode ]]></b:skin> .showpageNum a { color:#FFF;padding:4px 10px; margin:0 2px; text-decoration:none; -webkit-border-radius:2px;- moz-border-radius:2px; background:#848484 } .showpageOf { color:#222; margin:0 6px 0 0 } .showpageNum a:hover { background:#222; color:#FFF } .showpagePoint { color:#FFF; text-shadow:0 1px 2px #333; padding:4px 10px; margin:0 2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#222; text-de
Post a Comment
Read more