Jumat, 31 Agustus 2012

Screen Saver Dengan Cs3

· 0 komentar
Capcus cin....

Ke tambah gadget ===> HTML/Javascript.
Copas script di bawah ya gan

<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_evanzip{margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style> <div class='saving'> <p class='esm1'>Samez.Cyber4rt<br/> <br/><div class='by_Samez'>Original design by: <span class='esm4'> http://samez.cyber4rt.com/ - http://samez.cyber4rt.com/</span> - 2011</div> </p> <center><span class='esm3'>Move your mouse to go back to the page!<br/><blink>Hey...jangan pergi dulu gerakin aja lagi mousenya,nah gitu dong!</blink></span> </center></div>


Yang berwarna kuning jangan lupa di ganti ya :).. Maaf kaga make kotak habis buru buru mau mandi xD

Sumber:Click Sini Ae Cuk 

pasang mp3 ngumpet yuuk...

· 0 komentar
iseng-iseng ngrobak script ,
ehh malah jadi nya anneh ginii ...
langsung wae llah gga usah bnyk baachot enttar jadi bekichott..


mp3 player..
"; } function stop(){ document.getElementById("player").innerHTML = " "; } function blokabeh(id) { document.getElementById('kampret').focus(); document.getElementById('kampret').select(); } play();

close
Get This Gadget
Fivers

eNbe :
jangan lupa yehh ganti lagu nya ,, ituh punya anne ,,




selamat mencoba semoga tidak berhasil sukuuriinn...


Cara Ganti Background Dengan Sekali Click

· 0 komentar
Pengen ganti warna background hanya dengan skali klik?

Nih Contohnya Di bawah nih..
klik aja gambar yang kmu suka.. sapa tau brubah :p









                 


Langsung aja nih scriptnya









Change Background Colour


Sorry ya misal Script ini gak berguna buat
Tapi di ambil aja hikmahnya ̶s̶̶a̶̶p̶̶a̶̶ ̶̶t̶̶a̶̶u̶̶ ̶̶a̶̶d̶̶a̶

Checking Visitors was here.. Please wait..

Masang MP3 di Blog? (versi Terbaru)

· 0 komentar

Motong mp3 sesuai kebutuhan

Special effects like: normalizing, fading and adding things like a flanger or an echo are not possible.
If you want that kind of "effects" you'll need to decode the MP3 stream into an un-encoded PCM format which can then be processed with a program like CoolEdit.
MP3Cutter is and will always be freeware Titik.
.


Convert Mp3 ke lower Bit Rate (64Kbps)

Lebih kecil ukuran file, lebih cepet buffering-nya ( iya kan?,, iya gitu! )
Download kalo belom punya:
Winamp v5.52 Build 1800 Final + KeyGen
Setelah di-convert ukuran file bisa 50% lebih enteng dari ukuran asal, dengan kualitas yang masih layak dengar.
.


 

Upload Mp3 cara Gue (mywapblog.com)

  Banyak jalan menuju rumah Bung Rhoma,, tapi yang gw pake jalan sesat, dan gak patut ditipu ditiru ditimpuk.

.
  1. Masuk ke mywapblog.com/register.php
  2. Isi formulir registrasi seperti gambar disamping.
  3. Isi pengaturan Blog kalo mau, seperti Upload logo, favicon dll.
  4. Click link File pada Kolom Add disamping kiri.
  5. Browse - Pilih file - Upload.
  6. Wait.. wait..
  7. File uploaded successfully.
  8. Go to Files page.
  9. Click kanan di nama file-nya.
  10. Pilih Copy link location.
  11. Simpen/Kantongin dulu alamatnya buat entar.
  12. http://gue-galau.mywapblog.com/files/papila-suka-padaku.mp3
  13. Tidur kalo ngantuk, Makan kalo laper, Mandi kalo ngiler.



.

Pasang Mp3 di Blog (YuMP3player)

Bikin Postingan baru dan atur settingannya kira² kaya di bawah..

Pasang Script ini.. ( silahkan di analisa kalo mau :P )



<script src="http://gue-galau.googlecode.com/files/gue-galauMP3player.js" type="text/javascript"> </script> <script type="text/javascript"> musikDongBang('http://gue-galau.mywapblog.com/files/blink-182-adams-song.mp3'); </script>

Memasang Gambar Welcome (Click here) Saat Membuka Blog

· 0 komentar

Preview:



Caranya:

1) Sign in akun blogger

2) Dashboard > Design > Edit HTML > klik kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
]]></b:skin>


4) Kemudian, copy dan paste kod di bawah  di atas kode ]]></b:skin>
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="Url agan"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>
NB: Pada Url agan, kalian pasang URL gambar kalian masing"
atau gunakan gambar yg sudah saya siapkan buat kalian
tinggal COPY link nya di bawah ini
http://img811.imageshack.us/img811/2034/74209346.png




