Blog

4 views
Skip to first unread message

02 alin dwilestari

unread,
Jan 27, 2013, 12:44:48 AM1/27/13
to xi-ipa-4...@googlegroups.com

Pengertian Blog

Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. Blog biasanya berisi konten yang sifatnya dinamis. Blog juga dapat berarti catatan online. Biasanya blog digunakan seorang blogger untuk berbagi infomasi, tips, ataupun sekedar pengalaman pribadi.

Sejarah Blog

Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh Pyra Labs sebelum akhirnya PyraLab diakusisi oleh Google.Com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.

Blog mempunyai fungsi yang sangat beragam,dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis, . Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, seperti menggunakan buku tamu dan kolom komentar yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif.

Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog


Ciri-ciri Blog

  1. Memiliki Nama dan Alamat yang bisa diakses secara online
  2. Memiliki tujuan
  3. Memiliki isi atau postingan yang berupa artikel, catatan, dan informasi lainnya
  4. Postingan atau isi blog terarsip (tersimpan sesuai tanggal, bulan dan tahun posting)
  5. Isi Blog umumnya selalu bertambah atau terupdate sesuai dengan tujuan blog

Tujuan Blog

  • Menyampaikan informasi yang bermanfaat untuk diri sendiri maupun bagi orang lain
  • Memberikan keuntungan bagi diri sendiri maupun orang lain
  • Menyalurkan hobby dan mengisi waktu luang dengan kegiatan yang positif
  • Berkarya atau aktualisasi diri
  • Saling bertukar pengetahuan dengan pembaca, blogger menulis, pengunjung memberikan tanggapan atau komentar
  • Berbagi pengalaman 
  • berbagi software berguna, seperti foto, film/video, dokumen, dsb
  • banyak lagi, sesuai dengan jenis / topik yang diangkat

Karena blog bermacam-macam jenisnya, maka tujuan blog juga dipengaruhi oleh jenis blog tersebut.
misal :
>> Tujuan Blog Pribadi : bertujuan untuk memberikan informasi yang update tentang diri pemilik blog. Seputar pengalaman, hal-hal yang berkesan, catatan harian, catatan perjalanan pribadi, dan sebagainya
>> Tujuan Blog Kesehatan : bertujuan untuk memberikan informasi kesehatan terkini
>> Tujuan Blog bisnis : bertujuan untuk memberikan informasi terkini seputar bisnis sebuah perusahaan.

Jenis-jenis blog

  • Blog politik: Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye).
  • Blog pribadi: Disebut juga buku harian online yang berisikan tentang pengalaman keseharian seseorang, keluhan, puisi atau syair, gagasan jahat, dan perbincangan teman.
  • Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu.
  • Blog kesehatan: Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll.
  • Blog sastra: Lebih dikenal sebagai litblog (Literary blog).
  • Blog perjalanan: Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang perjalanan/traveling.
  • Blog riset: Persoalan tentang akademis seperti berita riset terbaru.
  • Blog hukum: Persoalan tentang hukum atau urusan hukum; disebut juga dengan blawgs (Blog Laws).
  • Blog media: Berfokus pada bahasan berbagai macam informasi
  • Blog agama: Membahas tentang agama
  • Blog pendidikan: Biasanya ditulis oleh pelajar atau guru.
  • Blog kebersamaan: Topik lebih spesifik ditulis oleh kelompok tertentu.
  • Blog petunjuk (directory): Berisi ratusan link halaman website.
  • Blog bisnis: Digunakan oleh pegawai atau wirausahawan untuk kegiatan promosi bisnis mereka
  • Blog pengejawantahan: Fokus tentang objek diluar manusia; seperti anjing
  • Blog pengganggu (spam): Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam Blog)
  • Blog Virus (Virus): Digunakan untuk merusak

Cara Membuat Blog


1. Sobat diwajibkan memiliki sebuah alamat email, saran saya pakailah layanan gmail dari google. untuk membuat email dari layanan google tersebut anda bisa langsung menuju ke Gmail, untuk lebih jelasnya perhatikan gambar dibawah ini.

