blog ni menyuguhkan artikel-artikel yg pztiny asyik gillaaa,,,,, trusss bca blog aq ea,,,, pkoknya bgi kliann smw yg bca blog aq,, psti gk akan bozzeenn.... makaciihh atass kunjungannya,,,,

My Profile

Foto saya
Desa Karangasem, Kecamatan Leuwimunding, Kabupaten Majalengka, Jawa Barat, Indonesia
Tampilkan postingan dengan label Info Menarik. Tampilkan semua postingan
Tampilkan postingan dengan label Info Menarik. Tampilkan semua postingan

Jumat, 27 Januari 2012

NAMA-NAMA JULUKAN NEGARA DI DUNIA

NAMA-NAMA JULUKAN NEGARA  DI DUNIA
ndonesia : Negara Agraris, Maritim, Jamrud Katulistiwa
Malaysia : Negeri Jiran
Singapura : Seribu satu larangan
Brunai : Petro Dollar
Thailand : Gajah Putih, Seribu Pagoda
Myanmar : Tanah Emas
Laos : The Land Locked Country/Tanah yang terkunci
Kamboja : Hell On Earth
Vietnam : Vietnam Rose
Filiphina : Lumbung Padi
Timorleste : bumi loro sae
Jepang : Sakura, Negeri Terbit matahari,
RRC : Negeri Tirai bambu, panda, Tembok Raksasa
Taiwan :Negeri yang sunyi, Naga Kecil Asia
Irak : Negeri 1001 malam
Arab Saudi : negeri Minyak
India : Negeri barata, anak benua
Nepal : Negeri seribu dewa
Tibet : Negeri atap dunia
Afrika : Negeri Benua Hitam
Amerika Serikat : Negeri Paman Sam dan Negara Super Power.
Argentina : Negeri Tenggo
Australia : Negeri Kangguru
Belanda : Negeri Kincir Angin dan Negeri Tulip.
Brazil : Negeri Samba
Bulgaria : Negeri Kuntum Mawar.
Finlandia : Negara Seribu Danau.
Italy : Negara Spaghetti.
Jerman : Negeri Hitler/Nazi
Kanada : Negara Pecahan Es.
Kuba : Negeri Cerutu.
Mesir : Negeri Firaun / Piramida,
Perancis : Kota Mode.
Rusia : Tirai Besi dan Negeri Beruang Putih.
Selandia Baru : Negara Kiwi.
Spanyol : Negeri Matador.
Yunani : Negeri Peradaban/Negri Para Dewa
Uganda : Mutiara Afrika.
Inggris : Black Country dan Negeri Raja
Iran : Negeri para mullah

Julukan-julukan negara lain
1) China = Negeri Tirai Bambu, panda Dan Tembok Raksasa
2) Jepang = Negeri Sakura Dan Negeri Matahari Terbit
3) Malaysia = Negeri Jiran
4) Belanda = Negeri Kincir Angin Dan Negeri Tulip
5) Amerika Serikat = Negeri Paman Sam Dan Negara Super Power
6) Australia = Negeri Kangguru
7) Thailand = Negeri Gajah Putih, Seribu Pagoda dan Tanah Merdeka
8) India = Negeri Barata Dan Anak Benua
9) Indonesia = Zamrud Khatulistiwa, Maritim Dan Agraris
10) Cina = Tirai Bambu
11) Rusia = Tirai Besi Dan Negeri Beruang Merah
12) Brazil = Raja Kopi Dan Negeri Samba
13)Brunai Darussalam = Negara Petro Dolar
14) Selandia Baru = Negara Kiwi
15) Irak = Negeri 1001 Malam
16) Jerman = Negeri Hitler/Nazi
17) Mesir = Negeri Fir’aun/ Piramida
18) Belanda = Negeri Dam (Bendungan) Dan Negeri Kincir Angin
19) Inggris = The Black Country Dan Negeri Raja
20) United Kingdom = Negeri Matahari Yang Tidak Pernah Tenggelam
21) Korea = Negeri Ginseng
22) Spanyol = Negeri Matador
23) Arab = Negeri Padang Pasir
24) New Zealand = Negeri Wool
25) Kuba = Negeri Cerutu
26) Uganda = Mutiara Afrika
27) Yunani = Negeri Peradaban
28) Perancis = Kota Mode
29) Kanada = Negara Pecahan Es
30) Italy = Negara Spaghetti
31) Finlandia = Negara Seribu Danau
32) Bulgaria = Negeri Kuntum Mawar
33) Argentina = Negeri Tenggo
34) Afrika = Negeri Benua Hitam
35) Tibet = Negeri Atap Dunia
36) Nepal = Negeri seribu dewa
37) Taiwan = Negeri Yang Sunyi Dan Naga Kecil Asia
38) Singapura = Seribu satu larangan
39) Arab Saudi = Negeri Minyak
40) Myanmar = Tanah Emas
41) Laos = The Land Locked Country/Tanah Yang Terkunci
42) Kamboja = Hell On Earth
43) Vietnam = Vietnam Rose
44) Filiphina = Lumbumg Padi
45) Timorleste = Bumi Loro Sae

