Efek Hantu Terbang Di Blog

Efek Hantu Terbang Di Blog

Buat sobat blogger yang punya tema template berlatar belakang gelap, nich ada script unik yang keren banget efek hantu terbang. Script ini akan menampilkan gambar hantu holloween yang sedang beterbangan secara random di blog sobat. Untuk melihat previewnya silakan lihat di MozWidget Blog.

Script ini menggunakan javascript dan 3 gambar yang mempunyai ukuran 144 pixel sehingga tidak akan memberatkan waktu loading blog sobat. Script efek hantu beterbangan secara default menggunakan 3 gambar hantu holloween yang keren dan unik. Gambar hantu bisa disesuaikan dan juga bisa menggunakan lebih dari 3 gambar. Buat yang tertarik memasang script ini saya sarankan hanya di pasang pada halaman utama saja biar tidak menggangu pengunjung blog apabila membaca artikel keseluruhan di blog sobat.

Cara Pemasangan

• Login ke blog sobat.
• Klik "Design" kemudian klik "Edit HTML".
• Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>.
  
  
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <SCRIPT SRC='http://monozcore-project.googlecode.com/files/MonozCore_Halloween.js' type='text/JavaScript'/>
  <SCRIPT type='Text/JavaScript'>
  function JSFX_StartEffects()
  {
      JSFX.AddGhost(&quot;https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png&quot;);
      JSFX.AddGhost(&quot;https://lh3.googleusercontent.com/-v0PgPYW-N-s/Tssz7ufFA8I/AAAAAAAAAfI/sz3C2Z7q8Gs/s800/ghost1.gif&quot;);
      JSFX.AddGhost(&quot;https://lh5.googleusercontent.com/-SpLc1VaANcs/Tss47hTjmuI/AAAAAAAAAfQ/Qb_ANbbx674/s144/ghost3_0.png&quot;);
  }
  window.onload = JSFX_StartEffects;
  </SCRIPT>
  </b:if>
  
  
  • Kode "<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>" merupakan kode blog yang berfungsi untuk menampilkan kode tertentu hanya pada halaman utama saja. Untuk mempelajari kode blog lebih lanjut silakan baca artikel tentang Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget BlogSpot.
  • Kode "JSFX.AddGhost(&quot;URL link gambar&quot;);"merupakan kode script untuk mendeklarasikan array gambar. Untuk menambah gambar silakan tambahkan baris kode script ini pada script diatas.
  • Kode "https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png" merupakan kode URL link gambar yang digunakan. Untuk merubah gambar silakan ganti baris kode ini dengan URL link gambar yang ingin digunakan.


• Klik "Save" dan lihat hasilnya...

.:Selamat Mencoba:.

BY..ARDIANSYAH..

Menampilkan Gambar Background Berdasarkan Hari

Tampilan blog yang dinamis merupakan salah satu trik untuk membuat pengunjung blog menjadi betah. Blog yang dinamis juga merupakan suatu keharusan jika ingin mendapatkan trafik pengunjung yang signifikan. Salah satu trik membuat tampilan blog yang dinamis adalah membuat gambar latar belakang blog bisa berubah secara otomatis perhari. Wah pasti penasaran dong koq bisa ???,

Membuat Related Post Di Sidebar

Sama halnya seperti Related Post (Postingan Terkait) buatan Linkwithin cuma kali ini tanpa menggunakan pihak 3 alias Related Post buatan sendiri dan juga widget ini digunakan sebagai gadget yang bisa ditaruh di sisi kanan blog. Widget ini merupakan salah satu teknik SEO untuk bisa membuat pengunjung

Background Animasi Awan Bergerak

Animasi Awan Bergerak - merupakan animasi web yang menggunakan script WebGL. Animasi ini menghasilkan efek awan yang dinamis dan interaktif sehingga akan membuat latar belakang halaman web akan tampak realistis (nyata) seolah-olah berada di atas kumpulan awan yang bergerak. Sebelum kita lanjutkan tutorialnya ada baiknya kita mengenal sedikit tentang WebGL ini.

Cara Membuat Menu Diatas Header Blog

Menu Diatas Header – Postingan tentang cara membuat menu diatas header blog. Kita bisa menaruh link lebih banyak lagi di blog, dan dari segi keindahan juga tampilan menu diatas header ini membuat blog kelihatan lebih menarik. Langsung saja karena script nya cukup panjang:
-Login ke akun Blogger anda:
-Klik Rancangan
-Edit HTML
-Centang Expand Template Widget
Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya.

/*The top Menu*/
#top{
margin:auto;
padding: 0;
width: 100%;

Cara Membuat Widget Horoskop di Blog

Ada banyak cara untuk mengetahui kecocokan anda dengan pasangan atau calon pasangan anda... salah satunya dengan prediksi kecocokan berdasarkan nama, tanggal lahir dan persentase jodoh.

.::. Horoskop .::.

Buat anda yang tertarik untuk memasang widget ini silakan disimak tutorialnya.