Social Icons

Jumat, 28 Juni 2013

7 Pilar Konservasi UNNES


Badan Pengembang Konservasi UNNES merupakan salah satu Badan yang ada di UNNES, dan mempunyai tugas untuk mengembangkan nilai-nilai konservasi di lingkungan UNNES dan sekitarnya.
Badan Pengembang Konservasi UNNES mempunya 8 pilar konservasi yang terdiri dari :
1. Arsitektur Hijau dan Transportasi Internal
Arsitektur hijau, secara sederhana mempunyai pengertian bangunan atau lingkungan binaan yang dapat mengurangi atau dapat melakukan efisiensi sumber daya material, air dan energi, dalam pengertian yang lebih luas, adalah bangunan atau lingkungan binaan yang efisien dalam penggunaan energi, air dan segala sumber daya yang ada, mampu menjaga keselamatan, keamanan dan kesehatan penghuninya dalam mengembangkan produktivitas penghuninya, mampu mengurangi sampah, polusi dan kerusakan lingkungan.
Dalam divisi ini akan dikembangkan guidline penyertaan struktur ramah lingkungan pada penggunaan gedung saat ini dengan fungsi baru, pengembangan jalur sepeda dan jalan kaki, penggunaan transportasi ramah lingkungan, pembuatan shelter sepeda, pembuatan contoh sumur resapan, dan pembuatan model bangunan hemat energi
Hal ini bertujuan membentuk budaya ramah lingkungan pada lingkungan kampus. Pada tahap awal sejak deklarasi UNNES sebagai universitas konservasi pengembangan jalur sepeda dan jalan kaki telah dilaksanakan.
2. Biodiversitas
Secara geografis, Unnes terletak di daerah pegunungan dengan topografi yang beragam dan memiliki tingkat keanekaragaman hayati (biodiversity) baik flora maupun fauna yang relatif tinggi.
Untuk meneguhkan diri menjadi sebuah universitas konservasi, telah dikembangkan "Taman Keanekaragaman Hayati" yang meliputi program penghijauan, pemilahan sampah organik dan anorganik, dan pengolahan sampah organik menjadi kompos.
Inventarisasi awal fauna khususnya burung dan kupu-kupu di kampus pusat Unnes pada tahun 2005, 2008, dan awal 2009, berhasil mengidentifikasi sebanyak 58 jenis burung.
Dari jumlah tersebut, 14 diantaranya dilindungi peraturan dan perundangan Indonesia; 2 jenis termasuk dalam kategori spesies yang dilindungi CITES (Conservation on International Trade in Endangered Species of Wild Fauna and Flora) Appendix II, I dan termasuk kelompok spesies yang dilindungi IUCN (International Union for Conservation of Nature) dengan kategori Endangered Species: EN, dan lima jenis termasuk kategori spesies endemik Jawa.
Selain itu ditemukan sebanyak 33 jenis kupu-kupu dan salah satunya merupakan jenis yang dilindungi menurut sistem perundangan Indonesia.
3. Energi Bersih
Program ini merupakan upaya pemanfaatan sumber energi terbarukan dan penggunaan teknologi energi yang efisien dengan budaya hemat energi.
Energy surya (solar energy) merupakan sumber energy terbarukan yang paling sederhana, sehingga dengan penerapan panel surya di beberapa titik utama, kampus akan mengurangi konsumsi listrik dari PT.PLN.
Selain itu dikembangkan pula biofuel. Proses composting dari bio-massa merupakan salah satu alternatif untuk memperoleh biofuel dan dipadukan pada sistem pengolahan limbah organik.
Tenaga angin adalah sumber energy yang dapat dimanfaatkan di Unnes dengan membuat kincir angin di area terbuka kampus dan bersinergi dengan panel surya.
Selain itu sosialisasi terhadap civitas akademika UNNES dan lingkungan sekitar kampus juga dilaksanakan guna mendukung pelaksanaan kebijakan green energy
4. Seni Budaya
Bersamaan dengan upaya konservasi secara ekologis, penguatan pada aspek sikap dan perilaku segenap warga universitas serta lingkungan disekitarnya yang mencerminkan nilai konservasi menjadi program konservasi di budang budaya.
Implementasinya lewat sosialisasi dan pembudayaansikap hidup ramah lingkungan, semangat menanam sekaligus merawatnya, mengutamakan nir kertas, efisien energi sekaligur pengembangan energi ramah lingkungan yang semua bermuara pada perlindungan dan penguatan
Sejalan dengan itu, kegiatan yang telah berlangsung akan diteruskan, difasilitasi, dan dioptimalkan. Antara lain sarasehan 'selasa legen (rebo legen)', sanggar tari, sanggar pedalangan, sanggar panatacara, dan pembangunan kampung budaya
Kampung budaya, secara fisik, merupakan sebuah perkampungan yang mencerminkan prinsip multikultural. Diperkampungan inilah berbagai aspek dan wujud kebudayaan dieksplorasi, diapresiasi dan dikembangkan.
Diperkampungan ini akan dibangun rumah berbagai etnis lengkap dengan uba rampe dan aktifitas yang mencerminkan entitas tiap-tiap etnis (kultur/subkultur).
5. Kaderisasi Konservasi
Program ini merupakan upaya peningkatan kader konservasi baik di lingkungan UNNES maupun masyarakat sekitar UNNES.
Kegiatan yang dilakukan antara lain adalah penjaringan kader, pelatihan kader melalui pendidikan konservasi, sosialisasi, dan memperluas kerjasamadengan pihak terkait dengan kegiatan konservasi dan lingkungan hidup.
Bersamaan dengan upaya konservasi secara ekologis, penguatan pada aspek sikap dan perilaku segenap warga universitas serta lingkungan disekitarnya yang mencerminkan nilai konservasi menjadi program konservasi di budang budaya.
Implementasinya lewat sosialisasi dan pembudayaansikap hidup ramah lingkungan, semangat menanam sekaligus merawatnya, mengutamakan nir kertas, efisien energi sekaligur pengembangan energi ramah lingkungan yang semua bermuara pada perlindungan dan penguatan
Sejalan dengan itu, kegiatan yang telah berlangsung akan diteruskan, difasilitasi, dan dioptimalkan. Antara lain sarasehan 'selasa legen (rebo legen)', sanggar tari, sanggar pedalangan, sanggar panatacara, dan pembangunan kampung budaya
Kampung budaya, secara fisik, merupakan sebuah perkampungan yang mencerminkan prinsip multikultural. Diperkampungan inilah berbagai aspek dan wujud kebudayaan dieksplorasi, diapresiasi dan dikembangkan.
Diperkampungan ini akan dibangun rumah berbagai etnis lengkap dengan uba rampe dan aktifitas yang mencerminkan entitas tiap-tiap etnis (kultur/subkultur).
6. Kebijakan Nir Kertas
Pemanfaatan Teknologi Informasi di lingkungan Unnes diharapkan mampu membuka peluang mengurangi secara signifikan penggunaan kertas dalam surat menyurat dan dokumentasi melalui Paperless Policy.
Implementasi kebijakan ini berlaku dalam pengelolaan administrasi akademik berbasis teknologi informasi, pengelolaan administrasi dokumen perkantoran berbasis teknologi informasi dan rancangan e-Administrasi.
Dengan kata lain kebijakan nir kertas merupakan program meminimalisasi penggunaan kertas dengan memanfaatkan teknologi informasi yang dimiliki UNNES, antara lain dengan melakukan pengembangan sistem aplikasi berbasis web, pengembangan penerbitan online, peningkatan sarana pendukung, dan pengembangan organisai.
Melalui kebijakan Paperless Policy diharapkan konsumsi kertas akan semakin ditekan tanpa mengurangi efektifitas kerja dan merupakan salah satu upaya dalam pencegahan pemanasan global dan mengembalikan fungsi hutan sebagai paru-paru dunia.
7. Pengolahan Limbah
Program ini melputi daur ulang kertas, plastik, logam/kaleng, pengolahan limbah laboratorium, dan pengolahan bunga/daun kering. Sejak tahun 2009 telah dilakukan pemisahan tempat sampah antara sampah organik dan sampah anorganik di setiap gedung Unnes.
Program kelanjutan dari pemisahan sampah ini adalah adanya pengelolaan yang berkelanjutan sesuai dengan jenis sampah tersebut, sampah organik dikelola menjadi pupuk kompos, sedangkan untuk sampah anorganik dilakukan pemilahan untuk dilakukan daur ulang atau dikirim ke TPA.
Selain untuk menjaga kelestarian lingkungan diperlukan pula pengelolaan lingkungan meliputi pengelolaan sampah, daur ulang sampah organik menjadi kompos dan perencanaan Unit Pengelolaan Limbah Laboratorium Kimia dan Biologi.
Dalam pengolahan kompos ini warga sekitar lingkungan kampus juga dilibatkan agar terciptanya lapangan pekerjaan bagi warga sekitar guna mendukung budaya konservasi. Pengembangan pengolahan kompos ini dilakukan bertahap seiring peningkatan produksi pupuk kompos yang diproduksi.

