Script Blog Editing



Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat



Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>




2. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>




9. Bunga




Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Cara memberi readmore pada blog dengan gambar keren


Assalamu'alaikum..................
Akhirnya saya sempat membuat artikel ini..!!
Kali ini kita akanm membahas blog tutorial tentang cara memberi readmore otomatis dengan gambar keren.
Saya berniat akan memberikan sedikit info tentang blog tutorial yaitu tentang readmore otomatis .Langsung saja ya. Kita akan membahas tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, supaya lebih terlihat elegant mungkin kita bisa memberi read more otomatis dengan gambar yang keren. Kita akan membahas tentang readmore yang menggunakan gambar yang keren .
Berikut langkahnya..>

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget

aneka script

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>

memasukan profil facebook ke blog

Facebook seperti yang sudah anda kenal merupakan media yang bisa menghubungkan anda dengan banyak orang diseluruh dunia selain friendster yang kita kenal sebelumnya,widget profile Facebook seperti diatas bisa anda pasang diblog anda untuk mengajak pengunjung anda mengenal lebih jauh anda, untuk pasang widgetnya silahkan ikuti langkah-langkah berikut:

1. Login ke facebook anda
2. Klik menu Profile
3. Lihat pada bagian kiri bawah klik "create a Profile Badge"
4. klik tulisan create badge
5. kemudian akan muncul halaman yang berisi:
--> layout : silahkan pilih vertikal atau horizontal tergantung space pada blog anda
--> Image : Javascript untuk aplikasi blogspot dan image untuk semua blog
--> Items : Silahkan pilih item yang akan anda masukkan ke widget profile facebook and
--> Kemudian Save

6. Kemudian akan muncul kode scriptnya, silahkan dicpy paste ke element halaman blog anda dengan cara seperti biasa Layout-->Add Gadget-->Javascript/HTML-->Save

sekarang anda bisa memperluas jaringan anda bersama facebook dan blog anda,,

Selamat mencoba ya dan semoga berhasil!!!

Kamis, 21 April 2011

cara membuat slide gambar pada blog

Cara Membuat Slide Gambar pada Blog

. Minggu, 30 Mei 2010
Kali ini saya akan memposting cara membuat gambar menjadi slide, sehingga terlihat seperti flash, jadi kita menggunakan banyak gambar, nah bagi anda yang tertarik untuk membuatnya silahkan lihat caranya di bawah ini :





Langkah ke 1 :

- Login ke blogger
- Klik Tata Letak/Layout
- Klik Edit HTML
- Copy kode dibawah ini kemudian Paste di atas Kode ]]></b:skin>

#coverslide{
position:relative;
width:220px;
background:#1c1c1c;
float:left;
height:220px;
margin-top:5px;
}
#slider{
width:200px;
height:200px;
padding:0px 0px;
margin:10px 10px;
visibility: hidden;
background:#fff;
}
#slider ul{
margin:0px 0px;
padding:0;
list-style:none;
}
#slider li{
width:200px;
height:200px;
background:#000;
overflow:hidden;
margin:0px 0px;
}
.slider-position {
position:relative;
}


- Lalu cari kode : </head>

- Kemudian copy paste kode di bawah ini lalu paste di atas kode </head>

<script src='http://iyang.googlecode.com/files/1.2.6.js' type='text/javascript'></script>
<script src='http://iyang.googlecode.com/files/imgslide.js' type='text/javascript'></script>
<script type='text/javascript'>
var $jx = jQuery.noConflict(); 
$jx (document).ready(function(){
$jx('#slider').css('visibility','visible'); 
$jx("#slider").easySlider({auto: true, continuous: true});})</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>


- Jika sudah selesai klik Save Template


Langkah ke 2 :

- Klik Tab Page Element / Elemen Halaman
- Klik Add Widgate / Tambah Gadget
- Klik  HTML / JavaScript
- Lalu Copy Kode dibawah ini dan Paste pada Gadget
<div id='jqueryslider'>
<div id='coverslide'>
<div id='slider'>
<ul>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
</ul>
</div></div></div>

Cara Membuat Tulisan Bergerak Mengikuti Mouse



