Cara Menambah Tampilan Unik Pada Blog

Bagi temen2 yang hoby ngeblog, dan ingin tampilan Blognya terlihat unik, sebagai pembuka blog, bisa memakai JS (Java Sript) di bawah ini, Untuk yang belum tahu cara pasangnya : Klik Rancangan>Tambah Gadget>Pilih Java Sript, dan Copas salah satu JS yang anda sukai :

1. cream pie (Lemparan Kue)

<script language="javascript">

nd_mode="creampie";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

2. SCREEN SAVER (Pemotong Rumput)

<script language="javascript">

nd_mode="shaver";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

3.Wasps ( LEBAH)

<script language="javascript">

nd_mode="wasp";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

4. FLIES (MEMUKUL LALAT)

<script language="javascript">

nd_mode="fly";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

5. Worms ( BELATUNG )

<script language="javascript">

nd_mode="worms";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

6. MOLD ( ASAP KUNING )

<script language="javascript">

nd_mode="mold";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

7. SNAIL (KEONG RACUN)

<script language="javascript">

nd_mode="snail";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

8. FLOOD (AQUARIUM)

<script language="javascript">

nd_mode="flood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_top";

</script>

<script language="javascript"

src="http://www.netdisaster.com/js/mynd.js"></script>

Untuk Contohnya, Bisa lihat Blog yang ini : www.lpi-arrouf.net.tf

Nanti akan muncul Tampilan Aquarium sebagai pembuka, dan untuk menutupnya, klik tanda silang yang ada pada gambar :

Untuk JS yang lain, anda bisa Berkunjung ke SITUS INI dan coba sendiri Java Sript yang tersedia.. thanks, smoga bermanfaat.

Continue reading →

Cara Membuat Semut Berjalan Pada Blog

Setelah sebelumnya saya posting tentang cara membuat efek petir pada blog, sekarang saya ingin posting lagi caa membuat semut berjalan pada blog..he...he..he...ada-ada aja yah..Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:  

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> < /div>

5. Kode yang berwarna merah adalah URL gambar animasinya. 150 itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.
6. Simpan jika sudah selesai. klo udah jalan jgn lupa yah dikasih gula..buat makanannya.

Continue reading →

Cara Memasang Efek Bunga Berguguran Pada Blog

Posting Lagi ah.Cara Membuat Semut Berjalan Diblog,Cara Membuat Efek Petir Juga Sudah,Sekarang saya ingin menambahkan efek yang akan mempercantik tampjlan blog anda,Tapi Sepertinya efek ini lebih cocok untuk blognya anak perempuan deh,Namanya Efek Bunga Berguguran Diblog,dan Bisa dilihat caranya seperti ini:

1.Login Keblog Anda pastinya

2.Pergi ke Rancangan=>Edit html=>Expand template

3.Kemudian cari kode </body> bisa ditemukan dengan menggunakan control+f pada keyboard anda

4.Kemudian Copy dan pastekan Code Dibawah tepat diatasnya.

<script src='http://ahmad-rifai-tools.googlecode.com/files/efek-bunga-blog.ahmadrifai.net.js'/>

5.dan lihat hasilnya

Continue reading →

Cara Memasang Efek Hati Bertaburan Diblog

Sebelumnya Postingan Saya yang Cara Membuat Efek Kebanjiran Diblog,Telah Dipublikasikan,Sekarang saya ingin memposting lagi efek yang bertamakan CINTA.Nama dari efek tersebut adalah Efek Hati Bertaburan.kenapa saya bilang bertemakan cinta,karena hati itu identik dengan CINTA.Kedengarannya melankolis sekali,CinTa.siapa yang tdk pernah merasakan cinta.semua orang pasti pernah merasakannya.lansung saja ikuti petunjuk berikut ini:

1.Login Keblog Anda pastinya
2.Pergi ke Rancangan=>Edit html=>Expand template
3.Kemudian cari kode </body> bisa ditemukan dengan menggunakan control+f pada keyboard anda
4.Kemudian Copy dan pastekan Code Dibawah tepat diatasnya

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

5.Save Template dan lihat hasilnya.

Continue reading →

Cara Memasang Efek Salju Diblog

Cara memasang efek salju diblog,Itulah tema postingan saya hari ini,Ingin blog anda kelihatan unik,cobalah trik berikut ini,yang mungkin akan membuat blog anda kelihatan bagus,tanpa harus memberatkana loadin blog.Silahkan ikuti petunjuk dibawah ini:

1.Login Keblog Anda pastinya
2.Pergi ke Rancangan=>Edit html=>Expand template
3.Kemudian cari kode </body> bisa ditemukan dengan menggunakan control+f pada keyboard anda
4.Kemudian Copy dan pastekan Code Dibawah tepat diatasnya.

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

5.Simpan Dan lihat hasilnya,

SELAMAT MEENCOBA>!!

Continue reading →

Cara Membuat Efek Bintang Bertaburan Diblog

Cobalah efek yang satu ini,yang akan membuat tampilan blog anda beda dari yang lainnya,nama dari efek ini adalah,Cara Membuat Efek Bintang Bertaburan Diblog.dijamin tidak akan memberatkan loading blog anda,silahkan ikuti petunjuknya dibawah ini:

1.Login Keblog Anda pastinya
2.Pergi ke Rancangan=>Edit html=>Expand template
3.Kemudian cari kode </body> bisa ditemukan dengan menggunakan control+f pada keyboard anda
4.Kemudian Copy dan pastekan Code Dibawah tepat diatasnya

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

5.Simpan Dan Lihat lah HAsilnya

SELAMAT MENCOBA..!

Continue reading →

Cara Membuat Template Blog Menjadi Transparant

Cara Membuat Template Blog Menjadi Transparant,agar blog terlihat unix dan keren untuk dilihat,dapat diikuti instruksinya dibawah ini:

• masuk keblog Anda => Rancangan => edit HTML => dan centang pada opsi expand widget
• Cari kode berikut:

body {background:$bgcolor;

• Hapus dan kemudian ganti dengan kode css berikut ini.

body {
background:url(http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;

• Ganti Tulisan Yang tercetak tebal dengan gambar yang anda inginkan.untuk sample gambarnya saya telah menyediakannya silahkan klik disini kalau anda berminat.

Keterangan: Apabila anda mau ukuran gambarnya kecil seperti ukuran piksel 550x650 kodenya seperti berikut:

body {
background:black url(http://i1113.photobucket.com/albums/k514/S4NDMOTION/bercarablogspotcomt.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;

Untuk background:black ......anda bisa mengganti black dengan kode warna HTML saya sengaja menambahkan warna background black (hitam) karena gambar background diatas berwarna hitam jadi anda bisa sesuaikan warna backgroundnya dengan  gambar background agar serasi tentunya. Kiranya sampai disini tips mengganti blog menjadi transparan,  Terima kasih dan happy blogging. 

Continue reading →