web widgets

Kamis, 20 Februari 2014

Membuat Link Efek Api Membara Keren Di Blog



1. Silahkan sobat >> Masuk/Login >> ke Blog Sobat.
2. Pada tampilan baru menu blogger, sobat pilih >> Menu Template >> Edit HTML.
3. Cari kode a:hover { gunakan CTRL+F untuk mempermudah pencarian.
4. Kemudian silahkan sobat tambahkan atau sisipkan kode di bawah ini

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

Maka jadinya akan seperti contoh di bawah ini:

a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

5.jangan lupa di save/simpan Template anda lihat dhe hasil nya,semoga berhasil ya shop

Cara memasang Widget Kamera CCTV di Blog

Yang ingin pasang widget kamera cctv disini tempatnya ,biar gak ada yang mencuri postingan wkwkwkwkwk,langsung aja :

Cara memasangnya:
1. Login ke Blogger.
2. Masuk ke rancangan
3. Pilih elemen laman
4. klik Tambah Gadget
5. Pilih HTML/JavaScript

6. dan terakhir, copy script yg ada di abwah ini dan paste kan di HTML/JavaScript. Lalu simpan, dan lihat hasilnya.
<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglpQWQPRNGWXv8A-keU9jc5o6V6gJgSSRII8Gbh1g9N0s366ivrLZ9GS3i481ckHjc1xIvLRgM0F1c_kquhNotdubwhQ-lH5wRLpXFGd_HDclZSEIARK88bPH0fmgHRvttYLDvgxjPMi8/s1600/cctv.gif")</script>

Cara Membuat Efek Petir pada Blog


Pada postingan sebelumnya telah kita bahas yaitu cara membuat efek salju pada pointer mouse, tapi kali ini kita akan membahas efek petir pada blog. Alasan membuat efek petir pada blog biasanya untuk mempercantik halaman/tampilan blog.

Berikut langkah cara membuat efek petir pada blog :
  1. Login akun blogger Anda. 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
  3. Copy-Paste kode di bawah pada HTML/JavaScript,
    <style
    type="text/css">body { background-image:
    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibCGo5RJCvoIdBMIXOTWYRO_KQNi4w-u5Up9-u3L0btgD4WZdlFHxjNmEUS8qOX1KHnWmkNsEAa9U3ARL9XjIKyp09ecSS3OXBtvKC8sKkN6mLl_QeQq3oJFSfXxEMFbHD90EnmZT_AWfF/s1600/storm.gif);
    background-color:transparent; }</style>
    Nb: Tidak semua template blog bisa menggunakan script tersebut, sebaiknya Anda coba terlebih dahulu.
  4. Klik Simpan.
Nah, sangat mudahkan cara membuat efek petir pada blog, jika Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.

Rabu, 19 Februari 2014

Cara Membuat Energy Saving Mode Dng Tampilan Sendiri



Energi Saving Mode yang biasanya berwarna hitam ternyata bisa kita edit sesuka kita. Seperti contohnya seperti di blog saya (diamkan mouse anda sekitar 1 menit), yang contoh gambarnya seperti diatas.

Caranya adalah sebagai berikut :
Copy Javascrip dibawah ini dan paste di Notepad

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><a href="http://freakzfiles.blogspot.com"><p><img src="http://i1166.photobucket.com/albums/q617/aylapus/ew.png"/></a><br/><font style="color: #1919B3;">DOOR....:p Sekarang gerakkan mouse anda :) </font></p><div id="copyrightOnlineLeaf">Copyright 2012 - <font style="color: #B20000;">http://mendalan1.blogspot.com/</font> -makhrus ali </div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Note :
Merah : Alamat URL Gambar Kalian 
Ungu : Untuk Warna Fontnya 
Kuning : Untuk Teksnya Bisa Anda Ganti

Kalau sudah di Paste di Notepad, Save dengan nama filenya Saving Mode.js, Lalu pilih Save as Type : All Files dan simpan...

Kemudian Upload File yang kamu Save tadi di http://yourjavascript.com/

Langsung Masuk ke Blogger - Rancangan - Edit HTML
Masukkan kode ini diatas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Ganti kode warna merah dengan URL file Saving Mode yang kamu Upload tadi.
Kemudian Save Template.

Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda
Setelah klik Rancangan > Design --&-- Page Elements.
Klik “tambah Gadget” pada salah satu sidebar.
Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>
Ganti yang ditandai merah yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode akan bekerja.

