Bagi anda yang masih bingung apa sih Favicon itu? Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda. Apabila anda membuat blog di Blogger.com alias blogspot, maka favicon yang berada di samping alamat URL anda adalah berupa favicon blogger. Berikut screenshot favicon blog dan favicon punya saya:

Favicon blog saya

 Favicon default

 Apakah favicon tersebut bisa di ganti dengan favicon milik anda? jawabannya adalah bisa. Berikut adalah contoh favicon blogger yang sudah di ganti :

Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

1. Pertama buatlah sebuah gambar anda bisa membuatnya di photoshop,corel draw dll.yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

http://www.favicongenerator.com

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

8. Langkah selanjutnya adalah anda harus mengupload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Yahoo! Geocities. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini : 

http://www.geocities.com/amn_tea/favicon.ico

8. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>

9. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.

10. Klik pada Tata Letak.

11. Klik Edit HTML.

12. Silahkan cari kode </head> .

13. Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :

<link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>                      </head>

14. Klik tombol Simpan Template.

15. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Catatan : Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di lihat.

sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Blogspot, Tutorial

Kumpulan Efek-Efek Blog - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagi efek-efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

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>
 
6. 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.

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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</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://multimediacenter07.blogspot.com" target="_blank">Multimedia Center</a></center> </small></div>
cara pemasangan :

1. login ke blogger anda
2. pilih tata letak
3. tambahkan gadget dan pilih HTML/ java script
4. copy paste code di atas pada HTML/java script

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Blogspot, Tutorial

Kode warna :

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Blogspot, Tutorial

Mengganti kursor untuk blog anda dapat menghilangkan rasa bosan melihat kursor default yang digunakan oleh komputer anda.(berbentuk anak panah putih). Atau mungkin juga anda menginginkan sedikit kelainan pada kursor dibandingkan kursor biasa.

Tutorial kali ini ialah berkongsi website yang dapat memudahkan anda mendapatkan kode bagi cursor ini serta sedikit pengubah susaian pada kode tersebut.

1. Buka website http://www.cursors-4u.com/

2. Pilih Kursor sesuai selera anda.

3. Copy kode yang diberikan dari web tersebut. Contoh kode adalah seperti berikut. Kemudian DELETE kode yang berwarna biru  seperti dibawah

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

4. Kode  yang terlihat hanya ini saja

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>

5. Kemudian pastekan kode di atas diruangan  HTML/javascript  sobat

6. Save dan lihat hasilnya.

sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Blogspot, Tutorial