Hari ini, saya akan memposting tentang kumpulan script/beberapa script widget untuk blogger......
dah gak sabarkan............... ni dia...........
Pasang icon disamping judul
1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode
6. Persis setelah kode tersebut, copy pastekan script berikut ini
7. Jangan lupa mengganti tulisan warna hijau dengan alamat URL icon
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai keinginan
9. Jika sudah, klik Simpan Template
Membuat text melayang pada blog #1
Setiap orang yang mempunyai sebuah blog pasti berlomba-lomba untuk memperindah blognya dengan gedget yang keren agar pembaca menarik, pada triks kali ini ferdy akan coba membuat text yang melayang-layang mengikuti arah gerak mouse kita
1. Masuk ke
http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini.
6. Save template
NB : Text yg berwarna hijau silahkan ganti sesukamu,kalo yg warna ungu itu untuk kode warna nya
Cara buat login admin
1. Masuk ke
http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini
6. Save template kalian
Buat Recent Post
Recent Post, sudah sering kita jumpai. Fungsi dari recent post adalah untuk menampilkan review dari beberapa postingan kita.
Jadi, beberapa isi postingan kita bisa dilihat sebagian. Dari pada hanya menampilkan judulnya saja, dengan Recent Post, paling tidak pengunjung bisa mengetahui sedikit tentang isi postingan yang telah kita buat.
Caranya,tinggal copy code berikut :
[/tt]
anti klik kanan
Code: |
<script language="Javascript1.1">
function ejs_nodroit()
{
alert('isi pesan kalu diklik kanan');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script> |
Tulisan Judul Berjalan
Code: |
<script language="Javascript1.2">
var message="JUDUL YANG MAU DIMASUKKAN"
var message=message+" "
i="0"
var temptitle=""
var speed="175"
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}
window.onload=titler
</script> |
Text Mengitari Mouse
Code: |
<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: #000;
/* 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 = "GANTI DENGAN TEXT YANG ANDA INGINKAN";
/* 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> |
buka notepad lalu copas ( copy / paste ) code itu lalu edit tulisan yang saya tulis
moga bermanfaat buat member dan yang lainnya
1. Membuat daftar isi blog secara otomatis. (contoh, klik di sini).
Untuk script daftar isi otomatis ini, setelah di copy paste, ubah dulu di bagian berikut
"..http://irfanimovick.blogspot.com/feeds/posts/default?max-results=9999 ..."
nama blognya ganti dengan blog kamu .....
2. Membuat Related Post sesuai label (Contoh Lihat di Sidebar sebelah atas)
a. Buka Blogger > Dewsign > Edit Html (jangan lupa centang "Expand Widget Template" kemudian cari < /head>
b. simpan di atas < /head> kode berikut
kemudian save ..
c. letakan kode berikut di widget (HTML)
3. Membuat Random Post (Contoh Lihat di Sidebar >>>)
Langsung Copy Paste saja code berikut, kemudian simpan di widget (Html)
Rule :
Ganti http://irfanimovick.blogspot.com dengan url blog kamu .. :)
1. Script klik kanan ada pesan warning :
Quote:
Code: <script language="JavaScript1.1">
function ejs_nodroit()
{
alert('Pesan warning');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script> yang bertulis pesan warning adalah pesan warning yang kamu tulis |
2. Script efek Bintang jatuh :
Quote:
Code: <script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script> |
3. Script efek salju berguguran :
Quote:
Code: <script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script> |
4. Script efek hujan bunga
Quote:
Code: <script language="JavaScript"
src="http://www.geocities.com/ferdy_giel/Script/Flowerain.js">
</script> |
5. Script efek kembang api :
Quote:
Code: <script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script> |
6. Script efek hati bertaburan :
Quote:
Code: <script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script> |
7. Script text judul berjalan :
Quote:
Code: <script language="JavaScript1.2">
var message="Tulisan judul"
var message=message+" "
i="0"
var temptitle=""
var speed="175"
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}
window.onload=titler
</script> yang bertulis Tulisan judul adalah text judul yang kamu tulis |
8. Script text mengitari mouse
Quote:
Code: <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: #000;
/* 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 = "Tulisan";
/* 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> yang bertulis Tulisan adalah text kamu |
9. Script Animasi Page title di browser :
Quote:
Code: <SCRIPT LANGUAGE="JavaScript">
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
var message = new Array();
message[0] = "Title halaman"
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 doIt() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 8) { s = 1;}
if (s == 1) { document.title = '.¸.·´¯`·.¸.·´¯`·.¸.·´¯`· '+T+' ¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.'; }
if (s == 2) { document.title = '·.¸.·´¯`·.¸.·´¯`·.¸.·´¯` '+T+' .·´¯`·.¸.·´¯`·.¸.·´¯`·.¸'; }
if (s == 3) { document.title = '`·.¸.·´¯`·.¸.·´¯`·.¸.·´¯ '+T+' ·´¯`·.¸.·´¯`·.¸.·´¯`·.¸.'; }
if (s == 4) { document.title = '¯`·.¸.·´¯`·.¸.·´¯`·.¸.·´ '+T+' ´¯`·.¸.·´¯`·.¸.·´¯`·.¸.·'; }
if (s == 5) { document.title = '´¯`·.¸.·´¯`·.¸.·´¯`·.¸.· '+T+' ¯`·.¸.·´¯`·.¸.·´¯`·.¸.·´'; }
if (s == 6) { document.title = '·´¯`·.¸.·´¯`·.¸.·´¯`·.¸. '+T+' `·.¸.·´¯`·.¸.·´¯`·.¸.·´¯'; }
if (s == 7) { document.title = '.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸ '+T+' ·.¸.·´¯`·.¸.·´¯`·.¸.·´¯`'; }
if (s == 8) { document.title = '¸.·´¯`·.¸.·´¯`·.¸.·´¯`·. '+T+' .¸.·´¯`·.¸.·´¯`·.¸.·´¯`·'; }if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doIt();
}
}
doIt();
</script> yang bertulis Title halaman adalah text title yang kamu tulis |
10. Script Flash di Blog
Quote:
Code: <embed src="blog URL" quality="high" bgcolor="white" width="w" height="h" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed> yang bertulis blog URL adalah alamat blog kamu
yang bertulis w dan h adalah ukuran Flash kamu |
11. Script Kotak Link Exchange
Quote:
Code:
<textarea name="textarea" cols="nomor"><a href="blog URL"><img src="Image URL" width="90" height="17" border="0" /></a></textarea>
yang bertulis nomor adalah lebar kotak kamu
yang bertulis blog URL adalah alamat blog kamu
yang bertulis Image URL adalah alamat gambar kamu
Read More