Terimakasih :

Cara Membuat Animasi Cursor Di blog



Bosen dengan tampilan cursor biasa di website atau di blogger ini disini saya berbagi cara membuat memasang animasi cursor keren buat percantik blogger atau website anda ada banyak macam-macam animasi cursor untuk diblog saya tinggal anda pilih sesuai selera anda atau anda sukai langsung saja caranya  :

Cara untuk tampilan blogger lama :
1.Login ke blogger anda
2. Pilih Rancangan
3.klik Tambah Gadget Html/JavaScript
4.Copy & paste kan kode html mouse yang diinginkan di bawah ini
5.Terakhir Simpan 

Cara untuk tampilan blogger baru :
1.Login ke blogger anda
2. Pilih Laman
3.Pilih Tata Letak
4.klik Tambah Gadget Html/JavaScript
5.Copy & paste kan kode html mouse yang diinginkan di bawah ini
6.Terakhir Simpan 

Spongebob
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a> 




Mr.Crab
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>



Bird
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Catching Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching Fire" style="position:absolute; top: 0px; right: 0px;" /></a>




Mouse Pelangi
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a> 




Cartoon
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>



Fire Guitar
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>



Love
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani), url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Valentine's Day Pumping Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Valentine's Day Pumping Heart" style="position:absolute; top: 0px; right: 0px;" /></a>



Peace
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-8/sym714.ani), url(http://cur.cursors-4u.net/symbols/sym-8/sym714.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Different Types Of Peace Symbol"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Different Types Of Peace Symbol" style="position:absolute; top: 0px; right: 0px;" /></a>




Angel

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too917.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Tinkerbell"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Tinkerbell" style="position:absolute; top: 0px; right: 0px;" /></a>





Icon Moon
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur945.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur945.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Batman Begins - Diagonal Resize 2"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Diagonal Resize 2" style="position:absolute; top: 0px; right: 0px;" /></a>



vegeta dragon ball
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-7/ani634.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Vegeta - Dragonball Z 2"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Vegeta - Dragonball Z 2" style="position:absolute; top: 0px; right: 0px;" /></a> 





superman
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Superman"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Superman" style="position:absolute; top: 0px; right: 0px;" /></a> 





samurai x
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani), url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Final Fantasy 7 Cloud Strife"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Final Fantasy 7 Cloud Strife" style="position:absolute; top: 0px; right: 0px;" /></a>




monkey
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Rocking Baby Monkey"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Rocking Baby Monkey" style="position:absolute; top: 0px; right: 0px;" /></a>



I love her
 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-5/spe445.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="I Love Her"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Her" style="position:absolute; top: 0px; right: 0px;" /></a> 




I love him
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-5/spe444.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="I Love Him"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Him" style="position:absolute; top: 0px; right: 0px;" /></a>


Game java 240x320 touchscreen paling keren

Seru juga yah
posting di mwb
lebih rame dari pada xtgem dan wapka
kali ini melanjutkan posting yang kemaren tentang
Game java 240x320 touchscreen paling keren
karna aku posting dari HP jadul jadi gak bisa aku posting semua Game koleksiku
yang hampir 4ribu lebih
karna minimal hanya 6ribu text yang bisa di tulis dari HP ku

tanpa banyak bacot
lansung sikat

45cfa3e9-a063.gif
down17.png
FjyOx.jpg
down17.png
2134163_1dafd03aec.jpeg
down17.png
trans1k.jpg
down17.png
jsg.jpg
down17.png
1___7873131027010337733.png_240_240_0_24
down17.png
m7jmf.png_240_240_0_24000_0_1_0.png
down17.png
250px_dmc4cover.jpg_240_240_0_24000_0_1_
240x320
down17.png

dynasty1.jpg
240x320 Touch
down17.png

11.jpg
240x320 Touch
down17.png

2012912O3701418.jpg
down17.png
00001Screen1382.jpg
down17.png
ini termasuk game terlaris di dunlud
Screenshot0261.jpg

240x320 Touch
down17.png

Screenshot0014.jpg
240x320 Touch
down17.png

Screenshot0255.jpg
240x320 / 240x400 bisa
down17.png

GundamG.jpg
240x320 Touch
down17.png

1.gif
240x320 Touch
down17.png

1.jpg
240x320
down17.png

Nova2.jpg
240x320
down17.png

6.jpg
240x320 Touch
down17.png

5.jpg
240x400
down17.png