Membuat Efek Daun Berguguran di Blog

Selalu saja ada berbagai macam efek menarik yang bisa kita tampilkan di blog, salah satunya yaitu membuat efek daun berguguran. Efek ini tentunya berbeda dari efek-efek sebelumnya karena pola jatuhnya daun berayun-ayun. Cara membuat efek ini sangat mudah, ikuti saja langkahnya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML Javascript
4. Masukkan kode dibawah ini:

<script src='http://blogtrikdantips-blogspot.googlecode.com/files/daun.js'/></script>

5. Simpan gadjet lalu lihat hasilnya

Selamat mencobanya! Good Luck!

Sumber : http://blogtrikdantips.blogspot.com/2012/05/membuat-efek-daun-berguguran-di-blog.html

readmore »»  

Membuat Efek Gelembung pada Cursor

Jika sobat ingin membuat cursor terlihat lebih bergaya dan menarik maka cobalah trik yang satu ini. Kali ini blog trik dan tips akan membahas bagaimana cara membuat efek gelembung pada cursor. Efek gelembung akan muncul apabila cursor digerakan dihalaman blog anda. Gelembung akan timbul lalu melayang ke atas halaman blog. Jika sobat penasaran dengan tampilkan efek cantik ini silahkan coba langkahnya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukkan kode berikut ini:

<noscript></noscript><!-- --><script type="text/javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js"></script><script type="text/javascript">

// <![CDATA[
var colours=new Array("#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

5. Simpan gadjet lalu lihat hasilnya

Jika sobat ingin mengubah warna gelembung pada cursor silahkan ganti kode yang berwarna biru diatas kode kode warna yang anda sukai. Selamat mencoba! Good Luck!

Sumber : http://blogtrikdantips.blogspot.com/2012/05/membuat-efek-gelembung-pada-cursor.html

readmore »»  

Cara Membuat Efek Bintang Pada Link

Bulan lalu saya pernah menulis sebuah posting cara membuat link berwarna warni, kali ini kita akan membuat link tersebut dengan efek bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan berikan langkahnya kepada sobat:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi

a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWkFsIO0wcVh294rwjbAtorLw75X_YBSmwVipUM0uDeBhPYcxh6E6qcNjLPNUz3poJeSII8nb1aYQLfyiU5m0rBCf-IkzBqWRq_4zVw-mw4S2uPMjrPbFROWvmGRc5At6YC3iAmLZ9-NQ/s1600/stars.gif);}

Link akan mengeluarkan gambar seperti ini:

5. Simpan template anda lalu lihat hasilnya

Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!

Sumber : http://blogtrikdantips.blogspot.com/2012/05/cara-membuat-efek-bintang-pada-link.html

readmore »»  

Membuat Efek Telur Ceplok di Blog

Ada yang lapar gak? Kalau makan mie goreng paling lezat pakai telur ceplok. Kebetulan karena ada waktu memposting artikel kali ini saya akan memberikan tips bagaimana cara membuat efek telur ceplok. Efek ini cukup mengganggu penampilan blog, tapi kalau ingin mencobanya gak ada salahnya:

1. Login ke blogger.
2. Masuk ke Tata Letak / Rancangan
3. Tambah gadjet, lalu pilih HTML/Javascript
4. Masukkan kode berikut ini:

<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://blogtrikdantips-blogspot.googlecode.com/files/efektelur.js"></script>

5. Simpan gadjet

Kini sobat bisa melihat hasilnya diblog. Selamat mencobanya!

Sumber : http://blogtrikdantips.blogspot.com/2012/09/ada-yang-lapar-gak-kalau-makan-mie.html

readmore »»  

Cara Membuat Bayi Merangkak di Blog

Selamat malam sobat blogger, bagaimana kabar anda? Kali ini Blog Trik dan Tips akan memberikan tutorial cara membuat efek bayi merangkak di blog. Efek ini sudah cukup menarik namun juga cukup menggangu karena si bayi akan menyoret screen blog anda. Dari pada basa basi mari langsung aja kita praktekan. Berikut ini adalah langkahnya:

1. Login ke blogger
2. Masuk ke Tata Letak/Rancangan
3. Tambah gadjet blog
4. Pilih HTML/Javascript
5. Kopi kode dibawah ini lalu paste pada gadjet:

<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://blogtrikdantips-blogspot.googlecode.com/files/efekbayiberjalan.js"></script>

6. Simpan gadjet 

Jika sobat udah mengikuti langkah diatas, sekarang dilihat aja hasilnya diblog. Semoga informasi ini bermanfaat. Selamat mencoba!