Kamis, 27 Juni 2013

Cara fungsi LEDGER (RANK,COUNT IF, INDEX,MATCH)

Kali ini djavu blogZ akan sedikit berbagi tentang fungsi excel...pelajaran tik minggu kemarin saya membahas ledger yang memang bikin saya sedikit pusing untuk mencari rumus catatatan peringkat dan jumlah tuntas dan tidak tuntas.....langsung aja kita bahas satu persatu...
1. Yang pertama kita bahas adalah rumus untuk peringkat (Rank)

untuk rumusnya disini kita akan menggunakan rumus Rank dan Count IF, itu untuk anak yang memiliki nilai sama tidak dapat ranking sama...rumusnya adalah =RANK(K8;$K$8:$K$41)+COUNTIF($K$8:$K$41;K8)-1

2. Yang kedua rumus COUNT IF
rumus count if digunakan selain untuk peringkat juga kita gunakan untuk menghitung jumlah anak yang tutas dan tidak tuntas...
Untuk rumus yang digunakan adalah =COUNTIF(D$8:D$41;">=75")
- untuk huruf yang warna merah adalah kriteria yang kita gunakan untuk menghitung ketuntasan (KKM)
- untuk rumus tidak tuntas juga sama dengan yang tuntas hanya diganti kriterianya saja(huruf merah) dengan "<75" atau sesuaikan dengan standar KKM