Description: http://3.bp.blogspot.com/-ZrVPyFWRlTU/UBJRh7uR57I/AAAAAAAAD2E/2MQq0JJC0B8/s640/Cara+membuat+blog+-+daftar+Gmail.jpg


2. Langkah selanjutnya isi data data diform yang disediakan, jangan lupa paling bawah klik Saya menyetujui persyaratan layanan dan kebijakan privacy google, setelah itu klik Langkah berikutnya lihat gambar dibawah.

Description: http://1.bp.blogspot.com/-C6VypVbjCRU/UBJSH5Iy-DI/AAAAAAAAD2M/n40bzjSpZ9w/s640/Cara+membuat+blog+-+form+gmail+sudah+di+isi+lengkap.jpeg

 

3. Selanjutnya, klik kirim kode Verifikasi.

Description: http://3.bp.blogspot.com/-J5XF4shIn6A/UBJUCpjmegI/AAAAAAAAD2U/9SXmZ6ry6J4/s640/Cara+membuat+blog+-+verifikasi+akun+gmail.jpeg


4. sekarang cek ponsel anda, jika belum ada kode verifikasi dari google bisa dicoba lagi beberapa menit kemudian.

Description: http://2.bp.blogspot.com/-MDP6zCxVJUM/UBJU1TjoxoI/AAAAAAAAD2c/2GXJsD6cTr8/s640/Cara+membuat+blog+-+code+verifikasi+akun+google.jpg

5. Masukin deh kode verifikasinya seperti dibawah ini

Description: http://1.bp.blogspot.com/-vj35QIEKBU0/UBJVslp86WI/AAAAAAAAD2k/pa9wBh16WhY/s640/Cara+membuat+blog+-+kode+verifikasi+akun+gmail.jpeg


6. Selamat datang di akun Gmail anda, lalu klik Lanjutkan ke Gmail

Description: http://2.bp.blogspot.com/-dYTC0hsXxXY/UBJWA5LVsEI/AAAAAAAAD2s/TopdYIQh3Oc/s640/Selamat+datang+di+akun+gmail+anda.jpeg

 

Description: http://3.bp.blogspot.com/-rhXn72AR9Po/UBJWfM9o9II/AAAAAAAAD20/44NBl34uBQ4/s640/Cara+membuat+blog+-+kotak+masuk+gmail.jpeg


7. Sampai disini proses pembuatan akun Gmail sudah berhasil, sekarang ketahap selanjutnya ya...proses pembuatan blog. yaudah tanpa basa basi langsung buka tab baru di browser sobat ya, atau bisa langsung menekan (ctrl + T) buka blogger.com ya.... tinggal isi email dan sandi yang sama seperti di akun Gmail tadi. lalu klik Masuk

Description: http://3.bp.blogspot.com/-3Byc58NFUpA/UBJXnRLBVJI/AAAAAAAAD28/4pgT12qU8do/s640/cara+membuat+blog+-+masuk+ke+blogger.jpeg


8. selanjutnya pilih Opsi profil blogger sobat, jika hanya membuat blogger sebaiknya klik yg sebelah kanan. lalu klik lanjutkan ke blogger.

Description: http://1.bp.blogspot.com/-KsmO7PzCA9w/UBJZG6e-3cI/AAAAAAAAD3E/4MQk8Np8SEM/s640/cara+membuat+blog+-+konfirmasi+profil+blogger.jpeg

Description: http://4.bp.blogspot.com/-MuFjobcG_Hc/UBJaHmyh8CI/AAAAAAAAD3M/lNTby2GmaN8/s640/Cara+membuat+blog+-+profil+blogger.jpeg

9. Sampai tahap ini sobat sudah sukses membuat akun blog, tahap selanjutnya silahkan lihat gambar dibawah ini untuk jelasnya. perhatikan baik baik tahap 1, 2, dan 3. sebelum ada tulisan This blog address is available berarti nama blog yang ingin sobat buat sudah ada yang memiliki, silahkan ganti dengan nama lain, atau untuk mudahnya bisa tambahkan angka dibelakang alamat blognya, lihat contoh yang saya lingkari pada nomer 2 dibawah. setelah itu klik create blog.

