Behind The King

Pernahkah melihat saat blogwalking, tulisan yang mengikuti kemanapun pointer anda mengarah ?
seperti ini :


Caranya :

1. Tambahkan widget HTML/Javascript
2. Letakkan kode berikut didalamnya :

<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: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;

/* 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'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Man Behind The King";
/* 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>

3. Ganti Kode yang dibold warna dengan kebutuhan Anda masing masing
4. Selesai dan Simpan

Sekian dan Terimakasih 

Anda pasti pernah mengunjungi sebuah website yang mana anda tidak dapat menggunakan fasilitas block,sehingga otomatis fitur copy paste juga tidak bisa muncul. Penasaran nggak kalian ,seperti apa sih scriptnya.... B)

1. Pertama masuk ke bagian edit html..
2. Cari kode </head> menggunakan fungsi CTRL+F
3. kemudian copy kode ini tepat di atasnya :

<script language='JavaScript1.2'>

function disableselect(e){

return false

}

function reEnable(){

return true

}

document.onselectstart=new Function ("return false")

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</script>

 4. Simpan Template dan Selesai

Sekarang lihat di blog anda, gimana? sudah aman dari pencurian artikel bukan?
.Tapi artikel2 saya tidak menjamin artikel anda bebas dari copas blogger lain,sebab ada banyak cara yang dapat digunakan untuk mengakali script di atas. :p

Ada dua situs favorit saya untuk dapat mengukur keringanan blog saya dalam mengakses internet.
Tentunya semakin sedikit waktu yang dibutuhkan akan semakin bagus efektifits blog yang anda kelola.

Ini dia kedua situs tersebut :

1. GTmetrix , (yang satu ini sangat membantu untuk mengetahui berapa besar memory blog kita )






2. Speedpage google (Dikelola oleh Google)


Sekian dulu dari saya,terimakasih

Berikut ini saya sediakan banyak sekali script-script keren yang dapt dipasang di blog anda.
Mulai dari efek yang ringan hingga berat ( Yang bagian berat itu benar-benar berat lo,maka saya tidak menyarankan untuk memakainya )


A. Efek Ringan
Mungkin Ini adalah efek yang biasa kalian lihat.

1. Efek salju berjatuhan


2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api

5. Efek Gelembung

5. Efek Kupu - Kupu Terbang

Cara pemasangan :

1. Klik rancangan --> Edit html
2. Letakkan script efek di atas kode </body>
3. Klik Save

B. Efek Berat


1.Meteor Jatuh

 2. Banjir

 3. Bunga Mekar

4.  Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script efek di dalam kotak yang di sediakan
3. Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).

Mulanya aku tertarik dengan script ini,namun setelah diperhatikan ternyata kurang cocok dengan blogku yang terkesan sederhana... Ketidakcocokannya itu saat di halaman awal ( beranda ) ,potingan terkait juga muncul.. sehingga terkesan tidak rapi. Tapi tenang kawan,masalah ini akan segera terpecahkan. Tunggu saja di postingan selanjutnya.

Banyak omong nih,ayo lanjut. Ikuti Langkah-langkah di bawah :

1. Buka situs linkwithin


2. Isi data yang diminta kemudian klik "Get Widget"

3. Klik Install Widget ,

4. Maka Akan Muncul Seperti ini :

5. Pilih Opsi "Menambah Widget"

6. Widget sudah ditambahkan di blog anda, Selesai. Kurang lebih hsilnya akan seperti ini :






Sekian dan Terimakasih :p
Byee

Gak pake' basa-basi. I'm in Hurry men :(
Ikuti langkah di bawah ya :

1.Tambahkan Gadget Script/HTML

2.Masukkan kode berikut kedalamnya :

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent"><style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">

Letakan kode CBOX anda di sini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

3. Untuk mendapatkan kode CBox silahkan anda daftar dulu disini ,dan ikuti langkah-langkahnya.

4.Simpan dan Selesai. Coba sekarang anda lihat di sebelah kanan blog anda, sudah muncul kan B)


                                                       (Tampilan Saat Shout Box Minimalis)




                                                        (Tampilan Shout Box Saat Di Expand)


Sekian dan Terimakasih

Postingan saya kali ini mungkin cukup menarik bagi anda,membuat screen saver pada blog kita :)

Pertama-tama saya perkenalkan dulu screen saver yang umum dipakai oleh blogger2 lain yaitu : Energy saving mode screensaver. Untuk menginstallnya ikuti saja langkah-langkah berikut ini.....

1. Masuk ke pilihan Template-Edit HTML

2. Cari kode </head>

3.  Letakan script ini tepat di atas kode </head>

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

4. Simpan Template dan Selesai. Screensaver akan muncul jika dalam waktu 25 detik tidak ada kegiatan.
 Ini dia : 

Bagaimana menurut kalian? keren bukan?
Kalau misalnya ingin memunculkan gambar buatan sendiri juga bisa kok ;)
Ikuti langkah dibawah ini,,

1. Langkah di atas harus kalian lakukan dulu

2. Jika sudah, tambahkan gadget HTML/ JavaScript dan pasang script dibawah ini

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf9FzdN8DrXzfVvpDybJmgD2dPYZWNxvN0F0gX6MLLAKQE6imfgjfigpuLvCgbY-j-WEBNKZrTgMwoHPCG2In_B36a4193JFPW0xbsTOuSm1fI-e8OXhjbv4pu7bVT77Zz-luUZU-XlwlU/s1600/Untitled-1.png) no-repeat center center fixed black; }
div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving p span { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style>

 3. Simpan dan Selesai.

Kalau sudah jadi hasilnya seperti ini : 


Sekian Terimakasih :p

Note : yang dibold biru bisa anda ubah sesuka hati