3. Yang ketiga adalah INDEX dan Match untuk catatan peringkat
untuk menghitung catatan peringkat kita diharuskan menggunakan 2 rumus yaitu INDEX dan MATCH..
Rumus yang kita gunakan adalah =INDEX($C$8:$C$41;MATCH(I49;$L$8:$L$41;0);1)



Rabu, 26 Juni 2013

Tutorial MYOB






Menangani Transaksi Akuntansi dengan
Program Aplikasi MYOB ver. 18


1.1. Membuat Data Perusahaan pada MYOB Langkah – langkah yang harus dilakukan :
1.      Klik tombol start
2.      Pilih all program> Myob Accounting 18+ > Myob Accounting 18+
3.      Didalam kotak dialog yang terbuka terdapat 5 tombol akses
a.       Open, untukmembuka data Myob yang telah ada
b.      Create, untuk membuat data perusahaan baru
c.       Explore, untuk menampilkan data contoh yang telah disediakan
d.      What’s New, untuk menampilkan file.html yang terhubung dengan internet, yang berisi berita terbaru dalam versi 18 ini
e.       Exit, untuk mengakhiri program Myob
4.      klik tombol create, klik next
5.      Masukkan data perusahaan.  Setelah itu klik next
Note:  UEN=ijin usaha                       GST=NPWP
6.      Masukkan informasi akuntansi, dan klik next bila sudah selesai.
Note:  current financial year= periode akuntansi untuk entri data transaksi  last month of financial year= akhir periode pencatatan keuangan           conversion month= bulan awal periode pencatatan keuangan     number of accounting period= jumlah bulan periode akuntansi
7.      Setelah melakukan konfirmasi bahwa tahun keuangan anda sudah benar, klik next.
8.      Pilih cara untuk pembuatan daftar rekening, apakah akan memakai daftar rekening yang sudah disediakan MYOB, mengimpor dari tempat lain atau membuat sendiri. Kita pilih memakai daftar rekening dari MYOB (opsi pertama). Lalu klik next
9.      Isikan retail pada industry classification dan computer dealer pada business type. Kemudian klik Next. 
10.  Atur folder dimana anda akan meletakkan file MYOB yang sedang Anda buat saat ini. Jika sudah klik next
11.  Selanjutnya akan tampil informasi proses telah selesai. Lalu klik Setup Assistance. Akan muncul jendela Easy Setup Assistant.

1.2. Mengakhiri Program Myob Accounting V 18              Untuk mengakhiri anda ikuti langkah sebagai berikut:
1.      Klik file>Exit
2.      Kotak dialog konfirmasi untuk membackup file, klik tombol no

