Minggu, 23 Juni 2013

Tugas tentang XML dan HTML

1. Apa yang anda ketahui tentang XML ?
Jawab :

- xml atau XML merupakan kependekan dari eXtensible Markup Language. Secara singkat, .xml tidak jauh berbeda dengan HTML. XML juga mampu mengirimkan data yang sama dengan tujuan berbeda. Yang berbeda dari XML adalah string atau tag dari XML dapat dibuat sendiri, sedangkan HTML sudah baku dan tidak dapat dibuat sendiri. XML juga bisa menjadi database dari beberapa bahasa pemrograman dengan mudah. Sehingga kemudian file .xml ini mampu digunakan sebagai sharing data ke PC orang dengan database kita. Ditambah lagi file .xml dibuat untuk struktur, menyimpan, transportasi dan informasi serta file .xml yang bisa digunakan untuk aplikasi desktop.

- Extensibel Markup Language (XML) adalah Bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.

- XML menggunakan markup tags seperti halnya HTML namun penggunaanya tidak terbatas pada tampilan halaman Web saja. XML merupakan suatu metode dalam membuat penanda /markup pada sebuah Dokumen.

2. Apa perbedaan dari XML dan HTML ?
Jawab :

HTML dan XML merupakan bahasa penandaan (markup languange). Penandaan ini dilakukan dengan memberikan tag, tetapi keduanya memiliki fungsi yang berbeda. Tag yang dilakukan pada XML(eXtensible Markup Languange) digunakan untuk menetapkan sifat suatu informasi, sedangkan tag pada HTML(Hypertext Markup Laguange) digunakan untuk penampilan.

Contoh tag pada HTML adalah <bold> untuk mengaktifkan huruf tebal, sedangkan </bold> untuk menonaktifkan huruf tebal. Tag pada XML contohnya adalah tag <message> yang digunakan unuk menyatakan suatu pesan, sedangkan </message> untuk mengakhiri suatu pesan. Jika kita sudah mengenal HTML, maka untuk mempelajari XML akan terasa sangat mudah.

HTML digunakan untuk mengatur tampilan informasi, sedangkan XML untuk menciptakan, berbagai, dan memproses informasi. XML akan memungkinkan kita untuk mendefenisikan tag unuk suatu keperluan tertentu. XML juga akan merincikan arti dari suatu informasi dan pelaksanaannya. Hal ini dilakukan dengan cara yang terlebih dahulu harus didefenisikan dengan tepat dan secara pasti. XML juga dapat diproses secara otomatis pada berbagai situasi..

Nah itulah beberapa perbedaan antara XML dan HTML. Keduanya memang memiliki tag yang hampir mirip, tetapi jelas tidak sama di dalam kegunaan / fungsi / tujuan pemakaiannya.

XML : –Mendeskripsikan susunan info fokus pada info itu sendiri
            -Tag dapat di definisikan sendiri.
HTML : –Menampilkan info dan fokus pada bagaimana info itu sendiri
              -Tag sudah di definisikan.

Sumber: Sutarman, Membangn apikasi berbasis web,php & mysql

3. Aplikasi apa saja yang menggunakan XML ?
Jawab :

XML tidak hanya digunakan oleh aplikasi berbasis web, namun juga oleh peranti lunak kantoran semacam OpenOffice atau Microsoft Office. Tujuannya tak lain adalah supaya dokumen dapat bersifat universal-artinya dapat dibuka, diolah, dan diperbarui kontennya menggunakan aplikasi lain.

Contohnya dokumen Microsoft Word bisa diedit, diolah, dan diperbarui menggunakan OpenOffice Writter. Contoh lain, misalnya dokumen Microsoft Excel bisa dibuka, diolah, dan diperbarui menggunakan OpenOffice Calc. Nah, sekarang makin jelas bahwa aplikasi Office sedang menuju era terbuka (Open Documen).

Microsoft Excel XP juga telah menyertakan formal XML. Dengan format tersebut, isi spreadsheet maupun struktur basis data dalam file Excel bisa diimpor ke aplikasi lain. Demikian pula dengan Microsoft Word 2007. Semoga saja, format open document yang menggunakan XML bisa semakin menyempurnakan kompatibilitas antardokumen Word seperti OpenOffice Writer, Microsoft Word, Suns Microsystem StarOffice, dan lain sebagainya.