Sumber : http://blogtrikdantips.blogspot.com/2012/09/cara-membuat-bayi-merangkak-di-blog.html

readmore »»  

Cara Membuat Efek Banjir di Blog

Halo Sobat blogger kembali lagi bersama Blog Trik dan Tips. Sobat sudah pernah belum ngalamin rasanya banjir ditempat sobat tinggal. Banjir pasti sangat menggangu aktivitas yang sobat ingin lakukan. Namun kali ini, blog trik dan tips akan membahas cara membuat efek banjir di blog. Ingin tau caranya, langsung saja ikuti langkahnya dibawah ini:

1. Login ke blogger
2. Pilih Tata Letak / Rancangan
3. Tambahkan gadjet
4. Pilih HTML/Javascript 
5. Masukan kode berikut ini:

<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="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script>

6. Simpan gadjet

Sekarang sobat sudah bisa melihat hasilnya. Efek ini akan membuat blog anda tenggelam akibat banjir. Akan muncul ikan dan gelembung udara di screen blog anda. Menarik bukan? Selamat mancobanya!!

Sumber : http://blogtrikdantips.blogspot.com/2012/09/cara-membuat-efek-banjir-di-blog.html

readmore »»  

Mengatasi Proteksi Klik Kanan Pada Website

Bagi orang yang sering berselancar di dunia internet, mungkin pernah menemukan sebuah website yang tidak diperbolehkan untuk mengklik kanan mouse dengan memasang sebuah script dari java script agar isi posting tidak dapat di copy dengan klik kanan mouse, memang sungguh sangat menjengkelkan, karena terkesan website tersebut terlalu menjaga agar postingnya tidak dapat di copy, sementara posting tersebut mungkin dibutuhkan untuk menyelesaikan tugas sekolah.

Tapi apapun yang mereka lakukan untuk memprotek posting mereka agar tidak dapat di copy, sebenarnya percuma dan sia sia saja. Karena bagaimanapun juga tetap saja posting mereka dapat di copy dan disimpan di file pengunjung.

Ada beberapa cara untuk mengcopy website mereka antaralain :

1. Dengan menyimpan Website mereka ke file berbentuk HTML, caranya, pada brows klik menu file, Save Page As, maka website mereka dapat tersimpan beserta posting mereka di file komputer kita dan kita dapat membukannya secara off line
2. Dengan menyorot artikel mereka kemudian menekan tombol Ctrl+C, kemudian di pastekan di program Notepad, maka isi posting mereka sudah tercopy ke komputer kita. apalagi bila dipaste di microsoft word, maka seluruh isi posting mereka berikut gambar-gambarnya dapat kita ambil menjadi sebuah file word
3. Dengan cara menggunakan tombol Print Screen, kemudian di pastekan dengan menggunakan program adobe Photoshop atau Pain brush dan simpan dalam file berbentuk tif kemudian dengan menggunakan fasiltas menu Recognize text using OCR, lalu setelah menjadi teks gunakan menu Send text to word.
4. Dapat juga dengan cara mendisable atau menon aktifkan program java script, yang mencegah klik kanan dengan menggunakan sebuah addons mozilla firefox, nama program tersebut adalah RightToClick, silahkan Download Disini bila keluar pesan tidak dapat klik kanan, centrang kotak stop Klik kanan kemudian klik Ok, maka anda bisa menggunakan klik kanan mouse sepuasnya
5. Bisa dilakukan dengan cara “Mendisable JavaScript“, disemua browser ada fungsi ini. Silakan lakukan eksperimen untuk mencari dimana letak informasi mengenai “Disable JavaScript“, berikut ulasan penjelasannya:
   

   Disable JavaScript in Internet Explorer (IE)

   1) Buka Internet Explorer (IE)
   2) Pada Menu Navigasi Klik: Tools – Internet Options
   3) Pilih Pada: Security Tab – Custom Level
   4) Scroll Down sampai ketemu “Active Scripting” dan Klik “Disable”
   5) Ok.
   

   Disable JavaScript Mozilla Firefox

   1) Buka Mozilla Firefox
   2) Pada Navigasi Menu Klik: Tools – Options
   3) Kemudian Klik: Content tab, Un-check “Enable JavaScript”
   4) Ok
   
   

   Disable JavaScript Google Chrome

   1) Pada Google Chrome Shortcut, Klik Kanan -> Pilih Properties.
   2) Pada field textbox “Targeted file“, tambahkan “-disable-java” pada bagian belakang.

   1. span style="color: #ff0000;">"C:\Documents and Settings\Administrator.SNAKE\Local Settings\Application Data<span style="color: #000099; font-weight: bold;">\ </span>Google\Chrome\Application\chrome.exe"</span> <span style="color: #660033;">-disable-javascript</span>

      

   Jadi sebenarnya percuma saja kan fasilitas tersebut dipasang di website 

   Sumber : http://rolandjak23.blogspot.com/2013/01/mengatasi-proteksi-klik-kanan-pada.html

