Cara Membuat HOTSPOT

 

Hotspot atau tempat-tempat yang menyediakan layanan akses Internet menggunakan wirelest. Bila anda ingin membuka usaha Cafe, atau restoran, agar orang tertarik dan betah datang ke tempat anda, anda dapat membuat layanan internet gratis bagi mereka yang berkunjung. Hal ini karena sejumlah perangkat yang telah dilengkapi dengan teknologi nirkabel, sehingga tren adalah penggunaan yang lebih tinggi.
Sayangnya, tidak semua orang mengerti bagaimana cara membangun infrastruktur Wi-Fi. Kurangnya informasi dan mungkin harga yang agak mahal membuat banyak pemilik usaha enggan untuk membangun hotspot. Bahkan, ada potensi besar untuk menambah fasilitas hotspot minat dan juga dapat meningkatkan pendapatan dari tempat itu sendiri.
Artikel ini akan membahas hal-hal penting yang perlu Anda ketahui untuk menyediakan layanan hotspot. Hal ini dibahas adalah relatif sederhana yang dapat diikuti oleh pemula sekalipun (asalkan sudah memiliki dasar-dasar jaringan). Pada akhir artikel, akan dibahas alat yang cukup praktis untuk digunakan untuk membuat hotspot.

Peralatan Yang Dibutuhkan :

1. Access Point.
Fungsi Access Point seperti sebuah hub / switch pada jaringan lokal, yang bertindak untuk menghubungkan jaringan lokal dengan jaringan wireless / nirkabel para client / tetangga anda, ini adalah jalur akses koneksi internet dari tempat anda dipancarkan atau dikirim melalui gelombang radio, ukuran juga mempengaruhi kekuatan sinyal cakupan area akan dicapai, semakin tinggi kekuatan sinyal (ukurannya dalam satuan dBm atau mW) memperluas jangkauannya.

2. Antena Omni
Untuk memperluas jangkauan area hingga beberapa Kilometer, anda memerlukan antena omni eksternal, bahkan ketika Anda membeli jalur akses dilengkapi dengan antena omni, tapi tidak cukup karena hanya berkekuatan sekitar 3-5dB, untuk memperluas wilayah jangkauan, Anda akan memerlukan antena Omni eksternal, rata – rata-rata daya 15db. Antena Omni ini memiliki pancaran atau radiasi 360 derajat, jadi cocok bisa menjangkau client dari arah mana saja.

3. Box Access Point
Untuk melindungi jalur akses Anda, perlu alat pelindung berbentuk kotak, bisa terbuat dari plastik atau plat logam, kotak rata-rata dilengkapi dengan kunci pengaman, dan kotak ini harus ditempatkan tepat di bawah antena.

4. Pigtail
Pigtail kabel atau kabel jumperl diperlukan untuk menghubungkan antara antena omni ke jalur akses, panjang maksimum pemberitahuan yang diperlukan hanya 1 meter, bila kepanjangan Anda akan mengalami degradasi sinyal (loss dB) Pada kedua ujung kabel memiliki konektor yang plug tipe konektor sesuai dengan yang melekat pada jalur akses Anda.

5. POE (Power Over Ethernet)
Agar kabel listrik tidak dibangkitkan untuk “menghidupkan” access point maka anda memerlukan alat “POE” alat ini berfungsi untuk mengalirankan listrik melalui kabel ethernet atau kabel UTP / STP, dengan alat ini maka Anda tidak perlu repot-repot membeli lagi kabel daya ke puncak menara, lebih praktis dan ekonomis.

6. Cable UTP / STP
Kabel UTP / STP ini diperlukan untuk menghubungkan jalur akses dengan jaringan kabel pada LAN lokal anda, supaya bisa dihubungkan ke komputer Gateway / Router atau Hub / Switch, pilih kabel UTP / STP yang berkualitas baik untuk meningkatkan kualitas listrik melewati POE. stpot

7. Anti-lightning (Lightning Arrester)
Sebagai pengaman dari petir maka anda memerlukan alat yang berfungsi untuk menyalurkan kelebihan beban listrik saat petir menghantam kabel pembumian (grounding), komponen ini dipasang pada kabel jumper antara perangkat dan jalur akses dengan antena eksternal. Grounding untuk penangkal petir umumnya ditanam dengan batang tembaga hingga kedalaman beberapa meter untuk mencapai air.

8. Tower

Untuk mendapatkan jangkauan area cakupan maksimum, anda perlu menaikkan antena omni eksternal ke tempat yang tinggi agar client WLAN anda bisa menangkap sinyal radio anda dengan benar.

Read More

Mengganti Kursor Blogger dengan Animasi

Berikut Langkah-langkahnya:

Masuk ke  Blogger, pilih Design -> Edit HTML dan checklist pada  “Expand Widget Templates“

Kemudian, cari kode berikut:

</head>

Dan paste kode berikut tepat sebelum-kode </head>:

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur), progress;}</style>

Kemudian klik  Save Template  


Kamu juga bisa pilih beberapa opsi kursor dibawah…

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HARRY_POTTER-GOLDEN_SNITCH.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/EVIL_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/working.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREEN_LINK.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HELP.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BROWN_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLUE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLACK_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WORLD_OF_WARCRAFT-WOW_POINTER_14.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_SKULL_CROSSBONES.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/TRANSPARENT_HALO_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HALO-HANDWRITING.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_DAD.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MOM.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_BLUE_OUTER_GLOW_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BREAST_CANCER_PINK_RIBBON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/MICHAEL_JACKSON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_GREEN_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_YELLOW_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_ORANGE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_PURPLE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/ROCK_ON.cur), progress;}</style>