Sejauh ini, format Open Document yang mulai distandarisasi dan sudah menggunakan XML antara lain adalah WordprocessingML untuk aplikasi word processing, spreadsheetML untuk aplikasi spreadsheet, PresentationML untuk aplikasi presentations, DataDiagramingML untuk aplikasi diagram teknikal, serta FormTemplate untuk aplikasi elektronik.
- See more at: http://unsubkomputer.blogspot.com/2012/02/pengertian-xml.html#sthash.eWndCl4E.dpuf

4. Bagaimana aturan penulisan XML ?
Jawab :

Aturan-Aturan Penulisan Dokumen XML
Pada dasarnya, cara penulisan dokumen XML sangatlah mudah dan logis. Aturan-aturan yang harus diperhatikan juga mudah dipelajari dan mudah untuk digunakan.
Deklarasi Dokumen XML
Suatu dokumen XML harus diawali dengan deklarasi XML. Deklarasi XML diletakkan di awal baris (paling atas) dokumen XML.

1
<?xml version="1.0" encoding="ISO-8859-1"?>
Baris tersebut mendefinisikan bahwa versi XML yang digunakan adalah versi 1.0dan jenis encoding yang digunakan adalah set karakter Latin-1/West European (ISO-8859-1).
Semua Elemen XML Harus Mempunyai Tag Penutup
Pada dokumen HTML, kita biasanya cukup menulis sebuah tag tanpa tanda penutup (dalam beberapa elemen tag). Misalnya:


1
2
3
<img src="bisakomputer.gif">

<a href="index.php">
Akan tetapi, pada dokumen XML, semua tag harus (wajib) diakhiri dengan tag penutup.

1
<file type="gif">bisakomputer.gif</file>
Tag-Tag XML Bersifat Case Sensitive
Case sensitive berarti penggunaan huruf besar dan huruf kecil untuk karakter/huruf yang sama akan mempunyai makna yang berbeda. Misalnya tag <Alamat> akan berbeda dengan tag <alamat>. Selain itu, tag pembuka dan tag penutup suatu elemen XML harus mempunyai bentuk yang sama.
Contoh yang SALAH:

1
<Alamat>Ini adalah contoh yang salah</alamat>
Contoh yang BENAR:

1
<alamat>Ini adalah contoh yang tidak salah</alamat>
Elemen-Elemen XML Harus Berpasangan dengan Benar
Dalam penulisan sintaks HTML, penulisan sintaks seperti berikut mungkin masih dapat ditolerir meskipun secara aturan salah.

1
<b><i>Teks bercetak tebal dan italic</b></i>
Lain halnya dengan sintaks XML berikut, semua elemen harus ditulis secara berpasangan dengan benar. Maksud berpasangan yaitu apabila suatu elemen diawali dengan tag pembuka, maka tag penutup harus diletakkan juga di bagian akhir, meskipun sebelum tag penutup tersebut ada pasangan elemen/tag yang lain.

1
<b><i>Teks bercetak tebal dan italic</i></b>
Jika tidak demikian, maka dokumen XML akan menampilkan error.
Dokumen XML Harus Mempunyai Elemen Utama (Root Element)
Dokumen XML paling tidak harus mempunyai sebuah elemen yang merupakan lingkup untuk elemen-elemen yang lain. Elemen tersebut sering disebut sebagai elemen utama (root element). Contoh:

1
2
3
4
5
6
7
8
9
<buku>

<item>

<judulbuku> Mengejar Matahari </judulbuku>

</item>

</buku>
Pada contoh di atas, yang bertindak sebagai root element adalah tag <buku> … </buku>. Tag tersebut menjadi elemen utama yang melingkupi elemen-elemen lain di dalamanya.
Nilai Atribut Elemen XML Harus Ditulis dalam Tanda Petik Dua
Seperti pada dokumen HTML, elemen-elemen XML juga dapat mempunyai atribut. Dalam XML, nilai atribut harus ditulis di dalam tanda petik dua (“…”).
Contoh yang SALAH:

1
2
3
4
5
6
7
<email tanggal=12/11/2007>

<ke>Maya</ke>

<dari>Juna</dari>

</email>
Contoh yang BENAR:

1
2
3
4
5
6
7
<email tanggal="12/11/2007">

<ke>Maya</ke>

<dari>Juna</dari>

</email>
Karakter Khusus dalam XML
Beberapa gabungan karakter akan memberikan makna khusus dalam XML. Sebagai contoh, apabila kita ingin menulis karakter < (lebih kecil) ke dalam sebuah elemen XML, maka akan terjadi error karena karakter < tersebut merepresentasikan awal penanda sebuah elemen. Sintaks berikut adalah contoh yang salah dan akan menghasilkan error.


1
<pesan>jika harga < 10000 maka</pesan>
Untuk menghindari error tersebut, maka karakter khusus < harus diganti dengan gabungan karakter yang sudah disediakan, yaitu:

1
<pesan>jika harga < 10000 maka</pesan>
Dalam XML, ada beberapa gabungan karakter yang akan membentuk karakter khusus, diantaranya:
1. &lt; = < = kurang dari
2. &gt; = > = lebih dari
3. &amp; = & = dan
4. &apos; = ‘ = petik satu (aposthrophe)
5. &quot; = ” = petik dua (kuotasi)
Komentar dalam XML
Komentar dalam suatu script berfungsi untuk memberikan keterangan, sehingga baris yang ditulis dalam area komentar tidak akan dieksekusi. Komentar dalam dokumen XML dapat ditulis dengan format sebagai berikut:

1
<!-- Tuliskan komentar Anda di sini -->
Spasi dalam XML
Dalam dokumen HTML, beberapa karakter spasi (white-space) akan terpotong/disingkat menjadi sebuah spasi. Misal dalam dokumen HTML, kita menulis :

1
Hello           World
maka hasil eksekusi baris di atas dalam browser menjadi seperti berikut:

1
Hello World
Akan tetapi, dalam dokumen XML tidak berlaku demikian. Beberapa karakter spasi dalam dokumen XML, tidak akan terpotong (apa adanya).

Penutup
Seringkali para developer lupa bagaimana cara menulis sintaks yang baik dan benar. Hal ini menjadi sangat fatal apabila suatu saat terjadi error atas kode program yang pernah ditulisnya. Padahal kesalahan tersebut terjadi karena salah menuliskan sintaks, walaupun hanya salah satu karakter. Dengan mengetahui aturan dasar penulisan sintaks XML seperti ini semoga dapat mengingatkan kita bahwa untuk menulis sebuah baris kode juga harus tahu aturan mainnya. Selamat Berkreasi :)


Referensi:


http://www.w3schools.com/xml/xml_syntax.asp















NAMA : ANUGRAH PRATAMA


NPM : 30111997


KELAS : 2DB05


















Jumat, 21 Juni 2013

Implementasi grafika komputer dan olah citra


1.Contoh implementasi dari grafika komputer
           Grafika Komputer pada dasarnya adalah suatu bidang komputer yang memelajari cara-cara meningkatkan dan memudahkan komunikasi antara manusia dengan mesin (komputer) dengan jalan membangkitkan, menyimpan, dan memanipulasi gambar model suatu obyek mengunakan komputer. Grafika Komputer memungkinkan kita untuk berkomunikasi lewat gambar-gambar, bagan-bagan, dan diagram-diagram.
Grafika komputer merupakan studi tentang bagaimana membuat gambar/ grafik dan bagaimana memanipulasinya dengan menggunakan komputer.
Bagian dari grafika komputer meliputi:
• Geometri: mempelajari cara menggambarkan permukaan bidang
• Animasi: mempelajari cara menggambarkan dan memanipulasi gerakan
• Rendering: mempelajari algoritma untuk menampilkan efek cahaya
• Citra (Imaging): mempelajari cara pengambilan dan penyuntingan gambar.