1.3. Membuka File
1.      Buka program Myob Accounting V 18
2.      Pada kotak informasi klik tombol open  
3.      Pada bagian look ini pilih drive di mana file disimpan 4. Pilih file dokumen dan klik tombol open
5. Selanjutnya file akan tampil.

1.4. Membuat daftar rekening
Agar menghemat waktu, editlah nama perkiraan yang memiliki nomor akun yang sama dengan daftar akun di kertas fotokopian. Baru kemudian mengedit nama perkiraan yang lain yang masih berada pada kelompok yang sama (contoh: kelompok assets, liability, equity, income, cost of sales, dll). Setelah semua akun yang diperlukan sudah selesai di-entry, hapuslah akun-akun yang tidak terpakai. Ingat, tidak semua akun dapat dihapus. Jadi jika ada akun yang tidak bisa dihapus, biarkanlah. 

Level akun bisa diganti dengan mengklik pada akun yang akan diganti levelnya, kemudian pilih up (untuk menurunkan angka levelnya, contoh dari level 2 menjadi level 1) atau down (untuk menaikkan angka levelnya, contoh dari level 2 menjadi level 3).

Beberapa akun tercetak tebal (bold), ini berarti akun tersebut adalah akun yang memiliki sub akun (anggota) dibawahnya. Akun tercetak tebal juga mengindikasikan bahwa akun tersebut tidak bisa diisikan saldo awalnya. Agar bisa diisikan saldo awalnya, akun tersebut harus dimodifikasi dengan melakukan double klik pada akun yang dimaksud. Lalu, gantilah dari header account menjadi detail account. Kemudian klik ok.

a. Mengganti/mengedit Nama Perkiraan 1. Pilih nama perkiraan yang akan diganti namanya
2.      Klik Edit di bagian bawah jendela account list
3.      Ganti nomor perkiraan 
4.      Ganti nama perkiraan
5.      Klik OK
b. Membuat Nama Perkiraan
1.      Klik New di bagian bawah jendela account list
2.      Isikan nomor perkiraan, klik enter
3.      Isikan nama perkiraan
4.      Klik OK
c. Menghapus Perkiraan
1.      Double klik salah satu nama parkiraan dari account list yang akan dihapus
2.      Klik Edit pada menu di bagian atas pada MYOB, pilih delete 3. Untuk menghapus nama perkiraan lain ikuti langkah diatas. 
untuk lebih jelasnya silahkan klik DISINI..........


Sumber Artikel Dari: http://agoezi94.blogspot.com/2013/04/tutorial-myob-part.html#ixzz2XKzdkln4

Cara Membuat Tag Cloud Berputar Di Blog

Setelah cari-cari di Google akhirnya ketemu juga langsung saya share dech
Tidak semua template bisa mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikinlabel tag cloud berputar ini, kamu download template punyamu dulu biar agar terjadi kesalahan kamu tidak pusing ,
Caranya Adalah sebagai berikut:


Login ke Blogger 
Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget, Cari kode :<b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau kesulitan nyarinya pakai Ctrl + F aja)
Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Keterangan :ganti tulisan yang berwarna merah dengan keinginan anda
1.Lebar widget : 250px
2. Tinggi widget : 300px
3. Warna latar (background) : #ffffff (putih)
4. Warna huruf : 0x333333 (abu-abu)
5. Ukuran huruf : 12

Sumber Artikel Dari: http://agoezi94.blogspot.com/2013/05/cara-membuat-tag-cloud-berputar-di-blog.html#ixzz2XKxzK7xg

Free Download Myob 18 Full Version



Download Myob 18 Full Version Free


buat yang belajar account,bank,sales dll perlu mencobanya....
Windows version: Accounts (General Ledger), Banking, Sales, Inventory, Purchases, Card File (AR/AP)
Klik DOWNLOAD DISINI, untuk mengunduh aplikasi MYOB Accounting versi 18. 

Selesai melakukan download, silahkan install aplikasi tersebut. Selanjutnya anda bisa meng-eksplore sample data. User ID : Administrator, Password = kosong (tanpa password). Anda juga bisa membuat data baru dengan limitasi 30 hari sejak tanggal file tersebut dibuat. User ID = Administrator dan pasword = kosong (tanpa password). Silahkan dicoba..Windows Compatible


Sumber Artikel Dari: http://agoezi94.blogspot.com/2013/04/download-myob-18-full-version-free.html#ixzz2XKx92ndk

