love


Selasa, 23 April 2013

cara merubah tampilan/tema facebook


sekarang saya membagikan tutorial, "Cara Merubah Tampilan/Tema Facebook". Apakah diantara sobat pernah bosan dengan tampilan/tema default dari Facebook yang selalu biru dan tidak bisa diubah ? Apakah sobat berpikir bahwa tampilan/tema Facebook sobat tidak dapat diubah ? Salah sob,.. Dengan menggunakan add-on stylish, sobat dapat merubah tampilan Facebook sobat ! Nah, sekarang saya akan membantu sobat bagaimana Cara Merubah Tampilan/Tema Facebook. Eittsss..Kerennya Add-ons stylish ini, dapat diinstall di Mozilla Firefox, Google Chrome, dll.


#ScreenShot :
Facebook+-+Contoh


#Modal :
  • Browser Firefox/Chrome/dll

#Cara :
  • Buka browser sobat
  • Untuk pengguna Firefox : Buka Stylish Add-ons for Firefox & Klik "Add to Firefox"
Facebook+-+1
Facebook+-+8

  • Sekarang, add-ons stylish sudah terinstall di browser sobat [Jika sobat menggunakan firefox, sobat akan diarahkan untuk merestart dahulu firefoxnya]
  • Sobat tinggal memilih tampilan/tema facebook yang akan sobat install di userstyles atau klik di sini