Contoh implementasi Grafika komputer di bidang kesehatan.



 Teknologi Informasi di bidang kesehatan atau kedokteran komputer juga telah memperlihatkan peran yang sangat signifikan untuk menolong jiwa manusia, dan riset di bidang kedokteran. Komputer digunakan untuk mendiagnosis penyakit, menemukan obat yang tepat, serta menganalisis organ tubuh manusia bagian dalam yang sulit dilihat. Teknologi informasi berupa Sistem Computerized Axial Tomography (CAT) berguna untuk menggambar struktur bagian otak dan mengambil gambar seluruh organ tubuh yang tidak bergerak dengan menggunakan sinar-X. Sedangkan untuk yang bergerak menggunakan sistem Dynamic Spatial Reconstructor (DSR) yang dapat digunakan untuk melihat gambar dari berbagai sudut organ tubuh.
Perkembangan alat Rontgen
             Wilhelm Conrad Rontgen si penemu sinar X dilahirkan tahun 1845 di kota Lennep, Jerman. Dia peroleh gelar doktor tahun 1869 dari Universitas Zurich.
 Pada tanggal 8 Nopember 1895 Rontgen membuat percobaan dengan “sinar cathode.” Sinar cathode terdiri dari arus electron. Arus diprodusir dengan menggunakan voltase tinggi antara elektrode yang ditempatkan pada masing-masing ujung tabung gelas yang udaranya hampir dikosongkan seluruhnya. Sinar cathode sendiri tidak khusus merembes dan sudah distop oleh beberapa sentimeter udara. Pada peristiwa ini Rontgen sudah sepenuhnya menutup dia punya tabung sinar cathode dengan kertas hitam tebal, sehingga biarpun sinar listrik dinyalakan, tak ada cahaya yang bisa terlihat dari tabung. Tetapi, tatkala Rontgen menyalakan arus listrik di dalam tabung sinar cathode, dia terperanjat melihat bahwa cahaya mulai memijar pada layar yang terletak dekat bangku seperti distimulir oleh sinar lampu. Dia padamkan tabung dan layar (yang terbungkus oleh barium platino cyanide) cahaya berhenti memijar. Karena tabung sinar cathode sepenuhnya tertutup, Rontgen segera sadar bahwa sesuatu bentuk radiasi yang tak kelihatan mesti datang dari tabung ketika cahaya listrik dinyalakan. Karena ini merupakan hal yang misterius, dia sebut radiasi yang tampak itu “sinar X.” Adapun “X” merupakan lambang matematik biasa untuk sesuatu yang tidak diketahui.
               Masa sekarang adalah masa canggih, di samping pemakaian alat konvensional digunakan alat canggih seperti DSA (DIGITAL SUBSTRACTION ANGIOGRAPHY) Teknik arterial puncture adalah sama yaitu percutaneous arterial catheterization menurut Seldinger. Alat semuanya dijalankan secara computerized. Dilakukan tahap anacquisition dan processing dan nanti diikuti dengan display. Dengan cara ini dapat dipilih moment opname yang diinginkan dan suatu region of interest dapat digambarkan dan diamati lebih teliti. Sebagai contoh kaliber dari arteri dapat diukur dan angka dapat langsung dibaca.
Sistem recording dilakukan dengan cara :
computer memory,
dipindahkan ke film khusus,
video recorder,
cinema film atau conventional film chager,
CT Scan dan MRI (MAGNETIC RESONANCE IMAGING)
2.Contoh implementasi dari Olah Citra.
             Pengolahan citra merupakan fungsi menerus (continue) dari intensitas cahaya pada bidang 2 dimensi. Citra yang terlihat merupakan cahaya yang direfleksikan dari sebuah objek. Sumber cahaya menerangi objek, objek memantulkan kembali sebagian dari berkas cahaya tersebut dan pantulan cahaya ditangkap oleh alat-alat optik, misal mata manusia, kamera, scanner, sensor satelit, dsb, kemudian direkam.
