Blogger Search Blogger Search

Read More --►

TAB MENU SAYA TAB MENU SAYA

NEW POSTBLOG ARSIPNEW COMMENT

Read More --►

. KARANGAN EKSPOSISI . KARANGAN EKSPOSISI

A. KARANGAN EKSPOSISI Banyak para ahli yang mengemukakan pendapatnya mengenai definisi karangan eksposisi. Pendapatnyapun bermacam-macam maka dari itu, di sini kita dapat memaparkan beberapa pendapat dari para ahli tersebut. Menurut Jos. Daniel Parera (1987: 05) dalam buku Menulis Tertib dan Sistematik mengatakan bahwa tulisan eksposisi bertujuan untuk memberikan informasi. Pengarang dan penulis berusaha memaparkan kejadian atau masalah agar pembaca dan pendengar memahaminya dan pengarang mempunyai sejumlah data dan bukti sehingga, ia berusaha menjelaskan persoalan dan kejadian ini demi kepentingan anda sendiri. Menurut A. Chaedar Alwasilah dan Semmy Suzanna Alwasilah (2005:111) Dalam Pokoknya Menulis eksposisi merupakan tulisan yang tujuan utamanya mengklarifikasi, menjelaskan, mendidik, atau mengevaluasi sebuah persoalan. Penulis berniat untuk memberi informasi atau memberi petunjuk kepada pembaca. Di sini eksposisi mengandalkan strategi pengembangan alinea seperti lewat pemberian contoh, proses, sebab akibat, klasifiksasi, definisi, analisis, komperasi dan kontras. Menurut Aceng Hasani (2005: 30) dalam buku Ikhwal Menulis juga mendefinisikan bahwa eksposisi merupakan bentuk tulisan yang sering digunakan dalam menyampaikan uraian ilmiah dan tidak berusaha mempengaruhi pendapat pembaca. Melalui eksposisi pembaca tidak dipaksa untuk menerima pendapat penulis, setiap pembaca boleh menolak dan menerima apa yang dikemukakan oleh penulis. Dari ketiga ahli di atas, mungkin kita dapat melihat persamaan dan perbedaan dari beberapa definisi Eksposisi. Contohnya saja pada tahun 1987, buku yang ditulis Jos. Daniel Parera menjelaskan definisi eksposisi hanya sebatas sebuah karangan yang ditulis untuk memberikan sebuah informasi agar pembaca dapat memahami tulisan tersebut. Di sisi lain Chaedar Alwasilah dan Semmy Suzanna Alwasilah mungkin saja sependapat dengan Jos Daniel Parera A, namun Chaedar dan Semmy mengembangkan definisi tersebut dalam tulisannya pada tahun 2005, hanya saja mereka berdua menambahkan tujuan penulisan karangan eksposisi seperti mengklarifikasi, menjelaskan, mendidik atau mengevaluasi sebuah persoalan ke dalam definisi eksposisi. Berbeda dengan pendapat ahli lainnya, Aceng Hasani yang lebih menekankan definisi eksposisi pada cara penyampaiannya karena menurut Aceng Hasani dalam perkuliahan menjelaskan bahwa karya ilmiah lebih cenderung berupa karangan eksposisi karena menjelaskan sesuatu hal yang bersifat nyata atau non fiksi. Jenis-jenis karangan eksposisi di antaranya ada eksposisi panjang dan ada pula eksposisi pendek. Eksposisi panjang pada umumnya berupa artikel dan penulisan ilmiah popular. Artikel adalah tulisan lepas berisi opini seseorang yang mengupas tuntas suatu masalah tertentu yang sifatnya aktual atau kontroversial dengan tujuan untuk memberikan informasi, mempengaruhi dan meyakinkan atau menghibur pembaca. Ilmiah populer adalah karya ilmiah yang disajikan dengan gaya bahasa yang popular atau santai sehingga mudah dipahami oleh masyarakat umum dan menarik untuk dibaca. Contoh eksposisi panjang : Penyebab Terjadinya Gempa Bumi Kebanyakan gempa bumi disebabkan dari pelepasan energi yang dihasilkan oleh tekanan yang dilakukan oleh lempengan yang bergerak. Semakin lama tekanan itu kian membesar dan akhirnya mencapai pada keadaan dimana tekanan tersebut tidak dapat ditahan lagi oleh pinggiran lempengan pada saat itulah gempa bumi akan terjadi. Gempa bumi bisanya terjadi di perbatasan lempengan kompresional dan translasional. Gempa bumi fokus dalam kemungkinan besar terjadi karena materi lapisan litosfer yang terjepit ke dalam mengalami transisi pada ke dalaman lebih dari 600 km. Beberapa gempa bumi lain juga dapat terjadi karena pergerakan magma di dalam gunung berapi. Gempa bumi seperti itu dapat menjadi gejala akan terjadinya letusan gunung berapi. Beberapa gempa bumi (jarang namun) juga terjadi karena menumpuknya massa air yang sangat besar di balik dam, seperti Dam Karibia di Zambia, Afrika. Sebagian lagi (jarang juga) juga dapat terjadi karena injeksi atau akstraksi cairan dari/ke dalam bumi (contoh. pada beberapa pembangkit listrik tenaga panas bumi dan di Rocky Mountain Arsenal. Terakhir, gempa juga dapat terjadi dari peledakan bahan peledak. Hal ini dapat membuat para ilmuwan memonitor tes rahasia senjata nuklir yang dilakukan pemerintah. Gempa bumi yang disebabkan oleh manusia seperti ini dinamakan juga seismisitas terinduksi Kita bisa membedakan antara eksposisi panjang dan eksposisi pendek dengan membandingkan karangan di bawah ini, karangan tersebut yang termasuk ke dalam karangan eksposisi pendek. Adapun pengertian eksposisi pendek berupa petunjuk penggunaan alat tertentu, petunjuk penggunaan obat, petunjuk berjangkitnya penyakit, dan lain sebagainya. Contoh eksposisi pendek : Nymiko Suspense yang mengandung Nistatin yang merupakan anti jamur dan aktif terhadap jamur seperti Candida albicans. Nistatin dapat mengikat steral pada membra sel jamur. Menghasilkan perubahan permeabilitas membrane sel jamur, diikuti dengan kebocoran dari komponen-komponen intraselular dan mengakibatkan jamur mati. Jika kita melihat paragraph di atas, dengan demikian karangan eksposisi dapat menuntut pembaca dari tidak tahu menjadi tahu, dari tahu sedikit menjadi lebih tahu lagi, dari tidak mengerti menjadi mengerti. Dapat disimpulkan pula bahwa karangan eksposisi merupakan suatu karangan yang berusaha menjelaskan suatu pokok pikiran yang dapat memperluas pandangan seorang pembaca karangan sehingga pembaca dapat memahami teori yang dipaparkan dalam karangan eksposisi tersebut. B. HUBUNGAN ANTARA EKSPOSISI DENGAN KARANGAN LAINNYA Mungkin kita pernah membaca cerita, berita, dan selebaran (leaflet). Berdasarkan penggolongan jenis karangannya , bacaan yang berupa cerita disebut narasi, karangan yang berupa berita disebut eksposisi dan karangan yang berupa selebaran disebut persuasif. Ketiga jenis karangan tersebut dapat tampil 100% murni berdiri sendiri menyandang namanya masing-masing tanpa terinterupsi oleh jenis karangan lain. Selain tampil berdiri sendiri, karangan narasi, karangan eksposisi dan karangan persuasi terkadang dapat berkolaborasi dengan karangan lainnya. Dalam penulisannya sebuah berita (eksposisi) sering diselipkan cerita (narasi), dalam sebuah advertorial (persuasi) tidak jarang ditumpangkan paparan (eksposisi). Jadi, karangan narasi, karangan eksposisi, maupun karangan persuasi dapat tampil murni dan dapat pula melengkapi jenis karangan lain. Dalam praktiknya, karangan deskripsi dan argumentasi boleh dikatakan sering tampil tidak murni, penyebabnya dikarenakan karangan deskripsi berisi pemerian atau pelukisan suatu benda sedemikian rupa sehingga benda itu tervisualisasikan dalam benak pembaca. Jarang sekali terjadi karangan deskripsi berakhir setelah penggambaran itu selesai. Biasanya informasi yang tergambar dianalisis untuk berbagai tujuan. Untuk itu, tentu harus ada karangan lain yang bergandengan dengan karangan deskripsi. Situasi yang sama terjadi juga dalam menulis karangan argumentasi, sebelum kita berargumen atau membahas sesuatu tentulah ada bagian karangan yang berisi data (deskripsi) dan teori yang disajikan lebih dahulu. Keberadaan data dan teori sangat penting karena menjadi pemicu lahirnya argumentasi. Berarti, argumentasi hampir mustahil tampil berdiri sendiri sebagai karangan murni. C. CIRI-CIRI KARANGAN EKSPOSISI Karangan eksposisi merupakan karangan yang memiliki tujuan untuk memberikan informasi kepada pembacanya. Dalam hal ini karangan eksposisi memiliki ciri-ciri dan di sini kita akan memaparkan beberapa ciri-ciri karangan eksposisi dari beberapa ahli. Menurut Aceng Hasani (2005:31) ciri-ciri karangan eksposisi sebagai berikut : 1. Penjelasannya bersifat informatif 2. Pembahasan masalahnya bersifat objektif 3. Penjelasannya disertakan dengan bukti-bukti yang konkret (tidak mengada-ada) 4. Pembahasannya bersifat logis atau sesuai dengan penalaran Menurut Gorys Keraf (1984:4) ciri-ciri karangan eksposisi sebagai berikut : 1. Tujuan maupun gaya panulisannya bersifat informatif. 2. Keputusan bersifat objektif 3. Bahasa dalam pembahasannya bersifat logis Didalam buku keterampilan dasar menulis modul 5 berbeda halnya dengan pendapat Aceng Hasani bahwa karangan eksposisi memiliki ciri-ciri sebagai berikut : 1. Data faktual, misalnya tentang suatu kondisi yang benar-benar terjadi atau bersifat historis, tentang bagaimana sesuatu (misalnya suatu mesin) bekerja dan tentang bagaimana suatu oprasi diperkenalkan 2. Suatu analsis atau suatu penafsiran yang objektif terdapat seperangkat fakta Dilihat dari pemaparan di atas mengenai ciri-ciri karangan eksposisi, terdapat kesamaan mengenai ciri-ciri karangan eksposisi yang telah dipaparkan oleh Aceng Hasani dan Keraf, selain bersifat objektif, bahasa yang digunakan oleh penulis eksposisi harus logis menggunakan penalaran sesuai dengan jalan pikiran yang sehat agar pembaca merasa mudah memahami ide atau yang disampaikan oleh penulis. Contoh Karangan Eksposisi MEMELIHARA IKAN Oleh Beni Umbara Ikan merupakan salah satu binatang yang biasa dipelihara oleh manusia. Ikan sangat beragam mulai dari warna, jenis juga harganya. Begitu pula dengan memelihara ikan, akan memberikan ketenangan, kesegaran bagi pemiliknya begitu juga orang melihatnya. Ketika memelihara ikan kita harus berhati-hati karena jika perawatannya tidak sesuai maka ikan air tawar, jenis dan warna ikan air laut juga lebih beragam. Untuk memelihara ikan,hal pertama yang harus disiapkan yaitu akuarium. Akuarium harus ditata seindah mungkin dan sesuai dengan keadaan sebenarnya, dengan begitu ikan-ikan akan merasa betah. Setelah akuarium diisi dengan air, selanjutnya ikan dimasukan ke akuarium tersebut. Dalam memilih ikan sebaiknya yang masih segar, dan kondisinya baik tanpa ada cacat ataupun goresan. Dalam memberi makan ikan harus teratur, jangan terlalu banyak karena akan membuat air keruh dan ikan akan mati. Memberi makan ikan sebaiknya dilakukan tiga atau sampai empat kali sehari, pilihlah makanan ikan yang sesuai dan bergizi. Air untuk ikan air tawar makin lama makin keruh, oleh karena itu harus diganti minimal sekali dalam seminggu. Ketika mengganti air akuarium, ikan-ikan harus dipindahkan terlebih dahulu ke dalam ember yang berisi air bersih. Hati-hati dalam memilih jenis ikan, jangan sampai ikan yang besar disatukan dengan ikan kecil, bisa-bisa ikan besar tersebut memangsa ikan kecil. Akuarium juga dapat diletakan di ruang tamu, hal ini dapat memberikan nilai tambah yaitu membuat asri suasana dan juga memberikan kesegaran bagi orang yang melihatnya. Kesegaran yang diberikan oleh pemandangan di akuarium dapat membuat orang yang stress menjadi bugar dan bersemangat kembali, tak heranlah banyak orang yang mempunyai hobi memelihara ikan, baik ikan air tawar maupun ikan air laut. Jika kita melihat karangan di atas dengan seksama, maka kita akan tahu perbedaan antara karangan eksposisi dengan karangan lainnya berdasarkan cara, isi, dan tujuan penulisan karangan tersebut. D. JENIS-JENIS KARANGAN EKSPOSISI Berdasarkan cara atau metode penguraiannya, karangan eksposisi dapat dibedakan ke dalam beberapa karangan eksposisi. Ada beberapa jenis pengembangan dalam paragraf eksposisi; 1. eksposisi definisi 2. eksposisi proses 3. eksposisi klasifikasi 4. eksposisi ilustrasi (contoh) 5. eksposisi perbandingan & pertentangan, dan 6. eksposisi laporan E. ANALISIS KARANGAN EKSPOSISI Dalam sebuah karangan dapat dikatakan jika karangan tersebut sempurna atau tidak, dapat kita lihat dari aspek-aspek yang terdapat dalamn karangan tersebut misalnya dalam ketepatan pemilihan kata, gaya bahasa, ejaan, hubungan antara tema dengan isi karangan Analisis berikut bersangkut paut dengan kelompok kemampuan yang bervariasi yang diperlukan untuk menulis karangan eksposisi yang baik.Pengelompokan yang umum dan yang pokok sebagai berikut: 1) penggunaan bahasa yaitu, kemampuan untuk menulis yang benar dengan kalimat-kalimat yang baik, 2) kemampuan-kemampuan mekanik yaitu, kemampuan untuk menggunakan secara benar aturan khusus untuk bahasa tulis, misalnya, tanda baca (pungtuasi), ejaan, 3) perlakuan isi yaitu, kemampuan untuk berpikir secara kreatif dan mengembangkan pikiran-pikiran, termasuk semua informasi yang tidak relevan, 4) keterampilan-keterampilan gaya bahasa yaitu, kemampuan untuk memanipulasi kalimat-kalimat dan paragraf-paragraf dan menggunakan bahasa secara efektif, 5) keterampilan-keterampilan menilai, untuk menulis materi-materi yang sesuai untuk tujuan khusus dengan pemikiran pembaca, bersama-sama dengan kemampuan menyeleksi, mengorganisasikan, dan mengurutkan informasi yang relevan.