Free download tema blog one piece


Hai sobat Djavu BlogZ kali ini saya mau kasih template One Piece ni..

Langsung aja ya templatenya :D

kalo fiturnya bisa dilihat sendiri yah..
kalo mau atur menunya, tambahkan kode ini di add gadget, nomer 3 dari atas

<div id='KADEXANAMenu'><div id='KADEXANAMenu-left'><ul><li><a href='/'><img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjinJL_WV5nFl3YeOWWebqsOsk1qZXiNT2mGf4vqStNnyE0N8Ox9EnpRzaA1e446q984D6Uj_Ok1yrYhbAS6R9S4z8mvdZxNOYx97oz5vbYflB4PL8imJgf2tWClXCyZsURtI06Ae7w6Rc2/s1600/icon-home.png' title='Home'/></a></li><li><a class='menuganteng' href='http://altecdz.blogspot.com/search/label/Games?max-results=3'>GAMES</a></li><li><a class='menuganteng' href='http://altecdz.blogspot.com/search/label/Tips%20N%20Tricks?max-results=3'>TIPS N TRICKS</a></li><li><a class='menuganteng' href='http://altecdz.blogspot.com/search/label/About%20Anime?max-results=3'>ANIME</a></li></ul></div>
</div>

oke deh,sekian dulu...





Sumber Artikel Dari: http://agoezi94.blogspot.com/2013/05/template-blog-one-piece-free-download.html#ixzz2XKw8xjhw

Jumat, 21 Juni 2013

Movie Maker


ini hasil latihan movie maker pada pelajaran TIK di minggu akhir....

Klik show untuk melihat



Minggu, 09 Juni 2013

Video klip keren musisi jepang

Nah bagi teman-teman yang suka jepang.....jangan hanya kagum sama anime saja apa lagi cuman sama AKB saja...tapi coba sedikit liat video ni ya.....hehehehehe

1.Worl order"boy meets girl"
Klik show untuk melihat

2. World order in new york
Klik show untuk melihat
3. World order "machine civilization"
Klik show untuk melihat
4. World order "Mind sift"
Klik show untuk melihat
Masih banyak lagi vidio-vidio dari world order..dan akan saya update lagi..tunggu saja tanggal mainya..hihihihihi

Tutorial Movie Maker di Windows 7


 Tips n Trik kali ini saya akan menjelaskan bagaimana cara menggunakan movie maker di Windows 7. Caranya sebenarnya sama saja seperti di Xp dan Vista. Cuma di windows 7 Movie Maker tidak disediakan jadi kita harus meninstallnya dulu. Buat yang belum punya mentahannya kalian bisa download DISINI . Buat yang belum tahu movie maker pasti bertanya2 apakah movie maker itu? Movie Maker adalah software untuk editing video. Movie Maker sangat mudah untuk digunakan karena movie maker dibuat untuk para pemula yang ingin belajar editing video. Jika sudah merasa mahir menggunakan movie maker, kalian bisa belajar memakai Adobe Premiere. Adobe Premiere itu juga software untuk editing video tapi lebih sulit akan tetapi efek2 yang disajikan dalam Adobe Premeire lebih banyak. Kebanyakan para editor handal untuk editing video menggunakan adobe premiere dan untuk Titlingnya menggunakan Adobe After Efect. Untuk belajar menggunakan Adobe Premiere saya akan menerangkannya lain waktu.
Berikut adalah langakah dalam menggunakan Movie Maker :

1. Klik start kemudian buka Movie Maker ,tampilan yang akan keluar seperti di bawah ini





2. Klik import video kemudian pilih video yang anda inginkan


3.Kemudian drag (tarik) video anda ke kolom yang bertuliskan video



NB : Jika video yang di importkan terpotong seperti dalam lingkarang merah yg besar diatas draglah secara bersamaan, caranya block video terpotong itu (ctrl +A) kemudian drag ke kolom video.
4.Jika ingin menambahkan tulisan pembuka dan penutup klik make titles or credit


5.Untuk menambahkan transisi pada video klik view video transitions


6. kemudian pilih trasisi yang anda inginkan dan drag di bagian video yang anda inginkan


7.Jika ingin menambahkan effect pada video seperti misalnya slow motion atau blur klik view video effects



NB :cara memasukkan effect ke video dengan cara drag juga, bisa di liat pada gambar diatas. Jika ada effect pada video maka aka nada gambar bintang.