Citra digital merupakan citra yang disimpan dalam format digital (dalam bentuk file). Hanya citra digital yang dapat diolah menggunakan komputer. Jenis citra lain jika akan diolah dengan komputer harus diubah dulu menjadi citra digital.
Citra sebagai keluaran dari suatu sistem perekaman data dapat bersifat :
1. optik berupa foto
2. analog berupa sinyal video seperti gambar pada monitor televisi
3. digital yang dapat langsung disimpan pada media penyimpan magnetik
Citra juga dapat dikelompokkan menjadi 2 yaitu :
1. Citra tampak(foto,gambar, lukisan, apa yang anampak dilayar monitor)
2. Citra tak tampak(foto dalam file,citra yang direpresentasikan dalam Fungsi matematis)
 Pencitraan (imaging) adalah kegiatan mengubah informasi dari citra tampak/citra non digital menjadi citra digital. Beberapa alat yang dapat digunakan untuk pencitraan adalah : scanner, kamera digital, kamera sinar-x/sinar infra merah, dll.
Contoh implementasi olah citra di bidang kesehatan.


Contoh penerapan pengolahan citra dalam bidang kedokteran salah satunya yaitu USG
(Ultrasonografi Medis)
Ultrasonografi medis (sonografi) adalah sebuah teknik diagnostik pencitraan menggunakan suara ultra yang digunakan untuk mencitrakan organ internal dan otot, ukuran mereka, struktur, dan luka patologi, membuat teknik ini berguna untuk memeriksa organ. Sonografi obstetrik biasa digunakan ketika masa kehamilan.
Pilihan frekuensi menentukan resolusi gambar dan penembusan ke dalam tubuh pasien. Diagnostik sonografi umumnya beroperasi pada frekuensi dari 2 sampai 13 megahertz.
Sedangkan dalam fisika istilah "suara ultra" termasuk ke seluruh energi akustik dengan sebuah frekuensi di atas pendengaran manusia (20.000 Hertz), penggunaan umumnya dalam penggambaran medis melibatkan sekelompok frekuensi yang ratusan kali lebih tinggi.
Perkembangan alat USG
               Penggunaan Aplikasi mesin USG di dunia medis dimulai ketika manusia mulai mengukur jarak menggunakan gelombang suara bawah air.  Pertama kali ultrasonik ini digunakan dalam bidang teknik untuk radar, yaitu teknik SONAR ( Sound, Navigation and Ranging) oleh Langevin (1918), seeseorang yang berkebangsaan Perancis, pada waktu perang dunia pertama, untuk mengetahui adanya kapal selam musuh. Kemudian digunakan dalam pelayaran untukmenentukan kedalaman laut. Menjelang perang dunia ke II (1937), teknik ini digunakan pertama kali untuk pemeriksaan jaringan tubuh, tetapi hasilnya belum memuaskan.
 Berkat kemampuan dan kemajuan teknologi yang pesat, setelah perang dunia kedua usai, USG berhasil digunakan untuk pemeriksaan alat-alat tubuh. Hoery dan Bliss pada tahun 1952, telah melakukan pemeriksaan USG pada beberapa organ, misalnya pada hepar dan ginjal.
 Dan kemudian, sejarah alat USG dimulai akhir tahun 1970an. Generasi awal alat USG ini masih sangat tidak praktis, dikarenakan alat ini memiliki ukuran sebesar lemari es 2 pintu. Selain itu, teknologi fisika juga masih “kuno”, tetapi perkembangan iptek demikian pesat sampai dalam kurun 2 dekade saja sudah telah ada teknologi yang ditambahkan dan dikembangkan.
 USG 3 dimensi yang lahir sekitar 3-4 tahun yg lalu, merupakan pengembangan.
              2 dimensi dari panjang dan juga lebar yang ditunjang dengan proses komputer dari segala macam processor yang baru seperti, Pentium, AMD, dll, yang kemudian dapat dibuat rekonstruksi dari potongan-potongan gambar 2 Dimensi, menjadi tampilan 3 Dimensi yang terlihat dilayar monitor.