Jumat, 20 Januari 2012

teks berputar pada kursor

<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: pink;
/* 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">

/* 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 = " Eonk Cii Biangossip Majalengka ";

/* 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>

Anti Maling dengan alarm Laptop

software Alarm Laptop Anti Maling ini merupakan software yang dapat digunakan untuk memberikan informasi melalui suara apa bila salah satu dari 4 kondisi dibawah ini terjadi sesuatu

Kabel power dicabut
Log off atau Shutdown
USB Mouse dicabut
Mouse digerakan .. atau kita bisa juga menyetingnya sendri sesuai dengan keinginnan kita, adapun cara penggunaanya adalah sebagai berikut :

Install alarm laptop
setelah selesai menginstal maka akan tampak gambar seperti dibawah ini :

lalu pilih Option untuk mengatur password seperti gambar dibawah ini :











lalu tekan OK maka akan tampak seperti gambar dibawah ini :

lalu tekan Lock Computer maka komputer anda akan terkunci dan apabaila salah satu dari 4 kondisi tersebut terjadi , maka laptop anda akan menghasilkan suara.
Tertarik!!!!!

Xpresi Download

Software yang bisa bernyanyi & berbicara sesuai keinginan kita.




Mungkin kadang kala kita bosan didepan komputer sendirian, tapi dengan software ini rasa bosan akan sedikit terobati . Mengapa ?... karena software ini dapat membuat diri kita terhibur seperti ditemani dengan wanita cantik dan dapat membantu kita dalam memperlancar bahasa inggris .Kadang aplikasi kecil ini dicurigai sebagai virus oleh sebagian anti virus, maka disable dulu AVnya sebelum menjalankan aplikasi.

MAU....

|  Xpresi Download  |

Software mengetik dengan perintah suara.

Bosan belajar mengetik cepat .

Xpresi4share solusinya.....hehehe... tapi yang ini bukan iklan loh.

Memang bagi sebagian orang mengetik itu dapat membosankan, tapi disini xpresi akan berikan cara mengetik santai dan bisa bikin ketawa bahkan bisa bikin kita kecanduan.

Sobat pasti penasarankan??



                                       |  Xpresi Download  |

Cara mengetahui ke-aslian foto.

Pernah bertanya-tanya,apakah foto ini asli ?
Cukup membuka foto pada JPEGsnoop dan gulir ke bawah ke bagian berjudul, *** Searching Compression Signatures *** . Pilihan ini dapat diaktifkan / dinonaktifkan dengan Signature Cari item dalam menu Options.
Garis penilaian menunjukkan salah satu dari empat hasil yang mungkin:
Kelas 1 - Gambar diproses / diedit
Kelas 2 - Gambar memiliki probabilitas tinggi diproses / diedit
Kelas 3 - Gambar memiliki probabilitas tinggi asli - CATATAN: Silakan lihat keterangan di bawah!
Kelas 4 - Tidak Pasti jika diolah atau asli
Gambar dikonfirmasi sebagai asli sangat mungkin

Apa itu "Asli"? Seberapa yakin kita bisa?
JPEGsnoop dapat digunakan dengan keyakinan yang wajar dalam mengidentifikasi "diproses" gambar, tapi apa yang dapat kita tarik dari penilaian alat itu bahwa " Gambar memiliki probabilitas tinggi yang asli "? ... hanya bahwa kompresi JPEG "tanda tangan" dan elemen-elemen metadata tertentu sesuai dengan yang diharapkan dari model kamera ditunjukkan (s). Perhatikan bahwa "Gambar Asli" penilaian telah diperbarui dalam versi JPEGsnoop terbaru untuk membuat perbedaan ini lebih jelas.

Apakah informasi ini cukup untuk membuktikan bahwa gambar adalah "asli"? Dalam kata, tidak.

Catatan Penting : Untuk ini, dan alasan terkait, alat tidak boleh digunakan sebagai bukti langsung untuk investigasi hukum !

Video Bingkai Analisis
JPEGsnoop citra penilaian fungsi-fungsi tidak dirancang untuk dilakukan pada frame JPEG diekstrak dari file video (AVI MJPG misalnya). Dalam kebanyakan kasus, ini akan melaporkan sebagai "Diproses / Diedit".
Kesimpulan
Oleh karena itu, sementara JPEGsnoop tidak dapat benar-benar menjamin keaslian gambar ini, dapat digunakan untuk menunjukkan dengan probabilitas yang masuk akal bahwa gambar belum diubah. Jika keasliannya harus "dibuktikan", metode analisis lebih lanjut akan diperlukan. Di sisi lain, tidak membuktikan keaslian gambar ini cukup mudah dicapai (disediakan bahwa tanda tangan kamera gambar asli telah ditangkap dalam database)
Gambar yang tidak "Asli"

Anda akan terkejut berapa banyak foto di web yang tampaknya asli, tapi dengan cepat terungkap sebagai diedit / post-diproses.Sebagai contoh, bahkan beberapa "Contoh Gambar" pada Canon situs resmi telah diedit di Photoshop .Canon mungkin telah cukup meningkatkan ketajaman atau meningkat saturasi, namun orang dapat dengan mudah melihat bagaimana hal itu bisa disalahgunakan.


Contoh contoh Gambar Canon diedit!

Informasi  yang diberikan JPEGSNOOP :
  1. Kita dapat mengetahui foto asli atau palsu.
  2. Kita dapat mengetahui tanggal di editnya foto.
  3. Kita dapat mengetahui media apa yang digunakan untuk melakukan pengeditan dls.

Bagaimana mengetahui keaslian foto dan foto yang sudah pernah melalui proses editing.
Banyak sekali gambar ataupun foto-foto yang telah diedit dengan software tertentu, dengan maksud dan tujuan tertentu pula. Bila untuk mempercantik atau memperindah suatu foto boleh-boleh saja, tetapi ada juga dengan maksud tujuan lain,kalau boleh saya katakan "niat buruk" seseorang untuk merugikan orang ataupun pihak lain.
Oleh karena itu xpresi akan memberikan aplikasi kecil yang sangat mudah sekali digunakan,bila anda tertarik silahkan ambil disini =>       

aneka kursor untuk blog

cursor hati

Fruity Strawberry Heart
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym530.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Fruity Strawberry Heart"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Fruity Strawberry Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

cursor bintang

Pink Transparent Star
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym596.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Pink Transparent Star"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Pink Transparent Star" style="position:absolute; top: 0px; right: 0px;" /></a>

 

cursor playboy

Playboy Purple Bunny
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-2/sym140.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Playboy Purple Bunny"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Playboy Purple Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak cancer

Cancer - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym29.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Cancer - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Cancer - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak libra

Libra - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym32.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Libra - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif
" border="0" alt="Libra - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak sagitarius

Sagittarius - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym34.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Sagittarius - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Sagittarius - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak scorpio

Scorpio - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym35.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Scorpio - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Scorpio - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak virgo

Virgo - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym37.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Virgo - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Virgo - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak gemini

Gemini - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym30.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Gemini - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Gemini - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak leo

Leo - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym31.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Leo - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Leo - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak pisces

Pisces - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym33.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Pisces - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Pisces - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak Aries

Aries - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym28.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Aries - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Aries - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak Taurus

Taurus - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym36.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Taurus - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Taurus - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak capricorn

Capricorn - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym26.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Capricorn - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Capricorn - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>
 

cursor zodiak aquarius

Aquarius - Zodiac Sign
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym27.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Aquarius - Zodiac Sign"><img src="http://text.glitter-graphics.net/psy/x.gif
" border="0" alt="Aquarius - Zodiac Sign" style="position:absolute; top: 0px; right: 0px;" /></a>

 

cursor pink

Cool Purple Outer Glow Pointer
 
 
 

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur119.cur), progress;}</style><a href="http://xpresi4share.blogspot.com/" target="_blank" title="Cool Purple Outer Glow Pointer"><img src="http://text.glitter-graphics.net/psy/x.gif" border="0" alt="Cool Purple Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

13 pilihan warna widget twitter burung terbang


Semakin ramainya pengguna twitter di seluruh penjuru dunia membuat mereka para webmaster berinovasi dan mengekspresikan kemampuan mereka dibidang bahasa pemograman dengan membuat berbagai macam widget blog atau fitur-fitur blog agar dapat ditampilkan di blog atau website dengan harapan dapat menarik pengunjung. salah satunya dengan widget twitter terbang (flying bird), widget twitter ini akan mengikuti layar dimanapun layar monitor, ketika halaman blog di scroll kebawah maka burung lucu yang membawa akun twitter kamu. seperti kita ketahui mencari follower / pengikut twitter lebih sulit ketimbang facebook karena di twitter orang yang kita follow belum tentu memfollow kita balik, sangat berbeda jika di facebook orang yang kita follow secara otomatis dia juga memfollow kita.
Nah dengan twitter terbang yang lucu kesana-kemari ini mungkin dapat membantu kita untuk mencari pengikut twitter, dibawah ini kode untuk widget twitter terbang dengan 5 jenis pilihan warna jadi kita bisa menyesuaikan dengan warna blog ataupun selera warna kita. sebelumnya difollow dung twitter saya hehe.... http://twitter.com/usupnew

1. Silahkan masuk ke akun blogger
2. Klik Rancangan >> Edit HTML
3. Kemudian letakkan kode berikut ini tepat diatas  </head>   (gunakan CTRL+F untuk mempermudah pencarian)
 <!--- AWAL KODE TWITTER --->
<script type="text/javascript" src="http://u-sup.googlecode.com/files/twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5WiJ4kbuFcf-9LUDpPiAmB5HdFr_yz_bDk0dPZf49fMy2j6H2WcKLImXpQuacEMAoLCHTYsuNQRv44FqZlSyOgH2sTlEdLA5DBxPfYJ8m6VovR2exOB79_knHvvB-BnfjeW8kETnLdFQ/s1600/u-sup-birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/IDTwitterKamu";var tweetThisText = "Twitter - IDTwitterKamu http://www.url-kamu.blogspot.com/";tripleflapInit();</script>
<!--- AKHIR KODE TWITTER --->
  • Gantilah teks hijau dengan ID twitter kamu 
  • Gantilah teks Kuning dengan url blog kamu yang dipasang widget ini
 Contoh untuk kode punya saya :
<script src='http://u-sup.googlecode.com/files/twitterbang.js' type='text/javascript'/>
<script type='text/javascript'>
var birdSprite=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5WiJ4kbuFcf-9LUDpPiAmB5HdFr_yz_bDk0dPZf49fMy2j6H2WcKLImXpQuacEMAoLCHTYsuNQRv44FqZlSyOgH2sTlEdLA5DBxPfYJ8m6VovR2exOB79_knHvvB-BnfjeW8kETnLdFQ/s1600/u-sup-birdsprite.png&quot;; var targetElems=new Array(&quot;img&quot;,&quot;hr&quot;,&quot;table&quot;,&quot;td&quot;,&quot;div&quot;,&quot;input&quot;,&quot;textarea&quot;,&quot;button&quot;,&quot;select&quot;,&quot;ul&quot;,&quot;ol&quot;,&quot;li&quot;,&quot;h1&quot;,&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;p&quot;,&quot;code&quot;,&quot;object&quot;,&quot;a&quot;,&quot;b&quot;,&quot;strong&quot;,&quot;span&quot;); var twitterAccount = &quot;http://twitter.com/usupnew&quot;;var tweetThisText = &quot;Twitter &#8211; usupnew http://u-sup.blogspot.com/&quot;;tripleflapInit();
</script> 
5.  Kemudian simpan template dilihat dulu hasilnya.

13 Pilihan warna untuk  twitter terbang
Gantilah URL/teks warna merah diatas dengan memilih salah satu URL dibawah ini kemudian simpan.

- Warna Standar (biru muda)
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5WiJ4kbuFcf-9LUDpPiAmB5HdFr_yz_bDk0dPZf49fMy2j6H2WcKLImXpQuacEMAoLCHTYsuNQRv44FqZlSyOgH2sTlEdLA5DBxPfYJ8m6VovR2exOB79_knHvvB-BnfjeW8kETnLdFQ/s1600/u-sup-birdsprite.png
- Warna Pelangi :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTKhROral3Vr_WtQIyxsNPCuKMFlhw3k6HOl_RqdwXeQzyDU0W2R8UuXZ-wIseMGpETM-ynV_JzAkNpjSOgyTOxxknyLwdlmO9FfF7YZaMKgC5G_UeDxk2B_FqvdYPrcg0DbJtf1IlYZ8q/s1600/u-sup-pelangi.png 
- Warna Biru tua : 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVd3TfjEfeKl8Gw0zkl34yk-rkaLi0X1Acwqe1Jf7nUYgIW5ATRvRMZLLQYd5_1dEjtmKwoVLreRINhF1aoFzjvEukJxiOOD3OYMcGY6JUW6yuVRmV5I3qEzfUhjZxusKFVZuB6IA1N-C/s1600/u-sup-Blue.png
- Warna Merah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpeTMc768OMQ4D2Im6ZWaZANBINE3cR67XhsgwdfWpQFZmXt7rC4kK7TBtPsWbqkwK1HgSn6GPDv7to6YzEfEFLg5WzcNohvruFctVLE4YTT2__Ue6lnS6aEYDWahpvbeBf2i5qXHT7p9k/s320/u-sup-red.png
- Warna Ungu : 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBdYmfk4Z5i_GGsHC08xoqkMAKC9dskFV872RwNV0QGr_lVerbbN1WYbbjyyu6QdAkyKMla2P5uN6SmMn44_TkX_yTeF8euTtjB1tk-483drNe0KVmP4dtvBuNdNVNOjZ-uqlvbsIk-26b/s1600/u-sup-ungu.png
- Warna Purple :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZTPer2WfmbNHZxgk9GzlDwtGkmONBvlphCgwIIUGxZgsBsGOo9NAy-uJeZuhSCnIcJ77hpFidFw2NYCk8EWd60frWU17gUOBoJfrbGaknWTmgnB_LD21ik8tSJz2j5ijoY67tbq5VFS8/s1600/u-sup-purple.png 
- Warna hitam :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2ZtQxCQJN06w7TQjh4g4FgQ9WZNR255kqv-zvjFaMnAnBcS1aykS8G_pS8YV7myqq-YkMVt9i-uZYNuU49X8A9ZPuXxDmj-WH_E2HBiW9sFjkl1QQGVOIro2AYi0woo1ZhoS7_pLqttm/s1600/u-sup-black.png 
- Warna hijau :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBteeGjS3NwKVm7pUhNFyjYNDtNkE9nG3_TVXdb1nPLa3o1FgOkJLKyusC36sP-8H9gsbLCfFbzaYi7ZyHfaWnzXkW4S80UDAV0q91mf-VRZN4JmVcIxE8QsvYGIEW-JUBRAJZmpPxd38H/s1600/u-sup-Green.png 
- Warna Kuning :
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFHmo2S5Ikg4oKi9lLtpSEZedb-7Q_x_9G3ShkYPgNKY2yHKuBPm3gk3-UwzhDj8dD1Q1rS5I55LETd3B9w29Db7nsuRD_MuxVFExiC3G5KXUmhtBHYC3dlJnSjR146fNbZJ1-S1l8l61/s1600/u-sup-yellow.png   
- Warna Putih :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgulN_DAhOTcqpfz0AUMHqt19Q63vPjWocYMVqmQf4ZSRVwMKgclFVSALrj8ET1MlOKdZDgVvw5oJSqmv04YnmSvwxH482AU3RN_NC_rMRQpNDop3_FzqL9DwrhAsaAlyaHXeIbtsLEm0sJ/s1600/u-sup-white.png
- Warna Transparan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cKfXPawzCB_5hppcRil_a6nNBgDyGRr7j_dHKfx8dNuNc0UqIaYZsUq2I34YTInduQF9DfCZpmtRAGIKLJOcFIT9V7IIdDCnZSTEA-VNTf4lLLqZ3OU1KcFySza5sfq5dN3OUPxso6hF/s1600/u-sup-transparan.png 
- Warna Cokelat :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUJWjFHQdHeIWotiq8njZVtAJkSClorA7As7emMFCb3Zi2sj0avsD9TA-FXzfquq5hB8kRFu4UusFLj52BwDYsPh9iyxf6JtaPAynWnVEijdwZPadEUwK3JDtBuwaJPYerx9pC6G16S5bT/s1600/u-sup-brown.png 
- 2 Warna Ungu - Oren
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHoW9XXrIoqQTAAENCeLfbTiAl_WRD1gC7rrUNr8c5fOVLHO4aJhRtDIKaYGVkK80iFQPMajGf66Y7u732CezHdj4pPkLUlzlFf4Y_qTeIPF0HYAWp3EiPz0DGJYVAebsZ5yDL_gZYe0v/s1600/u-sup-ungu-orange.png
Semoga mudah dipahami....!!!

Widget animasi blog untuk blogspot dan wordpress

Di bawah ini adalah widget animasi blog yang berisi gambar artis dan tokoh dunia, yang bisa anda pasang di pojok blog anda. Agar widget tampil di blog, copy xcript di bawah ini, kemudian masukkan ke gadget html/java script (blogspot) , atau ke widget text html (wordpress).
Panduan memasangnya bisa dilihat disini memasang widget animasi di blog

1. Leonardo dicaprio




Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:190px;height:240px;"><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/000205EF.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



2.Justin biber




 Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/000205EC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


3. Zac Efron



Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/00020635.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


4.Taylor Lautner



Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/00020631.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

5. Robert Pattinson



Script
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/00020610.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. John Hamn



Script
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/00020722.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

7. Matt Damon



Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/0002060C.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

8. George Clooney



Script

<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/000205EA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


9. Kate Winslet


Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/000205ED.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

10. Yes We Can


Script
<div style="position: fixed; bottom: 0px; left: 0px;width:120px;height:240px;"><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/0002031D.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

11. Rihanna



Script
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/0002069A.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

12. Eva





 Script
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:420px;"><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/00020365.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


13.Lady Gaga


Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><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/000205EE.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

14. Mengatur gambar /wideget agar berada di pojok kanan

Pada script di atas, ubah left menjadi right ,
Misalnya :
<div style="position: fixed; bottom: 0px; left: 20px;width:190px;height:240px;">
Menjadi :
<div style="position: fixed; bottom: 0px; right: 20px;width:190px;height:240px;">


Contoh:
<div style="position: fixed; bottom: 0px; right: 20px;width:190px;height:240px;"><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/000205EF.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

15. Untuk mengatur posisi widget berada di pojok bagian atas blog , ubah bottom menjadi top
Contoh:
<div style="position: fixed; top: 0px; right: 20px;width:190px;height:240px;"><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/000205EF.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Membuat teks animasi dengan efek neon light (Neon Lights Text II)

Jika sebelumnya pernah memposting panduan blog tentang efek neon pada teks dimana teks menyala dari kiri ke kanan hingga semua teks akan terlihat menyala. Maka dengan script berikut akan terlihat efek menyala tetap dari kiri ke kanan namun hanya satu karakter saja yang menyala.

Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah ini kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan,
Scriptnya bisa dilihat di bawah ini :



<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Selamat datang di blog pemula ini!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
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(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
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
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h2>

Keterangan :
Ganti teks Selamat datang di blog pemula ini dengan teks yang ingin ditampilkan
Pada var neonbasecolor="gray" bisa ganti gray dengan warna lain
Pada var neontextcolor="yellow" bisa ganti yellow dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Contoh hasilnya bisa dilihat di bawah ini :

Selamat datang di blog pemula ini!

Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)

Cara membuat teks bergerak melingkar mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan ditampilkan dapat diatur sesuai keinginan.

Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.





<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#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">

/* 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 = "Welcome to my blog!";

/* 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>




Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan


Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail

Cara membuat text neon light (efek teks yang menyala secara periodik)

Dengan menggunakan javascript kita bisa membuat sebuah efek teks yang menarik yaitu efek neon light (teks yang menyala dari awal karakter hingga karakter akhir. Teks tersebut akan menyala dari awal karakter hingga akhir. Untuk membuat efek neon pada teks cukup copy script di bawah ini, kemudian masukkan ke dalam gadget html/javascript.

Script codenya bisa dilihat dibawah ini :




<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="Selamat datang di blog belajar seo!"
var neonbasecolor="gray"
var neontextcolor="blue"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

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(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>




Untuk mengatur efek dan warna sesuai keinginan, lakukan perubahan pada teks yang berwarna hijau di bawah ini:
var message="Selamat datang di blog belajar seo!"
var neonbasecolor="gray"
var neontextcolor="blue"
var flashspeed=100  //in milliseconds


Hasilnya bisa dilihat di bawah ini

Selamat datang di blog belajar seo!

Informasi lengkapnya bis dilihat disini effect neon light text

Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

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




Catatan:


Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog


Artis

1. Leonardo




Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog


Untuk widget animasi kartun lucu lainnya seperti di bawah ini bisa dilihat disini widget animasi lucu.
.
24.Telur menetas



25.Ayam bertelur



26.Beruang




32.Gawang

Artikel Terkait:

memasang gambar animasi di blog