Blogger Widgets

SMS Gratis


Cara Membuat Widget SMS Gratis click here

SMS Gratis


Cara Membuat Widget SMS Gratis click here

SMS Gratis


Cara Membuat Widget SMS Gratis click here

Popular posts


widgeo.net

Cara Membuat Anti Copas (Copy-Paste)

Selasa, 19 Agustus 2014
Posted by Unknown

Cara Membuat Anti Copas (Copy-Paste)
Ketika kita membuat sebuah artikel atau tulisan kemudian dipublikasian via internet, maka otomatis akan banyak orang yang melihat, membaca dan sebagainya. Untuk menghindari pencuri konten yang tidak bertanggung jawab, berikut ini saya akan berbagi salah satu trik supaya artikel Anda yang ada di blog atau website, tidak bisa di copy oleh orang lain. Tutorial lengkapnya langsung ikuti saja berikut ini:

 
1. Login Dasbor Blogger

2. Pilih Template > Edit HTML 

3. Cari kode </head> (gunakan Ctrl+f untuk memudahkan)

4. Copy paste kode berikut tepat di bawah kode </head>

<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script>

5. Simpan template dan lihatlah hasilnya.

Gimana mudah kan? Jika ada pertanyaan seputar topik silahkan tinggalkan komentar dan jangan lupa bagikan melalui sosial media yang tersedia. Selamat mencoba..


Read more: http://bangiz.blogspot.com/2012/12/cara-membuat-anti-copas-copy-paste.html#ixzz3AqEDjony

Cara Membuat Efek Tulisan / Text Pada Cursor Mouse


efek tulisan
Berikut ini Bangiz akan berbagi tentang cara menambahkan efek pada cursor mouse. Setelah sebelumnya posting tentang

Cara Membuat Efek Salju Pada Cursor Mouse

kali ini efeknya berupa tulisan / text yang dapat mengikuti cursor mouse Anda tentunya di blog. Oke langsung saja caranya sebagai berikut:

1. Silahkan tambahkan kode HTML/Javascript berikut ini:
    Jika belum tahu cara menambahkan HTML/Javascript silahkan baca dulu disini
<script language="javascript">
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='Tuliskan kata-kata Anda Disini';
var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
//********** NO NEED TO EDIT BELOW HERE **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

2. Jangan lupa simpan dan lihat hasilnya 
Keterangan:
--> Silahkan ganti tulisan yang berwarna merah dengan kata-kata Anda
--> Yang berwarna biru merupakan kode warna, untuk menggantinya silahkan lihat disini atau disini


Read more: http://bangiz.blogspot.com/2013/06/Effect-Cursor-Mouse.html#ixzz3AqCURPXC

Kode Warna CSS Lengkap

CSS
Berikut ini saya berikan kode warna CSS. CSS (Cascading Style Sheets) merupakan bahasa untuk menjelaskan presentasi dari halaman Web. Dalam Ini termasuk warna, tata letak dan font informasi, serta bagaimana mengubah presentasi pada berbagai jenis perangkat. CSS adalah independen dari HTML dan dapat digunakan dengan berbasis XML markup language. Pemisahan HTML dari CSS membuatnya lebih mudah untuk menjaga kode berbagi style sheet di halaman. Silahkan dipilih sesuai keinginan dan kebutuhan Anda.

WarnaWarna HEXWarna RGB
#000000rgb(0,0,0)
#FF0000rgb(255,0,0)
#00FF00rgb(0,255,0)
#0000FFrgb(0,0,255)
#FFFF00rgb(255,255,0)
#00FFFFrgb(0,255,255)
#FF00FFrgb(255,0,255)
#C0C0C0rgb(192,192,192)
#FFFFFFrgb(255,255,255)

Red LightHEXRGB
#000000 rgb(0,0,0) 
#080000 rgb(8,0,0) 
#100000 rgb(16,0,0) 
#180000 rgb(24,0,0) 
#200000 rgb(32,0,0) 
#280000 rgb(40,0,0) 
#300000 rgb(48,0,0) 
#380000 rgb(56,0,0) 
#400000 rgb(64,0,0) 
#480000 rgb(72,0,0) 
#500000 rgb(80,0,0) 
#580000 rgb(88,0,0) 
#600000 rgb(96,0,0) 
#680000 rgb(104,0,0) 
#700000 rgb(112,0,0) 
#780000 rgb(120,0,0) 
#800000 rgb(128,0,0) 
#880000 rgb(136,0,0) 
#900000 rgb(144,0,0) 
#980000 rgb(152,0,0) 
#A00000 rgb(160,0,0) 
#A80000 rgb(168,0,0) 
#B00000 rgb(176,0,0) 
#B80000 rgb(184,0,0) 
#C00000 rgb(192,0,0) 
#C80000 rgb(200,0,0) 
#D00000 rgb(208,0,0) 
#D80000 rgb(216,0,0) 
#E00000 rgb(224,0,0) 
#E80000 rgb(232,0,0) 
#F00000 rgb(240,0,0) 
#F80000 rgb(248,0,0) 
#FF0000 rgb(255,0,0) 