Facebook+-+7

  • Misal : Saya memilih tema "Blacked Out - Rounded Corners"
  • Pilih browser yang sobat pakai (pilihan berada dibawah "+Install with Stylish"
  • Setelah memilih browse sobat, klik "Install with Stylish"
Facebook+-+9

  •  DONE ! Sekarang tampilan facebook sobat berbeda dengan yang lain ! Congratz..

app android buatan sndiri

http://files.appsgeyser.com/cah%20panggul.apk

Minggu, 14 April 2013

Cara membuat / memasang widget burung Twitter terbang di Blogger



    Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyRT4ruGZUIJFKmAiXxDRINsjwFzX-SOb6zvSV3ZfDts-4sZGGZqVnlvsl73UAJKOVOZpJDa8RyPTNsh-vTeoSUTLDie7Jrgs-DVL0Mzso1SRd3UfFjGBUP__HvXkiNupL3OvjPopDX8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


 Warna Kuning
Warna Hitam
Warna Biru
Warna Coklat
Warna Hijau
Warna Ungu
Warna Putih
Warna Merah

Dan terakhir jangan lupa disimpan
Good luck Sob..!!!!

Membuat Gambar Batman Berjalan Di Pinggir Blog


 
(Batman lagi jalan-jalan)
Penambahan gambar-gambar bergerak di blok akan menambah tampilan blog menjadi lebih indah dilihat, dan bisa menjadi ciri khas blog itu sendiri. Akan tetapi jangan terlalu banyak juga ya, yang ada pengunjung blog jadi ribet melihat tampilannya, dan juga penempatan gambar harus sesuai. 

Untuk membuat gambar Batman berjalan kita hanya perlu menambahkan alamat url gambar tesebut. Mungkin trik ini usang atau tidak berguna bagi para master dan para webmaster, tapi apa salahnya bagi pemula seperti saya yang awam ini, mungkin bagi sahabat bloger yang pengen tau caranya kita ikuti langkah - langkahnya  seperti dibawah ini:



Disini kita nggak perlu upload gambar lagi kok,,
1. Login ke blogger dengan ID anda 
2. Klik tata letak
3. Klik tambah gadget
4. Pilih HTML/Javascript 
5. Masukan kode dibawah ini:

 <div style="position: fixed; bottom: 25px; left: 20px;width:120px;height:135px;"><a href="http://zuazz.blogspot.com" title=""><img src="http://batman-project.googlecode.com/files/zuazz.gif.gif"/></a><small><center><a href="http://zuazz.blogspot.com" target="_blank"><span style="font-weight:bold;color:#00000;"> den zuaz </span></a></center></small></div>

Untuk kolom judul kosongin aja ya, dan untuk menentukan di sebelah mana gambar ditempatkan silahkan ganti kode berwarna merah (left / right).ganti kode berwarna biru dengan url anda sendiri atau dibiarkan saja juga tidak apa-apa kok.

6. Klik simpan dan lihat hasilnya.

Cara Mengganti Kursor Blogger-Modifikasi Cursor Blogspot


 Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:


1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"
cara ganti tampilan kursor

 3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

aKode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg26V-vOnnZo7ZUzJ8tFTRQRCW4fEGUJb1clgOqKqaWB6KmyN-qnyR-V-IPp6YgB9ObWUDh8e4J7-qSIIyRYoo89f1vjyRLcHiFfJJL9MiiJAq1peIJdLZmwO77g1HkgCrnRtZyo7gF20/"), auto;}
</style>

bKode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg26V-vOnnZo7ZUzJ8tFTRQRCW4fEGUJb1clgOqKqaWB6KmyN-qnyR-V-IPp6YgB9ObWUDh8e4J7-qSIIyRYoo89f1vjyRLcHiFfJJL9MiiJAq1peIJdLZmwO77g1HkgCrnRtZyo7gF20/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg26V-vOnnZo7ZUzJ8tFTRQRCW4fEGUJb1clgOqKqaWB6KmyN-qnyR-V-IPp6YgB9ObWUDh8e4J7-qSIIyRYoo89f1vjyRLcHiFfJJL9MiiJAq1peIJdLZmwO77g1HkgCrnRtZyo7gF20/"), auto;}
</style>

SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya:



tampilan kursor 1
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pIINa70Nx34oSqQ9AME_MjAayZBrP1RBE8byvxLZYwcWyhQoQOc3GNKNQJhbpp40L6Gmy4pgrAIZodYqrpnjpwV5QBrtAVY977Q6mJgQgYsZst94yAT3CxnoyPHZwoloaJD8IxgZIVQ/s400/bat_banana_t4belajarblogger.png



tampilan kursor 2
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFVOwecXvEkFAv8_uGC17pdKbbEJRuWektoQXnZPrmD_RmdtW5RZanJabex720GN8MCbrYYlXEC2QcM6ZjgqxHTYDT4RGGvljo5kklC0w5N4D4t69T1ugnW3g7v95z87YaiKTorbzAOiY/s400/bird_hair_t4belajarblogger.png



tampilan kursor 3
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFer8o3lRJISr7af-wdAYyNLM-hE3Hy-OiVOnKHm2Nw9cKLgW-KQZAApSgPPTP0NSN4eHzAGj9LPcOeyxBScjZ0x675I98latXhpmJNE8kUbSAcIrMClY5mwG3v_zQt61aygOYZovqYFI/s400/guitar_banana_t4belajarblogger.png



Untuk selebihnya sobat bisa mencarinya melalui Google... :D

Semoga bermanfaat. Keep blogging...

Animasi Mood Lucu di Blog

 Java script Balon Jatuh



<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";image_urls['rain2']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";image_urls['rain3']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";image_urls['rain4']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv') .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]) .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script><br /> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://jombinabelog.blogspot.com/2011/12/mood-comel-untuk-blog.html'}).append(a).appendTo('body')});</script>

-
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";image_urls['rain2']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";image_urls['rain3']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";image_urls['rain4']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv') .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]) .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script><br /> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://jombinabelog.blogspot.com/2011/12/mood-comel-untuk-blog.html'}).append(a).appendTo('body')});</script>






Cara membuat efek bintang jatuh dari cursor di blog,


  • Login di Blogger
  • Pilih Design > Add gadget > HTML/Javascript
  • Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'> 
// <![CDATA[ 
var colour="#52D8ED"; 
var sparkles=100; 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 

set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 


for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 

setTimeout("sparkle()", 40); 

function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 

else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 


else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 


function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 

if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 

else { 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 


else tiny[i].style.visibility="hidden"; 

document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 

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; 


window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 

else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 

else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 


function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 

// ]]> 
</script>


  • Cari kode yang berwarna biru diatas dan gantilah sesuai dengan kode warna keinginan sobat
  • Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat
Selamat mencoba dan lihat hasilnya