Read More --►

[Panduan Pemula] Cara Membuat Blog di Blogger.com [Panduan Pemula] Cara Membuat Blog di Blogger.com

[Panduan Pemula] Cara Membuat Blog di Blogger.com

 

Blog merupakan ‘versi lain’ dari web, biasanya bersifat lebih personal namun tidak terbatas oleh ruang lingkup tertentu. Artinya blog bisa membahas apapun, bersifat fleksibel dan menjadi tempat non formal untuk berbagi informasi. Blog itu tidak mahal, sobat Lal-Hilal yang ingin membuat blog gratisan, bisa kok, mau tau caranya? Coba ikuti panduan pemula berikut ini.
Di panduan pemula edisi minggu ini Lal-Hilal akan pandu sobat yang ingin memiliki blog gratisan dari Blogger.com. Tanpa basa-basi lagi, yuk langsung masuk ke langkah pertama.

• Buka halaman web Blogger.com, Anda akan menemukan halaman dengan tampilan seperti gambar di bawah ini. Jika Anda sudah memiliki akun Google, silahkan langsung login dengan memasukkan alamat email dan kata sandi di kotak yang sudah disediakan. Jika belum, silahkan klik Create an Account terlebih dahulu.

      

• Isi data dan informasi yang diminta lalu klik tombol Next Step, lakukan konfirmasi sesuai yang diminta, verifikasi biasanya meminta nomor ponsel Anda, ikuti saja prosedurnya hingga selesai.