Gray ShadesHEXRGB
#000000 rgb(0,0,0) 
#080808 rgb(8,8,8) 
#101010 rgb(16,16,16) 
#181818 rgb(24,24,24) 
#202020 rgb(32,32,32) 
#282828 rgb(40,40,40) 
#303030 rgb(48,48,48) 
#383838 rgb(56,56,56) 
#404040 rgb(64,64,64) 
#484848 rgb(72,72,72) 
#505050 rgb(80,80,80) 
#585858 rgb(88,88,88) 
#606060 rgb(96,96,96) 
#686868 rgb(104,104,104) 
#707070 rgb(112,112,112) 
#787878 rgb(120,120,120) 
#808080 rgb(128,128,128) 
#888888 rgb(136,136,136) 
#909090 rgb(144,144,144) 
#989898 rgb(152,152,152) 
#A0A0A0 rgb(160,160,160) 
#A8A8A8 rgb(168,168,168) 
#B0B0B0 rgb(176,176,176) 
#B8B8B8 rgb(184,184,184) 
#C0C0C0 rgb(192,192,192) 
#C8C8C8 rgb(200,200,200) 
#D0D0D0 rgb(208,208,208) 
#D8D8D8 rgb(216,216,216) 
#E0E0E0 rgb(224,224,224) 
#E8E8E8 rgb(232,232,232) 
#F0F0F0 rgb(240,240,240) 
#F8F8F8 rgb(248,248,248) 
#FFFFFF rgb(255,255,255) 



#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#9999FF#9999CC#999999#999966#999933#999900
#9966FF#9966CC#996699#996666#996633#996600
#9933FF#9933CC#993399#993366#993333#993300
#9900FF#9900CC#990099#990066#990033#990000
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#6699FF#6699CC#669999#669966#669933#669900
#6666FF#6666CC#666699#666666#666633#666600
#6633FF#6633CC#663399#663366#663333#663300
#6600FF#6600CC#660099#660066#660033#660000
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000


Read more: http://bangiz.blogspot.com/2013/04/CSS.html#ixzz3AqC0jhBZ

Membuat Efek Bubble / Gelembung Pada Blog

 efek buble pada blog

Jika Anda memiliki blog dan saat ini sedang merenovasi tampilan blog supaya lebih indah dan SEO friendly. Tentunya banyak sekali hal yang perlu dan bisa Anda lakukan mulai dari mengatur tata letak, jenis huruf yang akan Anda gunakan, warna background baik itu background template maupun untuk halaman postingan, dan banyak lagi hal yang lainnya. Bahkan untuk memudahkan saat ini banyak sekali template yang bisa Anda download baik itu untuk blogger, wordpress, dan sebagainya sesuai dengan subdomain yang Anda gunakan.

Berikut ini menurut sebagian orang perlu dan sebagian lain mungkin mengatakan tidak perlu memodifikasinya. Cursor mouse merupakan hak yang penting ketika Anda menggunakan komputer. Untuk tampilannya di blog, Anda bisa merubah sesuai dengan yang Anda suka dan bisa juga dengan menambahkan effect. Pada postingan sebelumnya Bangiz juga pernah membahas tentang effect pada cursor mouse yaitu efek salju yang berjatuhan dan efek text yang bisa mengikuti cursor. Kalau ingin mencoba efek tersebit silahkan baca saja caranya.

Supaya tidak bertambah panjang lagi tulisannya kita langsung saja pada pembahasan sesuai dengan judul di atas yaitu cara membuat efek bubble / gelembung pada cursor mouse. Berikut ini ada 2 cara:

Cara pertama:

1. Masuk dasbor blogger > Template > Edit HTML
2. Copas kode berikut di atas kode </head>
<script src='https://boyz.googlecode.com/svn/JS/bublecursor.js' type='text/javascript'></script>

Cara kedua:

1. Masuk dasbor blogger > Tata Letak > Tambahkan Gadget > HTML/Javascript
2. Copas kode berikut dan simpan
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=150; // 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>

Keterangan:
Yang warna pink merupakan warna gelembung, dapatkan kode lainnya disini
Yang warna biru adalah jumlah banyaknya gelembung, silahkan ganti sesuai kebutuhan Anda


Read more: http://bangiz.blogspot.com/2013/06/Bubble-Effect.html#ixzz3AqBjnKPV