http://img830.imageshack.us/img830/7516/64141948.png


http://img190.imageshack.us/img190/2280/87105761.png




http://img42.imageshack.us/img42/2760/13929553.gif





http://img831.imageshack.us/img831/7031/46029943.gif






http://img821.imageshack.us/img821/1397/61645383.png


http://img827.imageshack.us/img827/2415/47060660.gif


5) klik SAVE

Tetaplah beriimajinasi

Sumber:Click Sini Ae Cuk 

Mengganti Cursor di Blog ( Normal dan Link Cursor )

· 0 komentar


       Login ke blog kamu. Tata Letak >> pada elemen laman kamu klik add gadget >> HTML/Java Script. Lalu coppas kode dibawah ni. ☼


Normal Cursor


<style type="text/css">
body {cursor:url("http://img16.imageshack.us/img16/3932/mouseno.png"),default}
</style>

Link Cursor


<style type="text/css">
a:hover {cursor:url("http://img16.imageshack.us/img16/3932/mouseno.png"),default}
</style>

      Lalu di Save.., dan liat hasilnya. Jangan lupa comment.., hehe. kalau gak bisa ulangin sekali-lagi.
ganti tulisan yang berwarna merah dengan URL icon Cursor anda .Semoga postingku ini bermanfaat bagi kalian yang membutuhkannya., thanks for visited....


Pasang Pengingat Waktu Di Blog

· 0 komentar
Demo:


Ingat Waktu Coy
Jam: 20:26:45 WIB_Jumat, 31 Agustus 2012



klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar:

Membuat Back To Top ( kembali 
keatas) Dengan 
Smoothscroll.

Membuat Tombol Back To Top 
Menggunakan JavaScript.


copy kode di bawah ini... dan pastekan kedalamnya....


<div style="background-image: url(&quot;http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png&quot;); border-radius: 30px 30px 30px 30px; border: 1px outset black; padding: 10px;">
<img alt="Ingat Waktu Coy" class="uiProfilePhoto uiProfilePhotoLarge img" src="http://files.backyardchickens.com/img/smilies/droolin.gif" />
<script src="http://gue-galau.googlecode.com/files/ingat-waktu-coy.js">
</script><blink>_</blink><script src="http://gue-galau.googlecode.com/files/ingat-hari-coy.js">
</script></div>


Save Template

Sumber:Click Sini Ae Cuk 

Ganti Background Blog dari Postingan pake JavaScript Tri

· 0 komentar
Pengen dong tiap kali lo posting, suasana blog termasuk Gambar Background sesuai sama isi postingan lo? ya se'enggak-nya sesuai sama gaya lo deh :D
Normalnya JavaScript buat ngeganti Gambar Background itu kaya gini kira-kira..
<script>

document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)';

</script>


Kalo mau pake Timer/Pewaktu

biar nunggu dulu beberapa saat (misal 20 detik) baru Gambar Backgroundnya berubah..
<script>

setTimeout("document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)'",20000);

</script>


Kalo pengen Gambar Backgroundnya FullScreen

biarpun gambar yang lo punya ukurannya kecil sekalipun tetep aja bakalan di tampilin selayar penuh..
<style type="text/css">

body {
 width: 100%;
-moz-background-size:100%;
     background-size:100%;
-moz-background-origin:content;
     background-origin:content;
 background-position:top center;
 background-attachment:fixed;
}

</style>


<script>

setTimeout("document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)'",20000);

</script>


Warning

Kalo diBlog elo ada Script Random Background Imagenya kemungkinan besar CSS buat nge-bikin FullScreen diatas bakalan ketiban (gak jalan)


Tapi elo gak usah nangis

Ganti aja Script Random Background Imagenya jadi kaya gini..
<script type='text/javascript'>
var bg = [
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg"
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage='url('+bg[i]+')';
}

gantiBg();
</script>
NB: script ini juga bisa ko dipasang di postingan, coba aja..

Kalo mau Gambar Backgroundnya Gonta-ganti sendiri

(misal Gonta-ganti sendiri tiap 20 detik), tinggal nambahin aja Timer
<script type='text/javascript'>
var bg = [
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg"
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage='url('+bg[i]+')';

  setTimeout("gantiBg()",20000);
}

gantiBg();
</script>


Membuat Animasi Berjalan Di Bagian Bawah Layar

· 0 komentar



lumayan lah buat memper unik blog kita  :p
letakan kode berikut di ADD gatget >> HTML/JavaScript