• Selanjutnya kembali ke blogger.com dan login dengan akun yang baru saja Anda buat.

• Saat berhasil masuk ke blogger.com temukan menu Blog Baru dan klik. Langkah ini sudah memasuki tahap pembuatan blog.

• Isi judul dengan judul apapun sesuai dengan konsep blog yang ingin Anda buat, kemudian masukkan alamat blog yang nantinya menjadi tujuan para pengunjung. Pilihlah nama yang mudah diingat dan semenarik mungkin. Lalu pilih template yang tersedia di dalam kolom tersebut, dan tutup dengan mengklik Buat Blog!

• Selesai! Blog Anda sudah berhasil dibuat, klik judul blog Anda untuk mengakses dashboard secara terpisah.

• Sekarang blog baru Anda perlu sebuah artikel, bisa apa saja, mungkin satu dua patah kata untuk menyambut pengunjung yang datang ke blog pertama Anda. Caranya klik tombol Entri baru.

• Di halaman ini Anda bisa mengisi blog dengan konten apapun selama dalam aturan yang sudah ditentukan. Pernah membuat pesan email atau Facebook, hampir sama tetapi di Blogger.com konten Anda akan terbuka dan dapat dibaca oleh jutaan orang di seluruh dunia, jadi pastikan konten atau artikel yang Anda tulis bermanfaat bagi pengunjung.
• Buat artikel yang menarik, Anda bisa juga menambahkan gambar di dalam artikel agar lebih hidup. Coba perhatikan sejumlah menu di atas kotak artikel di halaman tersebut, saya yakin Anda dapat memahami dengan mudah apa kegunaan dari setiap tombol tersebut. Practices makes perfect! Jadi, silahkan menjejalah dengan menghabiskan waktu beberapa lama di dashboard blog Anda agar lebih cepat paham.