Untuk menghiasi blog anda dengan macam-macam tampilan dan gaya yang bagus, yang ini perlu di coba, salah satunya untuk membuat tulisan yang kamu suka bergerak melingkari mouse yang ada pada blog anda, Nah anda semua mau mencobanya..? ikuti langkah-langkahnya sebagai berikut :



Caranya dibawah ini :
1. Login ke Blogger
2. Pilih Tata Letak
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy Paste kode di bawah ini :

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='
welcome to my blog rioardiansyah'.split('').reverse().join('');

var font='Times New Roman';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.2;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

6. Ganti kode yang berwarna merah dengan kata-kata kesukaan kamu sendiri
7. Save script tersebut, sekarang coba cek blogmu...bagaimana pendapatmu....?

Cara Membuat Emotion Monyet di Blog


. Sabtu, 01 Mei 2010
Hai...sob,, hari ini merupakan hari yang baru bagi saya karena hari inilah saya membuat posting saya pertama kali, sekaligus hari blog ini tercipta. Sesuai dengan judul kali ini, saya akan memberikan cara/tutorial untuk membuat emotion monyet yang fun dan lucu tentunya pada blog sobat semuanya.., sehingga para pengunjung yang datang ke blog kita lebih senang dan bisa mengungkapkan isi hati/perasaannya sehingga lebih terlihat hidup dan menarik, dan membuat para pengunjung pun tidak malas untuk memberikan komentar ke blog kita.

Untuk melihat caranya, langsung aja di bawah ini :
1. Login ke Blogger
2. Pilih Tata Letak
3. Pilih Edit HTML
4. Sebelum anda mengedit, backup dulu template anda dengan mengklik Download Template Lengkap karena jika terjadi kesalahan anda bisa mengembalikan ke semula.
5. Klik/centang kotak Expand Template Widget
6. Cari kode </body> dengan menekan Ctrl+F
7. Copy Paste kode di bawah ini di atas kode </body>

<script src='http://h1.ripway.com/oneironaut/monyet.js' type='text/javascript'/>

8. Cari kode <p class='comment-footer'> tapi hati-hati, karena kode tersebut ada dua yang sama persis, jadi pilihlah yang sama seperti ini


<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>
</b:if>
</p>


9. Copy Paste kode di bawah ini, di bawah kode <p class='comment-footer'>

<div style='overflow:auto; height:80px; width:360px'>
<b>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBerangan.gif' width='40'/> :a:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBom.gif' width='40'/> :b:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCamera.gif' width='40'/> :c:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCry.gif' width='40'/> :d:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCubit.gif' width='40'/> :e:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDarah.gif' width='40'/> :f:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDuit.gif' width='40'/> :g:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mFlu.gif' width='40'/> :h:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGelak.gif' width='40'/> :i:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGergaji.gif' width='40'/> :j:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGuilty.gif' width='40'/> :k:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHaha.gif' width='40'/> :l:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHantuk.gif' width='40'/> :m:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHihi.gif' width='40'/> :n:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHurm.gif' width='40'/> :o:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mJahat.gif' width='40'/> :p:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKanta.gif' width='40'/> :q:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKening.gif' width='40'/> :r:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKenyang.gif' width='40'/> :s:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKipas.gif' width='40'/> :t:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKorek.gif' width='40'/> :u:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mLove.gif' width='40'/> :v:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMandi.gif' width='40'/> :w:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMuka.gif' width='40'/> :x:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNgumpat.gif' width='40'/> :y:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNo.gif' width='40'/> :z:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPanas.gif' width='40'/> :1:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPeluh.gif' width='40'/> :2:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPening.gif' width='40'/> :3:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRambut.gif' width='40'/> :4:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRempit.gif' width='40'/> :5:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSad.gif' width='40'/> :6:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSakit.gif' width='40'/> :7:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSelam.gif' width='40'/> :8:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSmoking.gif' width='40'/> :9:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mStudy.gif' width='40'/> :10:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSurrender.gif' width='40'/> :11:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mThinking.gif' width='40'/> :12:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mTorchlight.gif' width='40'/> :13:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mWekk.gif' width='40'/> :14:
</b></div>


10. Save & selesai...emotion pada kotak komentar pun sudah jadi, silahkan lihat sendiri hasilnya,,ya..??
Semoga bermanfaat dan membantu...Thanks
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Postingan Populer