8. Jika ingin menambahkan backsound pada video klik import audio or music, caranya sama seperti memasukan video, anda drag ke kolom audio/music. Anda bisa menggeser2 posisinya juga nanti.
9.Jika ada sudah selesai mengedit simpanlah. Klik sace to My Computer


10. Kemudian klik next, dan setting kualitas video yang anda ingin kan.



NB :
1. Best fit to file size=untuk menentukan size video anda, saran saya jangan terlalu kecil sizenya karena akan mengurangi kualitas gambar video
2. Other setting = pilihlah High Quality Video (Large)


Setelah itu next lagi dan tunggu video anda akan diproses. Kemudian silahkan lihat sendiri hasil editan video anda sendiri.

sumber : http://catatan-sang-pemimpi.blogspot.com/2010/08/tutorial-movie-maker-di-windows-7.html
untuk melihat video tutorial klik tombol show dibawah..
Klik show untuk melihat

Rabu, 05 Juni 2013

Cara memasang animasi loading blog

Cara Memasang Loading Page Animasi Blog
 Loading Page Animasi Blog ‘Mondar-mandir’ (Foto: Screenshoot)
1. Pasang Jquery berikut di template blog sobat di atas kode </head>,
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
    Jika sebelumnya sudah ada script Jquery , abaikan langkah tersebut.
2. Masukkan kode berikut di atas kode  ]]></b:skin>,
/* X-Gen Loader */
#xgenloader-screen {z-index:999999;background:#000;width:100%;height:100%;position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;}
/* DEMO 1 */
#horizontal-load body:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: -webkit-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: -moz-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: -ms-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: -o-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5));
}
#horizontal-load .bar {
font-size: 20px;
    width: 10em;
    height: 1em;
    position: relative;
    margin: 100px auto;
    border-radius: .5em;
    background: rgba(255,255,255,0.6);
    box-shadow:
        0 0 0 .05em rgba(100,100,100,0.075),
        0 0 0 .25em rgba(0,0,0,0.1),
        inset 0 .1em .05em rgba(0,0,0,0.1),
        0 .05em rgba(255,255,255,0.7);
}
#horizontal-load .bar:after {
    content: "Please wait.";
    position: absolute;
    left: 25%;
    top: 150%;
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 1em;
    color: #555;
    text-shadow: 0 .05em rgba(255,255,255,0.7);
}
#horizontal-load .bar .sphere {
    border-radius: 50%;
    width: 1em;
    height: 100%;
    background: -webkit-linear-gradient(#eee, #ddd);
    background: -moz-linear-gradient(#eee, #ddd);
    background: -ms-linear-gradient(#eee, #ddd);
    background: -o-linear-gradient(#eee, #ddd);
    background: linear-gradient(#eee, #ddd);
    box-shadow:
        inset 0 .15em .1em rgba(255,255,255,0.3),
        inset 0 -.1em .15em rgba(0,0,0,0.15),
        0 0 .25em rgba(0,0,0,0.3);
    display: block;
    -webkit-animation: slide 1.75s ease-in-out infinite alternate;
    -moz-animation: slide 1.75s ease-in-out infinite alternate;
    -ms-animation: slide 1.75s ease-in-out infinite alternate;
    -o-animation: slide 1.75s ease-in-out infinite alternate;
    animation: slide 1.75s ease-in-out infinite alternate;
}
@-webkit-keyframes slide {
    to { margin-left: 90%; }
}
@-moz-keyframes slide {
    to { margin-left: 90%; }
}
@-ms-keyframes slide {
    to { margin-left: 90%; }
}
@-o-keyframes slide {
    to { margin-left: 90%; }
}
@keyframes slide {
    to { margin-left: 90%; }
}
3. Letakkan JavaScript berikut di bawah kode <body>,
<!-- Start Andi-Techno.blogspot.com Loader -->
<script type='text/javascript'>
//<![CDATA[
$(function() {
    setTimeout(function() {
        $('#xgenloader-screen').fadeOut();
    }, 5000);
});
//]]>
</script>
<div id='xgenloader-screen'><div id="horizontal-load"><div class="bar">
<i class="sphere"></i>
</div></div>
</div>
<!-- End Loader -->
4. Finish, Simpan Template. Jika langkah-langkah di atas dilakukan dengan benar, silahkan lihat hasilnya.

sumber: http://www.walman.org/2013/05/cara-memasang-loading-animasi-page-blog-mondar-mandir.html