Description: http://3.bp.blogspot.com/-PZBvkp69_j8/UImlJfH9jvI/AAAAAAAAFrk/KGSPXbWHbh8/s640/cara+membuat+blog+1.png

 


10. Nah sekarang blog sobat sudah jadi, lihat keterangan dibawah ini, angka 1 adalah Judul blog yang sobat ciptakan pada tahap sebelumnya, lalu angka 2 adalah start posting. alias untuk memulai membuat artikel.

Description: http://1.bp.blogspot.com/-qWK_fMtW_-Y/UImmQgS-XUI/AAAAAAAAFrs/T856b1ycDko/s640/cara+membuat+blog+2.png


11. Setelah sobat klik start posting, sekarang saatnya sobat membuat sebuah artikel... perhatikan baik baik langkah langkahnya dalam membuat sebuah artikel. tentunya dimulai dari angka 1 ya...hehehe... untuk jelasnya lihat gambar dibawah ini.

Langkah-langkah cara membuat artikel di blog :

Angka 1 : merupakan judul artikel yang nanti akan diterbitkan, boleh apa saja. silahkan berekspresi melalui artikel sobat, narsis juga ga ada yang larang koq :)

Angka 2 : merupakan isi dari artikel, silahkan mengarang bebas, mau curhat, kasih tips, trik, info, atau apa saja yang sobat ketahui, klo artikelnya bermanfaat pasti banyak yang suka dengan blog sobat deh.

Angka 3 : merupakan Label, silahkan isi apa saja. contohnya seperti ini, misalnya judul artikel yang sobat buat adalah Tips melangsingkan tubuh, nah label tersebut bisa di isi dengan Tips sehat, atau yang lainnya. kan ga nyambung seandainya label tsb di isi dengan Ilmu komputer. :p

Angka 4 : Nah tahap ini adalah melihat dulu artikel sebelum diterbitkan, jika ada yang salah bisa dibenarkan dulu sebelum artikel diterbitkan.

Angka 5 : Jika pada tahap 4 sobat sudah yakin, sekarang tinggal klik Publish (Terbitkan)

Description: http://3.bp.blogspot.com/-3jaJ40BO_6Q/UImpVnJnaMI/AAAAAAAAFtQ/yJlLDVmPsjU/s640/cara+membuat+blog+3.png

 

12. Gambar dibawah ini merupakan contoh artikel yang sudah berhasil diterbitkan.

 

Description: http://3.bp.blogspot.com/-GLdU93CgECM/UImtLX6DecI/AAAAAAAAFu0/axk1hzFHg5U/s640/cara+membuat+blog+4.png

Description: http://2.bp.blogspot.com/-r7sFy2v3iXQ/UImtuZk2_cI/AAAAAAAAFu8/5PLKgztkYpE/s640/cara+membuat+blog+5.png

 

Kumpulan Efek-efek Blog

A. Efek Ringan

1. Efek salju berjatuhan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>


2. Efek hati bertaburan

<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>


3. Efek bintang bertaburan

<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>


4. Efek kembang api

<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>


5. Efek Gelembung

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>


5. Efek Kupu - Kupu Terbang

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>


Cara pemasangan :

  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save


B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


 2. Banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


 3. Bunga Mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


4.  Bom Atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


5. Ufo

<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


6. Graffity

<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


7. Shaver

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


8. Gun

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


9.Bloody gun

<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


10. Paint ball

<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


11. Chainsaw

<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


12. Dinosaur

<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


13. Lebah

<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


14. Lalat

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


15. Semut

<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


16. Siput

<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


17. Cacing

<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


18. Mold

<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


19. Bayi merangkak

<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


20. Telur mata sapi

<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


21. Kopi tumpah

<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


22. Terbakar

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


23. Tomat