• Jika sudah selesai klik tombol Publikasikan dan Anda akan dihantarkan ke halaman daftar konten seperti ini. Untuk melihat hasil tulisan Anda, klik Lihat blog.

• Dan lihat hasil nya !!!
• Jika ada kesalahan atau keliruan ,tinggal chat di cbox yang telah saya sediakan... good luck !!!

Read More --►

Buka..!!! Buka..!!!

Buka...!!!

Read More --►

Cara Memasang Widget Kamera Pengintai CCTV di Blog Cara Memasang Widget Kamera Pengintai CCTV di Blog

Cara Gampang Memasang Widget Kamera Pengintai CCTV di Blog

Cara Mudah Memasang dan Membuat Widget Kamera Pengintai CCTV di Blog - Mungkin anda pernah melihat disuatu blog yang memasang kamera pengintau CCTV , tujuannya adalah untuk mengawasi pengunjung blog tersebut , sedang apa dia , apkah melakukan kecurangan , seperti copas , nyepam , dll , namun itu tidak benar , ini hanya iseng -isengan saja supaya newbie tidak berani meng-copas artikel anda , anda penasaran kan ingin mencoba memasang widget tersebut , simak tutorial saya nanti ya ., untuk yang penasaran dengan demonya , berikut ini SS nya