Untuk mendapat gambar-gambar tersebut, operator USG tetap membuat gambar-gambar 2 Dimensi (yang terdiri dari banyak potongan-potongan gambar yang dibuat) kemudian memory potongan-potongan gambar tersebut direkonstruksi oleh komputer dan tampak dengan tampilan 3Dimensi di layar monitor.
Ada beberapa jenis USG yang tersedia pada saat ini, yang penggunaan masing-masing USG tergantung pada kondisi pasien dan organ tubuh yang perlu diperiksa. Semua relatif aman, nyaman dan terjangkau untuk digunakan. Semuanya juga memiliki risiko yang sangat rendah dan tidak memerlukan persiapan apapun oleh pasien. Prosedurnya juga non-invasif dan tidak menimbulkan rasa sakit, sehingga seseorang dapat segera melanjutkan kegiatan normal setelah pengujian.

 Sumber
 http://ajunkcolectionz.wordpress.com/2011/12/17/dibalik-teknologi-usg-ultrasonografi/.28-09-2012
 http://www.mig33indo.com/thread-8545.html .27-09-2012
 http://nheesaveetre.blogspot.com/2011_01_01_archive.html.27-09-2012
 http://blog.uad.ac.id/dhianputri/2011/03/25/grafika-komputer/.27-09-2012
 http://widdawiyah.blogspot.com/2010/09/penerapan-pengolahan-citra-dalam-bidang.html.27-09-2012

Nama :Anugrah pratama
Kelas :2db05
Npm :30111997
Kelompok 4

CARA MENGGANTI BENTUK CURSOR PANAH MOUSE PADA BLOG



Kali ini saya akan memberikan cara mengganti bentuk cursor panah mouse pada blog agar terlihat lebih keren pastinya.

Langsung aja sob caranya :
1. Loggin Blogger 
2. Masuk ke Dashboard
3. Pilih tata letak
4. Tambah Gadget / Widget
5. Pilih HTML/Javascript
6. Copy pastekan code dibawah ini

a. Kode 1: Mengubah kursor tapi tidak mengubah kursor ketika menyorot link
<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