<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


24. Creampie

<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


25. Murka

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


26. Sapi Jorok

<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


27. Anjing Jorok

<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


28. Kencing Sembarangan

<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>


Cara pemasangan :

  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan script efek di dalam kotak yang di sediakan
  3. Klik save dan lihat hasilnya.

Cara Menambahkan widget

Blogger telah menyediakan banyak widget menarik yang bisa ditambahkan ke dalam blog. Ini adalah salah satu kelebihan blogspot dibandingkan dengan blog lain seperti wordpress. Sayangnya, terlalu banyak widget bisa membuat loading blog menjadi semakin lama. Karena itu, jangan terlalu banyak menambahkan widget di dalam blog. Jika memang harus menambahkan banyak widget, pastikan widgetnya tidak menggunakan Java Script. Apabila widgetnya menggunakan Java Script, pastikan Java Scripnya tidak lebih dari 1 ( untuk 1 widget ).

Untuk menambahkan widget baru di blog, kita bisa memilih widget yang di sediakan oleh blogspot. Selain itu, kita juga bisa menambahkan widget lain yang tidak disediakan oleh blogspot dengan cara memasukkan kode widget ke kotak HTML/JavaScript yang telah disedikan blogger dot com. Berikut penjelasan tentang kedua cara tersebut :

1. Menambahkan Widget yang disediakan oleh blogspot

  • Seperti biasa, masuk dulu ke akun blog menggunakan Username dan password anda.
  • Klik tanda panah hitam mengarah ke bawah yang ada di samping nama blog lalu pilih "Tata Letak".

Description: widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog

Gambar 1 : Cara Menambah widget di blog

  • Di halaman "Tata Letak", klik tulisan "Tambah Gadget".  Anda akan melihat banyak tulisan "Tambah Gadget". Dimanapun anda mengklik tambah gadget, di situlah letak gadget akan tersimpan.

 

Description: widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog

Gambar 2 : Cara Menambah widget di blog

 

  • Klik tanda Plus atau nama widget / gadget yang ingin ditambahkan di blog pada  pop up window yang muncul seperti gambar dibawah ini :

Description: widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog

Gambar 3 : Cara Menambah widget di blog

 

  • Di halaman berikutnya, anda tinggal mengklik "Simpan". 

 

 2. Menambahkan widget yang tidak di sediakan oleh blogspot


Anda juga bisa menambahkan widget yang tidak di sediakan oleh blogspot, misalnya widget yang di share oleh blogger lain dengan memberikan kode HTML widged. Untuk menambahkan widget di blog yang telah diketahui kode HTMLnya, berikut panduannya :

  • Saat muncul pop up window setelah mengklik tulisan "Tambah Gadget" pilih gadget "HTML/JavaScript".

Description: widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog

Gambar 4 : Cara Menambah widget di blog

 

  • Anda akan melihat kotak HTML/JavaScript. Masukkan Judul Widget pada kotak pertama, dan masukkan kode Widget pada kotak kedua. Note : Judul widget terserah anda.

 

Description: widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog

Gambar 5 : Cara Menambah widget di blog

  •  Pastikan tidak ada kesalahan pada kode HTML widget. Kurang 1 karakter saja bisa membuat widgetnya tidak akan bekerja sebagaiman mestinya. Klik "simpan" jika sudah selesai.


Catatan :

  • Dimanapun anda mengklik tulisan "Tambah Gadget", maka disitulah letak widgetnya akan tersimpan. Widget tersebut bisa di pindahkan ke tempat lain dengan Drag and Drop ( Klik, tahan lalu seret mouse ) ke tempat lain yang di inginkan.
  • Pilih widget yang tidak terlalu banyak menggunakan file Java Script agar tidak membuat blog lama di load browser.
  • Beberapa widget kadang harus di tambahkan dengan mengedit kode HTML template blog. Untuk cara menambahkan widget dengan cara seperti ini, klik "Cara Mengedit Template Blog".
Reply all
Reply to author
Forward
0 new messages