1. Login dulu ke dasbhor anda
2. Pilih Tata Letak => Tambahkan widget => HTML/Javascript
3. Salin dan pastekan kode dibawah ini di  HTML/Javascript tersebut 

   <script language="JavaScript" src="http://blogatap.googlecode.com/files/kamera%20cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot ("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgIuIANj-sqsg1Fp3ZENs7vXf2_7OuZIsNpSoxBpHYvFqP1-apVeCflTMM2UYzLXeAJy5g2QvDqOHD3tc6NvMOsASngnDGM80jX9SpLzg6hT6qeDencFNOTcl2ijTEqNfMJoc9dVqlPns/s1600/cctv.gif")</script>
    

4. Simpan Template dan Lihat Hasilnya

Gimana ? , mudahkan Cara Memasang Widget Kamera Pengintai CCTV di Blog , pasti mudahlah , hehhe , jika anda kurang paham silahkan komentar dibawah ini , demikian dari saya artikel tentang Cara Memasang Widget Kamera Pengintai CCTV di Blog ,semoga bermanfaat bagi anda

Read More --►

Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse

Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse.

bisa kalian lihat pada blog saya yang super keren ini hehehehe,penasaran nih seperti apa sih bintang berkedip itu maka silahkan lihat tutorialnya di bawah ini.

1. Login dulu ke akun blog kalian.

2. Pilih menu Template > Edit HTML ( Centang Expand Widget Templates ).

3. Cari kode </head> kemudian copy kode di bawah dan pastkena tepat di atas kode </head>.

<style>
a:hover { text-decoration:blink;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvGIxiSTLjgvQldfQ7IPxBj0iX21PvWHuvQixDjoCiXDVIkXAZ26q13YRfcaLkIwZnaUvTvjYf-CQw1Wg0kXUbQQaLr4rcaPFUDNxf-7Sc7nxVA-aMMeQOxKR6blWhSstDxyZolIbywE/s1600/hansmjlkcommunity.gif); }
</style>

4. Kemudian save dan silahkan lihat hasil kerja kalian.

Jika kalian berhasil maka akan menghasilkan percikan bintang seperti di bawah ini.