readmore »»  

6 Tips Dasar Menjadi Blogger Sukses

Menjadi blogger sukses adalah keinginan semua blogger termasuk saya sendiri , Bukanlah hal yang mudah untuk menjadi blogger sukses .. Tapi juga bukanlah hal yang sulit untuk  mewujudkannya asalkan kita mau terus belajar dan tidak pernah berhenti belajar mengenai blog ...  Untuk menambah wawasan saya akan memberikan 6 tips dasar bagaimana menjadi blogger sukses  :

1. Menyediakan Konten Berkualitas
Hal utama dari sebuah blog adalah menyediakan informasi yang berguna   bagi pengunjung dan juga berusaha menarik kembali untuk berkunjung di   masa depan, sehingga menjadi pengunjung loyal.Kualitas konten blog anda   sangat terhubung dengan hasil pencarian di mesin pencari dan semua itu   butuh kualitas dan juga kuantitas untuk memberipilihan yang banyak atas   kata kunci yang diketikkan pengunjung, sehingga lalu lintas enjadi   banayak dan terus berdatangan  ke blog anda. jadi jikaingin blog anda   hidup dan bisa bertahan lama , buatlah konten berkualitas dan juga   membangun.

2. Rajin Update
Pengunjung pada umumnya sering membuka blog yang berhubungan dengan   sesuatu yang dicari tetapi sering kali melihat waktu pembuatan artikel   itu sendiri. sebagai contoh adalah saya sendiri lebih suka membuka   artikel dari blog yang diupdtae berkala dan dalam pemikiran saya , jika   waktu pembuatannya masa sekarang atau beberapa bulan dari sekarang .   berati itu telah di perbaiki atau di ssmpurnakan.begitupun penbgunjung   yang lain.

3. Sebutkan nam Blog anda dimanapun Berada atau Promosikan
Banyakcara untuk menemplekan identitas blog kita misalkan dalam email   signature , forum dan juga mediia sisial . namun perlu diingat promosi   yang berlebihan akan membuat bumerang bgai blog kita. orang akan benci   atau jebuh dengan blog kita sehingga mengundang keinginan kurang baik   terhadap blog kita.Kita sebaiknya melakukan survey tersendiri agar blog   kita dikenal dengan sepatutnya atau wajar.

4. Berpartsisipasi dalam Bloglog
Untukblog ini saya lebih menggunakanbloglog ketimbang yang lain ,  karena  alasan mudah dan sudah terbiasa sehingga tidak perlu seting  ulang,  tetapi tak ada salahnya jika anda menggunakan digg, blogsphere  dan juga  yang lainnya.Keuntungan lain adalah jika ada blogger lain  tertarik  dengan blog anda maka, bisa dimasukkan dalam link mereka.

5. Pikirkan Kata kunci Ketika membuat postingan

Pikirkan tentang kata kunci dengan penggunaan judul, link dan posting  blog. Search engine, seperti Google dan Yahoo, seperti kata kunci.  Semakin bertarget kata kunci Anda, semakin besar peluang blog Anda  muncul di hasil pencarian. Hasil pencarian dapat mengarahkan lalu lintas  tambahan yang Anda inginkan.

.6: Submit blog Anda ke blog direktori
Selain mengajukan blog Anda ke mesin pencari utama, pastikan Anda  mengirimkan blog untuk secara eksklusif blog direktori seperti blogwise,  blogcatalog, atau bloghub. Banyak orang menemukan blog melalui  direktori online..
Singkatnya, blogging mungkin tidak untuk semua orang. Namun, hal itu  dapat menjadi metode yang bagus untuk membawa perspektif yang unik Anda  ke Internet. Anda  pasti akan menemukan orang lain yang berpikir dengan  cara yang sama.  dan anda akan jadi salah satu bagiaanya. salam  Blogging.

Sekian , semoga bermanfaat ...

Sumber : http://rolandjak23.blogspot.com/2013/01/6-tips-dasar-menjadi-blogger-sukses.html

readmore »»