You are on page 1of 22

Kumpulan script untuk blogger

KUMPULAN SCRIPT UNIK UNTUK BLOG


1.LIKE FACEBOOK BUTTON

<iframe
src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fro
dasautblogspotcom%2F376305502496759&amp;width=350&amp;height=100&amp;colorscheme=light&a
mp;layout=standard&amp;action=like&amp;show_faces=true&amp;send=true&amp;appId=12168567133
5210" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;"
allowtransparency="true"></iframe>

2.FOLLOW TWITTER BUTTON

<a href="https://twitter.com/Rodasaut1" class="twitter-follow-button" data-show-count="false">Follow


@rodasaut1</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//pl
atform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-
wjs");</script>

3.NEW POST LIVE

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px
#00000;width:55px;height:55px;}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});

</script>
<ul id="rp_plus_img"><script>
var numposts = 5;
var numchars = 0;
</script> <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-
script&amp;callback=rpthumbnt">
</script> </ul>
<small><a

4.LARGE VISITOR GLOBE

<div style="text-align:center; margin:0px; padding:0px; width:260px;"><embed


src="http://ra.revolvermaps.com/f/g.swf" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="window"
allowscriptaccess="always" allownetworking="all" width="280" height="280"
flashvars="m=8&amp;i=0eqsjubjp0w&amp;r=false&amp;v=true&amp;b=000000&amp;n=false&amp;s=30
0&amp;c=00ff6c"></embed><br /><img src="http://ja.revolvermaps.com/c/0eqsjubjp0w.gif" width="1"
height="1" alt="" /><a
href="http://rodasaut.blogspot.com/?target=enlarge&amp%3Bi=0eqsjubjp0w&amp%3Bcolor=00ff6c&amp
%3Bm=8"></a></div>

<small><a href="http://rodasaut.blogspot.com/2013/08/cara-memasang-visitor-versi-globe.html"
target="_blank">ambil script widget ini disini</a></small>

5.FLAG COUNTER VISITORS

<a href="http://info.flagcounter.com/1mck"><img
src="http://s08.flagcounter.com/count/1mck/bg_383838/txt_FFFFFF/border_000000/columns_1/maxflags
_26/viewers_pemirsa/labels_1/pageviews_1/flags_0/" alt="Flag Counter" border="0" /></a>

<small><a href="http://rodasaut.blogspot.com/2013/08/cara-memasang-visitor-unik-di-blog_29.html"
target="_blank">ambil script widget ini disini</a></small>

6.SKULL CLOCK

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript"


language="JavaScript">obj=new Object;obj.clockfile="8005-
gray.swf";obj.TimeZone="JOG";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);<
/script>

<small><a href="http://rodasaut.blogspot.com/2013/08/cara-memasang-jam-unik-di-blog.html"
target="_blank">ambil script widget ini disini</a></small>

KETERANGAN: cara pasang script2 diatas pastinya udah pada tau kan? yang belum tau ni aku kasi tau,,

1. masuk aku blog sobat

2.pilih tata letak

3.tambah gedget

4.copas script yang kamu mau (yang diatas)

5.beri nama dansimpan,,


Kumpulan Script widget untuk blogger
terlengkap
Share1
05.11 |

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
Code:

[tt] [/tt]

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.
Code:
[tt]
[/tt]
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
Code:
[tt]

Username:

[/tt]
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 :
Code:

[/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
Cara Pasang Background Matrix Di Blog
Share

06.25 |

Oke...postingan artikel kali ini cara pasang background The Matrix yang unik dan atraktif. Background
The Matrix ini tersedia dalam berbagai image yang sudah saya persiapkan. Sobat blogger tinggal pilih
imagenya kemudian tinggal pasang kode CSS-nya di blog sobat. Caranya gampang ga perlu ribet n
pusing...

Sebelum sobat blogger mencoba trik kali ini ada baiknya membuat backup template blog sobat
terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan

 Login ke blog sobat.


 Klik "Design" kemudian klik "Edit HTML".
 Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

<style type="text/css">

body{

background:url(https://lh5.googleusercontent.com/-

F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogs

pot_com_redmatrix.gif) repeat center center fixed black;

}
</style>

 Ganti kode yang berwarna merah pada baris kode atas dengan URL gambar animasi matrix
yang sobat inginkan.
 Klik "Save" dan lihat hasilnya...

Animasi Gambar Matrix

 0-1-1 Matrix

 Black Red Matrix


 Blue Matrix 1

 Blue Matrix 2
 Green Matrix

 Port Listener
 Red Matrix

 Blue Matrix

Wuiiihhh...cape juga ngetiknya...oke selamat mencoba aja dech... Jangan lupa koment, G+1, star vote
and FB Like. Happy Blogging...!@#$%&
KIRIMKAN INI LEWAT EMAILBLOGTHIS!BERBAGI KE TWITTERBERBAGI KE FACEBOOK

You might also like