Demikian tutorial yang bisa saya berikan tentang Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse semoga dapat bermanpaat buat semuanya.

Read More --►

foto hilal foto hilal

• 
• 
• 

Read More --►

slideshow slideshow

Read More --►

cara membuat cbox cara membuat cbox

langkah-langkah cara memasang cbox di blogspot ini.

1-Buka www.cbox.ws/getone.php

2-Pilih signup kemudian isikan user name, alamat email,alamat blog, buat sebuah password/sandi

3-Setelah proses pendaftaran selesai anda akan langsung diarahkan ke halaman Login account anda.

4-Dalam halaman account ini kemudian pilih Look & feel guna meng-edit tampilan cbox 

 

5-Setelah mengatur tampilannya dirasa cukup, kemudian pilih Publish! untuk mendapatkan kode.

6-Dalam halaman ini terdapat 4 step (langkah) Nah, pada step ke-2 silakan pilih variation,anda bisa memilih 4 variasi cbox yang ditawarkan pilih salah satu saja.

7-Lalu copy (ctrl+c) kode cbox dan selesai. 

Langkah selanjutnya masuk ke dalam dasbor blog

1-pilih Tata letak / Design

2-Pilih tambah/ add a gadget

3-Pilih HTML/JavaScript

4-Pastekan (ctrl+v) kode script cbox (yang anda dapat pada langkah pertama) kedalamnya, lalu pilih save dan kini benar-benar selesai !.

Read More --►

Cara Membuat Efek Animasi Page Loading di Blog Cara Membuat Efek Animasi Page Loading di Blog

Cara Membuat Efek Animasi Page Loading di Blog - Efek animasi pada blog ini merupakan suatu efek page loading yang terbaru namun sangat sederhana sekali, tetapi animasi page loading di blog ini sangat keren sekali dengan efek-efek animasi loading yang begitu menarik dan banyak pilihan efek loadingnya. Banyak sekali website yang menyediakan ajax loading page untuk blog, dan saya juga akan membagikan beberapa efekanimasi loading page yang saya ambil dari salah satu web penyedia ajax animasi page loading.

Untuk membuat efek animasi page loading di blog kita hanya menggunakan sebuah CSS dan jQuery agar bisa menjadi sebuah efek animasi page loading di blog. Dengan menggunakan efek animasi page loading ini tidak akan terlalu memberatkan Loading Blog Anda, sehingga Anda tidak perlu khawatir dengan penggunaan efek animasi page loading pada blog Anda.

  Baiklah langsung saja bagi Anda yang ingin membuat atau menambahkan efek animasi loading page di blog terbaru silahkan baca tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]</b:skin> atau </style>
4. Copy kode css dibawah ini, lalu Paste diatas kode ]]</b:skin> atau </style>

/* Loading Page */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJY4KBluVx23gSGKe1agytA-J11tgqJwgi-RCmNkiiIvuR2gQ6XhKsRtC4_XQQbr90BgG47SV9OGe9HibqjPxmlNq3waJ9dpTReIOQdPy69_e_wxjK48GGEigsqGQaIXQ9Ioc0Jt_vyivA/s128-no/loading.GIF') no-repeat 50% 50%;padding:1em 1.2em;display:none}

5. Cari kode </body>
6. Copy kode jQuery dibawah ini, lalu Paste diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>

7. Klik Simpan Template

Catatan :
- Anda bisa mengganti efek animasi loading dengan mengunjungi website ini http://preloaders.net.
- Anda juga bisa mengganti efek animasi loading yang sudah saya siapkan dibawah.

Kumpulan Efek Animasi Loading Page .Gif