b. Kode 2: Mengubah kursor serta tetap berubah walau disorot ke arah link
<style type="text/css">
body{cursor: url("
http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
body a:hover{cursor: url("
http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>1.bp.blogspot.com/-2pluuoG0Vx4/T4ziNgd_NYI/AAAAAAAAAZg/AHmUyVZTFRY/s1600/85a.gif

7. Jika sudah save, lihat perbedaannya

Semoga Bermanfaat


cara memasang studentsite Gunadarma news di blog ?

Khsusnya bagi mahasiswa/i U.Gunadarma yg ingin memasang studentsite news di blog, begini  caranya ? Kita langsung liat ajh dibawah inih :


  • Silakan login ke blogger
  • Pilih tata letak
  • Pilih Tambah widget baru
  • pilih Edit HTML/Javascript / Silakan copy kode di bawah ini :
<div class='widget-content'>
<iframe src ="http://studentsite.gunadarma.ac.id/news/news.php?stateid=2shownews"width="220px" height="300" border="2">
<p>news Studentsite</p>
</iframe>
</div>
  • Paste kan kode yang sudah kamu copy tadi


**trus simpan widgetnya  dengan nama studentsite news.
Selesai ,blog kamu sekarang terhiasi berita berita dari studensite dan selalu up to date .

                     Semoga bermanfaat yah informasi kali ini ..!!!!!!!!


Rabu, 19 Juni 2013

cara memasukn musik didalm blog

dengan mengikuti langkah-langkah berikut ini :
1. Login pada blog anda. 
2. Pilih rancangan (design) >  elemen laman(  ) > tambah gadget (add gadget)
3. Setelah terbuka jendela baru, tambahkan code script beriku ini (copas aja!) hehehe

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Online" /></a><br />
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online" /></a>
<br /><br /><b>
<a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br />
<embed src="http://divine-music.info/musicfiles/pink-stupidgirls.swf" autostart="TRUE" loop="TRUE" width="1" height="1" align="CENTER"></embed></center>


4. Simpan kemudian lihat hasilnya.... 











Selamat mencoba.....  

Membuat Efek Salju Pada Blog

 Dalam postingan kali ini saya ingin berbagi informasi mengenai membuat efek salju pada blog. Caranya cukup mudah, dengan mengikuti langkah-langkah berikut ini :
1. Login pada blog anda.
2. Pilih rancangan (design) >  elemen laman(  ) > tambah gadget (add gadget)
3. Setelah terbuka jendela baru, tambahkan code script beriku ini (copas aja!) hehehe...
     <script src="http://ayriyzone.googlecode.com/files/salju.js"></script>
4. Simpan kemudian lihat hasilnya.... 


Selamat mencoba....!!!!!!!!!!!



Cara Menambah Widget Klub Bola Favorit di blog

beginih Caranya :

1. Buka Tata Letak
2. Tambah Gadget
3. pilih Tambah HTML/Javascript. Copy dan Paste code
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank"><img border="0" src="http://animationsa2z.com/attachments/Image/spongebob/spongebob10.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>

Link berwarna merah tersebut kamu ganti dengan URL di bawah ini


NP:
- Link berwarna Biru bisa kamu ubah
Bottom = Bawah
Top = Atas
Left = Kiri
Right = Kanan
Silahkan pilih animasinya :



1. Manchester United Logo Flip


http://th1223.photobucket.com/albums/dd515/myieshamiya/th_manchesterUnit.gif


2. Manchester United Heart




http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_manchesterunitedheart.gif



3. Chelsea Grin






http://www.deviantart.com/download/195156394/chelsea_grin_gif_by_xxnattypatattyxx-d386vmy.gif


4. Manchester United Flag



http://th1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_manchesterflagsmall.gif


5. Manchester United Logo Flip








http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_mu.gif


6. Real Madrid Hala



http://px6.streetfire.net/0001/87/65/1457856_100.gif


7. Real Madrid Spin










http://www.gifmania.co.uk/association-football/real_madrid/Real_anime.gif


8. Chelsea Heart








http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_chelseaheart.gif
9. Chelsea Flag







http://th1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_chelseasmallflag.gif


10. Barcelona Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif


11. AC Milan Logo










http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_milan.gif


12. Juventus Logo





http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_juve.gif


13. AS Roma Logo








http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_roma.gif
14. Manchester United Forever







http://i300.photobucket.com/albums/nn28/dae_jelek/MU.gif



15. Leader Of The Match United







http://i205.photobucket.com/albums/bb264/p1h2i3l4/m_671e2902bd46eb5e086b37bbddf42038.gif

16. Widget Animasi Lionel Messi
     Posisi Kiri Bagian Bawah

 <script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/messi.swf','bottom','-3px','left','0px','112213','150','257','transparent','ffffff');
</script>


17. Widget Animasi Lionel Messi
     Posisi Kanan Bagian Bawah


<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/messi.swf','bottom','-3px','right','0px','113213','150','257','transparent','ffffff');
</script>

18. Widget Barcelona
     Posisi Kiri Bagian Bawah

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://2bd1a60b-a-62cb3a1a-s-sites.googlegroups.com/site/sampitcode/FC-Barcelona.swf','bottom','-3px','left','0px','112213','150','168','transparent','ffffff');
</script>


19. Widget Barcelona
     Posisi Kanan Bagian Bawah

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://2bd1a60b-a-62cb3a1a-s-sites.googlegroups.com/site/sampitcode/FC-Barcelona.swf','bottom','-3px','right','0px','113213','150','168','transparent','ffffff');
</script> 


20. Widget Barcelona
     Posisi Kanan Bagian Atas


 <div style="position: fixed; top: 0px; right: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank"><img border="0" src="http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>


21. Widget Barcelona
     Posisi Kiri Bagian Atas


<div style="position: fixed; top: 0px; left: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank"><img border="0" src="
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>  

NP:
- Link berwarna Biru bisa kamu ubah
Bottom = Bawah
Top = Atas
Left = Kiri
Right = Kanan
 - Link berwarna Merah bisa kamu ubah dengan Club Faforit Kamu di bawah ini

#Chelsea
http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_chelsea.gif 
# Inter Milan
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_inter2.gif
# Arsenal
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_arsenal.gif 
# Liverpool
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_liverpool.gif 
#  Ac Milan
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_milan.gif 
# Juventus
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_juve.gif
#Mancester United 
http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_mu.gif