<div style="position: fixed;
bottom: 5px;
width: 100%;">
<marquee direction='left' id='suster-ngesot-gue-galau-luar' scrollamount='7'>
<img id='gbr-suster-ngesot-gue-galau' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9HrUzQJS-iSYNv-oo9qDO3kmgINVQqow_Q8CN8KJ3wvgmTcn7dmTIMAEeYWZ3ajv3g80mVbU6si3fhO64pYp-dbxqCJSE5VzV_ns0pvjR3KakZZhdL2ZErgXF3s4TwnuSj9DR_dh0U0/s285/Copy%252520of%252520pracaztya.gif'/></marquee>
</div>

SAVE dan lihat hasilnya

selamat berimajinasi

Sumber:Click Sini Ae Cuk 

Simple Menu dengan Efek Blur

· 0 komentar





Modifikasi ini memang merupakan sesuatu yang sangat sederhana, namun Saya rasa cukup efektif untuk menciptakan efek blur pada menu di bawah Navabar



Untuk menggunakan Navbar ini,pertama buka blogger => rancangan => edit HTML lalu masukan css dibawah ini diatas kode ]]></b:skin>


#nav {
float:left;
width:100%;
overflow:hidden;
background: -moz-linear-gradient(top, #25272C 0%, black 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25272C), color-stop(99%,black));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25272C), color-stop(99%,black));}
#nav li{
float:left;
display:inline;
list-style:none;
line-height:13px;
margin-right:1px;
color:#ddd;}
#nav ul:hover, #nav li a {color: transparent;text-shadow: 0px 0px 3px white;}
#nav li a:hover, #nav li a.selected{
color:#fff;}
#nav li a {
float:left;
font-size:16px;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-decoration:none;
text-shadow: 0px 0px 1px white;
padding:15px 15px 25px 15px;
-webkit-transition: all 0.5s ease-in-out;}
#nav li a span{
font-size:11px;
letter-spacing:2px;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-shadow: 0px 0px 2px white;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;}
#nav li a:hover span, #nav li a.selected span{
color:#9E1C16;
text-shadow: 0px 0px 2px #9E1C16;}

Kemudian masukan kode html dibawah ini,di ADD gatget >> HTML/JavaScript

<div id='nav'>
<ul>
<li><a href='#'>TRIK Blog<br/><span>CSS3</span></a></li> 
<li><a href='#'>CHAT<br/><span>Pribadi gue</span></a></li> 
<li><a href='#'>ANIME TEMPLATE<br/><span>Blogger</span></a></li>
<li><a href='#'>LINK EXC<br/><span>Tukar Link</span></a></li>
<li><a href='#'>SOUNDTRACK<br/><span>Anime Music</span></a></li>
<li><a href='#'>GRUB<br/><span>Join</span></a></li>
<li><a href='#'>PAGE<br/><span>Join</span></a></li>
</ul>
</div>

merah ganti dengan Link kalian
hijau ganti dengan isi menua atau tulisan kalian

perhatikan tataletak HTML nya bisa lihat pada gambar di bawah



Sumber:Click Sini Ae Cuk

Miku Orange Blogger Template

· 0 komentar


Apa kabar sobat? akhirnya selesai juga Miku Orange Blogger Template.Template kali ini tema'a dengan warna dasar orange.desain'a saya buat simple dengan sedikit sentuhan CSS :p.
awalnya sedikit kesulitan cari gambar header yang bagus,trus nemu material gambar di google , terpaksa edit sendiri,croping sendiri,ngerender sendiri \('O')/..

template ini Versi ke2 dari template Samez.Cyber4rt yang jelas 100% buatan sendiri XD
tanpa basa basi sedot aja gan....





yang perlu kalian rubah:

Rancangan >> Edit HTML >>(jangan lupa centangin Expand Template Widget nya)

Sumber:Click Sini Ae Cuk 

Senin, 27 Agustus 2012

Automatis Tweets Dari Facebook Ke Twitter

· 0 komentar

Otomatis Tweets di twitter

 Hay semua, Kali ini saya posting Update statusfacebook otomatis ngetweets ke twitter, langsung aja..
  • Pertama Login ke www.facebook.com
  • Lalu login ke www.twitter.com
  • Kalo sudah login buka pacebook.com/twitter/inbox.php
  • Lalu Click 'Link My Profile to Twitter' kalo gak ada facebook lo gak gaul
  • Udah di click nanti ada pertanyaan 'Authorize Facebook to use your account?' anda klick Authorize App jangan klick No,Thanks
  • Kalo udah nanti ada tulisan
    Your Facebook Profile is now linked to Twitter. You're now sharing your public updates on Twitter as awelqq. You can always Undo This. Remember: Only Facebook posts with a privacy setting of 'Public' will be shared on Twitter. Learn more about your privacy controls.
  • Kalo sudah tinggal Save Changes aja..
  • Oh iya, di fans page juga bisa.
Selesai deh,mudak kannn?? selamat menikmati.. Jangan lupa  cendolnya gan.. bye bye ..  .

handapeunpost