Inilah beberapa efek ajax animasi loading page yang saya ambil dari salah satu web penyedia ajax loading page, silahkan bisa Anda pilih dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEile_dYDu8M8BzPc1MXn4hWcqN7Xk1dLjbOzmEs_zKHFhfukMDk9YBKDKbnAKouh-FJmDV1dB47b72Fs1pGmSJOiUQhBvNhRIap3XgIVErenMrEKdCdzSzmfM7w4PHCJeLCdpmOPb41SPQ/s128-no/Loading1.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIvrvaZ12PujpfuGOyIT97HmH9cbt4hvRmMtKxI6bGWAdUTIgj3vGFECMoGWg94tsGmDztK1tjoru2VMv-coWbX7IF1NdQLQRSFJyOCr3QwvyeWpBt3HvruailBibtKLFx2ZlimdTyiU/s128-no/Loading2.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3V_YA2EAflGd7VxuQ_SnXyj_0JeW4J224R9IGU-2T2Xyi9rPjbUgzKFAxf_1ez_85kqhS8ML1qljrcFUYi5YxNdHOy2Dac2mjKZf821wcQaJ70auZAaXZhS_-f1rScuQczVi-t2tpbD4/s128-no/Loading3.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUh258_9zA75RFQIKQKjthsZNqDFItchqtDTyOLaHzyNKBEur0eAK4y2arcYM5rM6BXGboB3MI2SZUGmCF9kb5ADJ_hVycRCyWUJyIRai13sJ2iy15wQiqA4nIZI4tkcEPZDo_ivu4oSk/s128-no/Loading4.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeMHrLuHbLHOr5ovEdlDzG3_nVKycoL893Bza6lCCLAIBAjdAI11IuUpTHksNPE7uBw8kWYCroiXrTAllrFgOMaWI6HUOof3G9ocM5nHLUXDqr3bTKTrA4pihpz8Y0YgJ9PVTTaLzoaLc/w124-h128-no/Loading5.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisehDdOVpo_9_IdhEzXB00sQlGaEqCTNvTOjYWV7rtY9gGL2eueFwc3eK-vAfn-hLqGLEFXbVX_8L6nbvuGbu38_C25bRJnGedfnKqkU8Hf7nxRIQ78TVe8x-ESYZfXzUNrZaRHmChltI/s128-no/Loading6.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixpy-i3bLZh6hOk7oAm-lc-FzhMh_PLbZ_T87VOmHyWAS9RanHyiwii0z0Ws3hbVnu5EmuDVV4KikePlEnwgMhuI5ylcNm1cQenKfvoY8ACT1RUPYwV17P-3usokCWcJYLKbp1cgR5W30/s128-no/Loading7.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK6v7bEbT11z-MUhP-Mr32vEH2fgCjNBaoRZYJxdzN0VkEyyh2DojAetBhUzKgbxHmakBUSnlJ7Z6TXpES2DkoUtrKfbGiqQ5FeL48-2MUfREmAJTjMDls5Hl83t8UJCcJIVDP88ZhlYs/w128-h54-no/Loading8.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqX5cyRZXdcUKuFep-lV41GEJf5rDEqTSNSaMz-OxJkjt_lnAktS5equ38DM0GEaJ01Ylr6rTcO77ee9Xpxmtjzn7MWX-6pnubPnteTfjsLL-FvM9zLY54vCIAhlD8Wd7S2letBOU629Y/s128-no/Loading9.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPcJPxHQWTrrGWVbSoMRfhclTwFRUQHmWUs_GAFlaTZ5ZSr_dWHa1pLHc1V8283wUxuFdAd7380E3fTIdcUtPTVkRIeoktfdEWDTGpmy9KdDRhYaAcpJrJGaKkIPV8UgkyLKmH0gX8YG8/w128-h40-no/Loading10.GIF

Sekian artikel mengenai Cara Membuat Efek Animasi Page Loading di Blog. Kurang lebihnya mohon maaf.

Semoga Bermanfaat...

Read More --►

Cara Memasang Animasi di Blog Cara Memasang Animasi di Blog

Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.

Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.

Cara Pemasangan :

1. Log in ke akun blog sobat.
2. Klik Tata Letak --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.

Cara Memasang Animasi di Blog

1.Bayi ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

2. Bayi baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

3. Helikopter


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

4.Gajah loncat


Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

5. Boring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

6.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

7. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

8. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

9.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

10. Panah


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

11.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

12.Kucing tidur


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

13. Bunga


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

14.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

15.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

16.Kelinci


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

17.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

18. Pintu


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

19.Berteriak


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

20.Terkurung



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

21.Sincelery



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

22.Menangis


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

23.Champion Ship


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

24. Sundul Bola



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

25. Lebah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

26. Kipas Angin



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

27. Telur Ayam Menetas



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Ayam Bertelur



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

27. Beruang Memancing Sambil Tidur



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kiper Gawang



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kunai Strike



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

29.Gundam lari




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

30.Tendangan Gundam



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

31.Gundam Fight




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

32.Gundam Storm




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

33.Burung Terbang



Script:

<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>

34. Cewek Bergoyang


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Tambahan :

• Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
• Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top

Read More --►