Naaah.. gimana, mudahkan? Semoga infonya-bermanfaat deh buat semuanya..

Read More

Animasi Tulisan Berputar Pada Cursor Keren

 

Happy Weekend Sobat! Kalau kemarin saya sempet down dan agak malasan, kali ini kayaknya udah mulai semangat buat ngeblog lagi. Yah, ada banyak hal lagi yang ingin saya bagikan untuk anda. Dan Karena sekarang saya lagi tertarik dengan Javascript, maka di postingan kali ini saya akan membahas tentang javascript untuk mempercantik tampilan blog. Yaitu Membuat Animasi Tulisan Berputar Pada Cursor Keren. :bingung:

Contoh bisa anda lihat di cursor blog ini. Gimana keren tidak? Jika anda tertarik anda bisa membuatnya sendiri untuk menghiasi cursor blog anda. Caranya seperti ini :

1. Copy script berikut :

<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: #000000;
/* 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 = " 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>

2. Edit text yang berwarna merah dengan text yang anda inginkan.
3. Paste script tersebut pada blog anda di bagian header sebelum tag </head>
4. Simpan dan lihat hasilnya.
ps: Script ini hanya berlaku untuk pengguna wordpress.org, blogspot dan blog self hosted lainnya.
Semoga Berhasil…!!!

Read More

Cara Memasang Al-Qur’an Online dalam Blog

Mungkin pengunjung sekalian sudah mengetahui ada beberapa halaman baru dalam blog ini. Diantaranya adalah Al-Qur’an Online dan Hadits online , untuk kali ini saya akan share kepada pengunjung sekalian bagaimana cara memasang Al-Qur’an Online kedalam Blog kita.

Tentu disamping bisa menjadi daya tarik pengunjung, motivasi yang paling utama adalah sebagai Syiar Islam. Pengunjung akan terbantu dengan adanya Al-Qur’an Online ini, karena bisa belajar membaca, mencari terjemah, mendengarkan tartil dll.

Sumber dari Al-Quran Online yang akan saya share ini bersumber langsung pada situs  http://www.alquran-indonesia.com, jadi selama situs tersebut masih exist maka kita masih bisa memasang kedalam Blog kita.

Untuk tehnis pemasangannya kita hanya menggunakan perintah iframe dengan format perintah sebagai berikut :

 
<iframe style="overflow: auto; background-attachment: scroll; background-repeat: no-repeat;
background-position: left top; text-align: left; border: 1px solid #cccccc; -moz-border-radius: 8px 8px 8px 8px;
padding: 10px; width: 850px; height: 900px;" src="http://m.alquran-indonesia.com/mquran/index.php/quran"
frameborder="0">
</iframe>

Sesuaikan lebar dan tinggi border dengan angka yang anda inginkan ( saya beri warna hijau) , Dan yang saya beri warna merah adalah situs asli dari Al-Qur’an Online yang kita pasang di Blog kita.

Selamat mencoba semoga bermanfaat.

Read More

Cara memasang TV Online pada Blog

Beberapa hari yang lalu saya memasang TV online pada Blog ini , mungkin ada beberapa teman yang ingin tahu bagaimana cara memasangnya kedalam blog kita.

Sebenarnya caranya sangat mudah, kita tinggal menempatkan kode untuk embed video atau TV pada blog kita.

Tetapi perlu kita ketahui karena yang akan kita lihat adalh TV  dimana sebenarnya merupakan streaming video maka diperlukan band width yang lumayan besar. Jika Bandwidthnya pas pasan mungkin gambar atau video yang akan ditampilkan akan terlihat putus putus.

Sedangkan Chanel yang tersedia di antaranya TransTV, Trans7, Indosiar, SCTV, TV One, ANTV, Spacetoon, DAAI TV dan beberapa TV luar negeri.

Baik untuk rekan rekan yang sudah tidak sabar berikut kode scriptnya,  gunakan mode HTML untuk memasukkannya :

<center><object style="padding: 0px; margin: -245px 0pt 0pt; border: 2px solid #000000;
border-radius: 15px 15px 15px 15px;" width="572" height="785"
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="http://id.imediabiz.com/MivoTV.swf?r50000" /><param name="allowfullscreen"
value="true" /><param name="allowscriptaccess" value="sameDomain" />
<param name="devicefont" value="false" /><param name="menu" value="true" />
<param name="pluginspage" value="http://mivo.tv/ImediabizTV.swf?r=50000" />
<param name="quality" value="high" /><param name="scale" value="noscale" />
<param name="wmode" value="transparent" />
<embed style="padding: 0px; margin: -245px 0pt 0pt; border: 2px solid #000000;
border-radius: 15px 15px 15px 15px;" width="572" height="785" type="application/x-shockwave-flash"
src="http://id.imediabiz.com/MivoTV.swf?r50000" allowfullscreen="true" allowscriptaccess="sameDomain"
devicefont="false" menu="true" pluginspage="http://mivo.tv/ImediabizTV.swf?r=50000" quality="high"
scale="noscale" wmode="transparent" /></object></center>

Read More

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

Read More