Cara Menambahkan Kotak Script Scroll Cantik di Postingan

Cara Menambahkan Kotak Script Scroll Cantik di Postingan,  berikut caranya :

1. Buka Entri Baru
2. Aktifkan mode HTML dengan cara klik tombol HTML yang terdapat disamping Compose
3. Copy script box code yang tersedia di bawah
4. Paste script box code diantara bagian yang diinginkan di tab HTML
5. Pilih kembali bagian tab Compose

<div style="background-color: #ffa66f; border: 2px #6e2222 dashed; text-align: left; height: 30px; overflow: auto; padding: 10px; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="background-color: #ffc7c7; border: 2px #6E2222 dotted; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="background-color: #82cafa; border: 3px #6E2222 double; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="background-color: #6eb76a; border: 2px #6E2222 inset; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="background-color: #c2c2c2; border: 2px #6E2222 ridge; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="background-color: #d9da81; border: 2px #6E2222 solid; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Letakkan Kode Script Sobat Disini</div>

Read More

Cursor berkarakter

Cara mengganti cursor berkarakter, berikut caranya :

 1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur815.ani), url(http://cur.cursors-4u.net/cursors/cur-9/cur815.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/29/the-alien-15.html" target="_blank" title="The Alien"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="The Alien" style="position:absolute; top: 0px; right: 0px;" /></a>

Read More

Text Mengitari Mouse

 Text Mengitari Mouse, berikut tutorialnya :

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE script */
font-style: italic;
font-weight: non;
font-family: 'arial';
color: red;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">


;(function(){

// Your message here (QUOTED STRING)
var msg = "https://anangzaini.blogspot.co.id/";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
  window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Read More

Script Code Tempat Dan Model Ketikan

Silakan pilih salah satu dan copas  code sript di bawah. good luck...!!!


1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.


<b>teks kamu</b>

<big>teks kamu</big>

<u>teks kamu</u>

<s>teks kamu</s>

<i>teks kamu</i>

<blink>teks kamu</blink>

<div align="center">teks kamu</div>

<div align="left">teks kamu</div>

<div align="right">teks kamu</div>

<span style="color: blue;">teks kamu</span>

<a href="http://url/">nama</a>

<img src="http://cahya.mw.lt/anim/mobil.gif" />

<marquee bgcolor="red">teks kamu</marquee>

<marquee height="50px">teks kamu</marquee>

<marquee width="100px">teks kamu</marquee>

<span style="font-size: 250%;">teks stabilo</span>

<span style="background-color: magenta;">teks stabilo</span>

Read More

Script Alert Pembuka Blog

Script Alert Pembuka Blog berikut totorialnya :

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<script language="JavaScript">
alert("WELCOME");
alert("TUTORIAL BLOG");
</script>

Read More

Membuat gambar Selalu Berada Di pojok

trik gimana cara membuat "gambar" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.
"Scroll bar" itu apa sih?
itu lho kotak kecil panjang yang ada disamping,
yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan.


Nha udah tahu kan maksudnya.
Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.


#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="https://anangzaini.blogspot.com/">
<img src="http://www.gambaranimasi.org/data/media/230/animasi-bergerak-burung-0176.gif" border="0" /></a>
</div>


"https://anangzaini.blogspot.com" adalah link. ganti dengan link kamu.
"URL gif kamu.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. SAVE hasil kerja kamu dan lihat hasilnya.

good luck...!!!

Read More

Script Title Bar Berjalan Di Tempat

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<script type='text/javascript'>
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "WELCOME TO ANANGZAINI.BLOGSPOT.COM";
message[1] = "CONGRATULATIONS ENJOY...";
message[2] = "THANK YOU FOR YOUR VISIT";
message[3] = "WELCOME TO ANANGZAINI.BLOGSPOT.COM";
message[4] = "CONGRATULATIONS ENJOY...";
message[5] = "THANK YOU FOR YOUR VISIT";

var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[A=====] '+T+' [=====A]'}
if(s==2){document.title='[=N====] '+T+' [====N=]'}
if(s==3){document.title='[==A===] '+T+' [===A==]'}
if(s==4){document.title='[===N==] '+T+' [==N===]'}
if(s==5){document.title='[====G=] '+T+' [=G====]'}
if(s==6){document.title='[=====>] '+T+' [<=====]'}
if(s==7){document.title='[====G=] '+T+' [=G====]'}
if(s==8){document.title='[===N==] '+T+' [==N===]'}
if(s==9){document.title='[==A===] '+T+' [===A==]'}
if(s==10){document.title='[=N====] '+T+' [====N=]'}
if(s==11){document.title='[A=====] '+T+' [=====A]'}
if(C<(11*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>
</script>

Read More

Browser Bergerak Liar

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<!-- Script Codes by ananggresik.blogspot.com -->
<script>
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}
</script>

Read More

Browser Bergerak Dan Mengisih Tex's

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!! selamat datang di https://anangzaini.blogspot.com/", "Masukkan nama anda ");
alert("salam kenal ya, "+name)
// goodbye alert
function goodbye(){
alert(' Bye-Bye, Bookmark situs ini ya... mampir lagi nanti ');}
parent.window.onunload=goodbye;
//
alert ("SELAMAT DATANG DI https://anangzaini.blogspot.co.id/,, klik continue aja ya...... ")
//
alert ("Inget, sabar bentar ada atraksi, diklik continue kalo diminta, jangan stop script. ")
//
alert ("ma'af agak lambat ya silakan tunggu aja dan duduk manis ")
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
for(a=100;a<80;a++){
window.moveTo(scrW/1,0)
window.resizeTo(0,scrH*a/50)
}
for(a=0;a<80;a++){
window.moveTo(0,scrH/1)
window.resizeTo(0,scrH*a/50)
}
for(y=0;y<80;y++){
window.resizeTo(scrW*y/80,scrH)
}
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/50)
}
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/50,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/50)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/50,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.moveTo(scrW/1,scrH/1)
window.moveTo(0,scrH/1)
window.moveTo(0,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
//]]>
//
alert (" sekarang boleh liat-liat situs saya.. ENJOY :) ")
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

Read More

Script Clock Pada Blog Anda

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<center>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTgxOTI2NzY4NDYmcHQ9MTI5ODE5MjY5NzMzNSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stb3JuYW1lbnQtYnV*dG9uLTAxJmc9MSZvPWUyNTBkYTg1ZmYwYTQ3OTA5YjJkNWMzNGRhY2QyYzg1Jm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:130px;height:93px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1298192134618&amp;__view=expanded" width="130" height="93" flashvars="&col1=FF0000&col2=FFFF00&col3=000000&tzoffset=false&gig_lt=1298192676846&gig_pt=1298192697335&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></embed></div>
<center>

Read More

Script Calendar Pada Blog Anda

 langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<center>
<div style="margin:0px auto;text-align:center;width:130px;height:130px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Glass-Orb-Rotating---Hijri-Calendar-2778-8192_134217728.widget?__install_id=1298201044492&amp;__view=expanded" width="130" height="130" flashvars="&col1=ff9933&col2=660000&bgo=2&dayAdd=0&cal=global" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></embed></div>
<center>

Read More

Script Brower Zom Out

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<script type='text/javascript'>
//<![CDATA[

var message = new Array() // leave this as is


var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>
</script>
<script>
//<![CDATA[
function expand() {
for(x = 0; x < 50; x++) {
window.moveTo(screen.availWidth * -(x - 50) / 100, screen.availHeight * -(x - 50) / 100);
window.resizeTo(screen.availWidth * x / 50, screen.availHeight * x / 50);
}
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
expand();</script>

Read More

Script Teks Neon

Script Teks Neon berikut scriptnya :

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<center>
<h1>

<script language="JavaScript1.2">

//Visit http://ananggresik.blogspot.com/ for this script

var message="https://anangzaini.blogspot.com"


var neonbasecolor="blue"

var neontextcolor="Yellow"

var neontextcolor2="#33CC99"

var flashspeed=50

var flashingletters=3

var flashingletters2=1

var flashpause=0


///http://ananggresik.blogspot.com//////


var n=0

if (document.all||document.getElementById){

document.write('<font color="'+neonbasecolor+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('</font>')

}

else

document.write(message)


function crossref(number){

var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj

}


function neon(){


//http://ananggresik.blogspot.com/

if (n==0){

for (m=0;m<message.length;m++)

crossref(m).style.color=neonbasecolor

}


//http://ananggresik.blogspot.com/

crossref(n).style.color=neontextcolor


if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2

if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",flashpause)

return

}

}

//http://ananggresik.blogspot.com/

function beginneon(){

if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)

}

beginneon()


</script>
</h1></marquee>
<center></center></center>

Read More

Script Mematikan Click Kanan

langsung copas code sript di bawah ke dalam blog anda.....good luck...!!!

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<script language="javascript">

<!-- Begin
function shake(n) {
if (self.moveBy) {
for (i = 20; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}
// End -->


PopUpURL = "Maaf anda tidak di perbolehkan klik kanan";

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;

if (isIE||isNN)
{
document.oncontextmenu=checkV;
}
else
{
document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP);
document.onmousedown=checkV;
}
function checkV(e)
{
if (isN4)
{
if (e.which==2||e.which==3)
{
dPUW=alert("Maaf anda tidak di perbolehkan klik kanan");
shake(2);
return false;
}
}
else
{
dPUW=alert(PopUpURL);
shake(2);
return false;
}
}
</script>

Read More

Kode html untuk memberi nomor urut

Kode html untuk memberi nomor urut, berikut :
 
<ol>
<li>Tulis Teks disini</li>
<li>Tulis Teks disini</li>
<li>Tulis Teks disini</li>
</ol>
Contoh :

1. Tingkat dasar.
2. Tingkat menengah.
3. Tingkat atas.

                                                                                                                                                         ©

Read More

Kode html untuk membuat tabel

Kode html untuk membuat tabel, berikut :

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<html>
<head>
<title></title>
</head>
<body>
<!-- Put the body of your page below this line -->
<table width="500" border="5">
<tr>
<td width="25"><center>No</center></td>
<td width="300"><center>Nama Barang</center></td>
<td width="150"><center>Banyaknya</center></td>
<td width="150"><center>Satuan</center></td>
<td width="150"><center>Jumlah</center></td>
</tr>
<tr>
<td><center>1</center></td>
<td>Gula</td>
<td><center>5 kg</center></td>
<td><center>@ 11.000,00</center></td>
<td><center>55.000,00</center></td>
</tr>
<tr>
<td><center>2</center></td>
<td>kopi</td>
<td><center>2 kg</center></td>
<td><center>@ 35.000,00</center></td>
<td><center>70.000,00</center></td>
</tr>
</table>
<!-- Put the body of your page above this line -->
</body>
</html>

Read More

Macam-macam kode

Cara untuk mengganti besar kecilnya font, berikut :

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

Kecil :
<span style="font-size: x-small;">Kecil</span>

Besar :
<span style="font-size: large;">Besar</span>
 
 ----------------------------------------------------------------------


 Macam-macam kode :

Gambar panah ke kiri ( « ) kode htmlnya adalah &#171;
Gambar panah ke kanan ( » ) kode htmlnya adalah &#187;

Kode html tulisan posting lebih lama data:olderPageTitle/ 
Kode html tulisan posting lebih lama data:newerPageTitle/

Kode html meter persegi ( m² ) adalah ²
Kode html meter kubik ( m³ ) adalah ³
Kode html kurang lebih ( ± ) adalah ±

Kode html seper empat ( ¼ ) adalah  ¼
Kode html setengah ( ½ ) adalah ½
Kode html tiga per empat ( ¾ ) adalah ¾

Read More

Cara Membuat MENU keren dan cantik di blog

 Berikut Cara Membuat MENU keren dan cantik di blog :

 1. Klik "Layout" (Tata Letak)

2. Klik "Add Gadget"

3. Pilih "Javascript/HTML"

4. Copy dan Paste kode berikut ini:

5. save.


<style type="text/css">
/*CSS MENU*/
#menu{background:#343434;color:#eee;height:35px;border-bottom:4px solid #eeeded}
#menu ul,#menu li{margin:0 0;padding:0 0;list-style:none;z-index:9999;}
#menu ul{height:35px}
#menu li{float:left;display:inline;position:relative;font:bold 12px Arial;text-shadow: 0 -1px 0 #000;border-right: 1px solid #444;border-left: 1px solid #111;text-transform:uppercase}
#menu li:first-child{border-left: none}
#menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#eee;}
#menu li:hover > a,#menu li a:hover{background:#111}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:12px;position:absolute;left:35px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#111;position:absolute;z-index:99;display:none;border:0;}
#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;}
#menu li:hover ul.menus{display:block}
#menu a.home {background: #c00;}
#menu a.sub{padding:0 27px 0 14px}
#menu a.sub::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px}
#menu ul.menus a:hover{background:#333;}
</style>

<!-- Mulai Area Menu -->
<nav id="menu">
<input type="checkbox" />
<label>≡Navigation</label>
<ul>
<li><a class="home" href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Daftar Isi</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Login Admin</a></li>
<!-- Mulai Area Menu Dropdown -->
<li><a class="sub" href="#">Menus</a>  <ul class="menus">
<li><a href="#" title="Menus">Menus 1</a></li>
<li><a href="#">Page</a></li>
<li><a href="#">Menus2</a></li>
<li><a href="#">Menus 3</a></li>
<li><a href="#">Menus 4</a></li>
<li><a href="#">Menus 5</a></li>
</ul>
</li>
<!-- Area Dropdown Selesai-->  </ul>
</nav>
<!-- Area Menu Selesai-->

Read More

Cara Menambahkan Kotak Script Cantik di Postingan

Cara Menambahkan Kotak Script Cantik di Postingan, berikut caranya :

1. Buka Entri Baru
2. Aktifkan mode HTML dengan cara klik tombol HTML yang terdapat disamping Compose
3. Copy script box code yang tersedia di bawah
4. Paste script box code diantara bagian yang diinginkan di tab HTML
5. Pilih kembali bagian tab Compose

5 Macam Versi Kotak Script / Box Code

1. Kotak Script Border Left

<div style="background-color: #f3f3f3; border-left: 5px solid #2288dd; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

2. Kotak Script Border Solid

<div style="background-color: #f3f3f3; border: 4px solid #999; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

3. Kotak Script Border Dashed

<div style="background-color: #ffe599; border: 2px dashed #aaa; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

4. Kotak Script Border Double

<div style="background-color: #6fa8dc; border: 4px double #fff; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

5. Kotak Script Border Outset

<div style="background-color: #a2c4c9; border: 4px outset #fff; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

6. Kotak Script Nice Box

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border-radius: 10px; padding: 10px; t-align: left;"> Tambahkan script di sini...</div>

 7. Kotak Script Easy Looking box

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-top: 10px solid #4fee0f; border: 10px; padding: 10px; t-align: left;">Tambahkan script di sini...</div>

8. Kotak Script Minimalis Box

<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: white; border-top: 20px solid #f4034c; overflow: auto; padding: 10px; t-align: left; t-color: #fff;">
Tambahkan script di sini...</div>

9. Kotak Script Mistique

 <div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: black; border-left: 10px solid red;  padding: 10px; t-align: left;">
<span style="color: white;"><span style="font-family: 'Trebuchet MS', sans-serif;">Tambahkan script di sini...</span></div>

10. Kotak Script Elegan box

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border: 10px; padding: 10px; t-align: left;">Tambahkan script di sini...</div>

Script tersebut dapat kamu kreasikan sesuai dengan keinginan:
- Mengganti warna kotak: background-color:#kodewarna
- Merubah warna border: border:#kodewarna
- Mengatur ketebalan border: border:4x 

Read More

Cara membuat link Open New Tab

 Cara membuat link Open New Tab berikut Scripnya :

1. Klik "Layout" (Tata Letak)
2. Klik "Add Gadget"
3. Pilih "Javascript/HTML"
4. Copy dan Paste kode berikut ini:
5. save.

<a href="https://anangzaini.blogspot.co.id/" target="_blank">Entertainment</a>

Read More