Kamis, 08 Maret 2012

0
Cara Membuat SMS Gratis di Blog

Cara memasang SMS GRATIS di Blog - Apakah anda ingin sms gratis di blog? pastinya ingin yah, kalo mau sms gratis saya punya caranya, klik ini " Trik kirim SMS Gratis " disitu anda bisa kirim sms gratis sepuasnya..Kali ini saya akan bahas bagaimana Cara memasang SMS GRATIS di Blog yang pastinya mudah deh caranya, kita akan buat sebuah halaman yg berisi form sms gratis, mau tau contohnya, lihat disini Jadi mari kita mulai, pertama klik buat laman baru, atau boleh juga buat entri baru, kasih aja judul entrinya SMS Gratis, selanjutnya anda bisa pilih dari ketiga form ini:WIDGET 1 (banner = NO , iklan sms = YES)
Widget SMS Gratis tanpa banner, Widget SMS Gratis ini bisa anda pasang diwebsite anda tanpa banner iklan di widget, tapi iklan muncul di setiap akhir sms yang dikirim.


WIDGET 2 (banner = YES, iklan sms = NO)
Widget SMS Gratis tanpa sms iklan diakhir teks sms, Widget ini tanpa iklan di akhir SMS tapi ada iklan banner kecil di bawah widget.


WIDGET 3 (banner = YES, iklan sms = YES)
Widget SMS Gratis dengan iklan diakhir sms, tapi ini iklan bisa anda tentukan sendiri, Widget ini ada iklan banner kecil di bawah widget. Misalnya ada punya blog atau website dg nama www.abc123.com, maka setiap pengunjung mengirim SMS akan ada teks -www.abc123.com- di akhir setiap sms yg dikirim.


Anda mau yang mana? jika yang pertama, maka ini codenya:


Widget 1:


<iframe name="wg1" src="http://sms600.com/wg1"
frameborder="0" width="250" height="290"></iframe>


Widget 2:


<iframe name="wg2" src="http://sms600.com/wg2"
frameborder="0" width="250" height="290"></iframe>


Widget 3:


<iframe name="wg3"
src="http://sms600.com/wg3/index.php?
teks=webAnda.com" frameborder="0"
width="250" height="290"></iframe>


Ambil salah satu code tersebut pastekan di entry anda dalam format edit html, dan setelah itu tinggal anda klik Terbitkan Entry.


Sumber : http://m-wali.blogspot.com/2012/02/cara-memasang-sms-gratis-di-blog.html#ixzz1oY0NUSrG

1
Cara Membuat kalender di Blog

Apabila anda ingin menambah atau mempercantik blog anda dengan kalender maka anda pasti akan mencari situs yang menyediakan widget kalender bagi blog anda. Agar tidak terlalu bingung mencarinya, saya berikan situs yang menyediakan widget kalender yaitu http://www.free-blog-content.com,dan All the calendars in the World - Calendar Widget. Untuk cara instalasi, silahkan ikuti langkah-langkah berikut ! 
  1.  Tata Letak
  2.  Tambah Gadget
  3.  Klik menu Edit HTML
  4.  Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk   berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula.
  5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh.
  6. Klik tombol Simpan Perubahan Template
  7.  Selesai. 

0
Membuat teks melayang mengikuti kursor

Untuk kesempatan kali ini saya mau berbagi sama teman-teman mengenai cara membuat teks melayang yang mengikuti kursor. Hal ini saya dapat ketika lagi jalan-jalan ke blog teman-teman sambil nambah ilmu. Dan ini merupakan permintaan dari salah satu teman blog saya, jadi saya harus menghargai dan berbagi ke yang lain untuk ilmu yang sudah didapat.

Dibawah ini adalah tahap untuk membuatnya:

Untuk yang pertama kita bisa masuk ke account blog
Lalu ke menu (tata letak)
Pilih (tambah gadget)
Kemudian tambah (html/javascript)
Dan teman-teman bisa copy kode dibawah 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='Tkj Smk 1 Bandar Lampung'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='##0000FF';
// 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=.3;
// 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(); </script>


Untuk teks yang berwarna biru (selamat datang) bisa diganti sesuai yang diinginkan teman-teman dan kode (#0000FF) adalah warna pada teks juga bisa diganti menjadi warna yang berbeda sesuai yang diinginkan juga.

0
Cara Membuat Screensaver (Energy Saving Mode) Blog

Energy saving mode/screensaver di blog/web adalah kondisi standby dimana seluruh process dihentikan sementara. Proses-proses yang berjalan misalnya adalah gambar grafik bergerak (misalnya: .gif), flash video, auto scrolling widget, dan masih banyak lagi. Dengan adanya plugin screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sederhana di atas halaman. Jadi, energy dan proses yang digunakan oleh komputer dapat diminimalisir. Itulah mengapa, seringkali aplikasi ini dikaitkan dengan gerakan hemat energy dan save green environment. Aplikasi screen saver akan dihentikan kinerjanya oleh browser (dikembalikan ke tampilan semula) ketika pengunjung/visitor menggerakkan mouse (mouse over)

Aplikasi sejenis yang paling mudah digunakan adalah aplikasi screensaver (energy saving mode) buatan onlineleaf.com. Sebelumnya saya pernah mereview kelemahan OnlineLeaf screensaver ini, yaitu waktu browser melakukan request ke server Online Leaf sangat lama karena menunggu respon, sehingga  ikut memperlambat waktu loading blog/web. Namun, saat ini (sampai saat artikel ini ditulis), load-time sudah dalam keadaan normal. Salah satu resiko menggunakan eksternal javascript adalah kasus semacam itu. Jadi, bagi anda yang ingin memasang aplikasi screensaver ini, pertimbangkan matang-matang sebelum menggunakannya.


Cara memasang energy saving mode (screensaver) pada blog (blogger)/web:
1. Masuk ke edit HTML/Edit Template, cari (CTRL + F) tag </head>.
2. Copy dan paste script screensaver berikut tepat di atas/sebelum </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
Script di atas menggunakan Jquery JS library, jika web anda menggunakan javascript library yang lain, gunakan script berikut untuk menghindari crash/conflict dengan jquery dan gagalnya aplikasi:
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<script>jQuery.noConflict();</script>
KOSTUMISASI SCREENSAVER BLOG
Kostumisasi waktu screensaver sebelum standby mode:
Trik ini sangat sering digunakan pada url javascript untuk meng-override waktu default. Untuk memberikan waktu/jeda sebelum aplikasi screensaver muncul dan bekerja, tambahkan ?time=x di belakang url script. X adalah jumlah detik.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=80' type='text/javascript'/>
Dengan script seperti contoh di atas, energy saving mode akan bekerja setelah 80 detik


Kostumisasi bahasa dalam tampilan screensaver:
Jika ingin mengganti kata-kata dalam tampilan screesaver yang secara default menggunakan bahasa inggris, tambahkan ?lang=kodebahasa. Berikut support bahasa yang dapat digunakan dan kodenya:
ak - Akangr - Greeksl - Slovenian
da - Danishid - Indonesianse - Swedish
de - Germanjp - Japanesesk - Slovak
en - Englishit - Italiansw - Swahili
es - Spanishnl - Dutchtr - Turkish
fr - Frenchpl - Polishvi - Vietnamese
fi - Filipinopt - Portuguesehr - Croatian
Table Cellbpt - Brazilian Portuguesero - Romanian
Jika ingin set dalam Bahasa Indonesia, maka tambahkan ?lang=id seperti contoh berikut:
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?lang=id' type='text/javascript'/>
3. Save template.

0
Cara membuat pesan penutup di blog

Proses nya sama dengan di atas OK
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH CIKA   ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;


</script>
Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu.. 

0
Membuat Kotak Alert Message pada Blog

Mungkin anda pernah melihat kotak alert seperti dibawah ini ketika mengunjungi sebuah blog. Dimana anda harus mengklik tombol OK atau klik tombol Close untuk bisa mengakses blog tersebut.


alert message box
Sesuai dengan namanya, maka kotak ini berfungsi untuk menampilkan pesan-pesan penting atau peringatan kepada pengunjung. Contohnya seperti pesan diatas tuh. Wah ekstrim banget ya. Tapi nggak usah khawatir karena kenyataannya nggak mungkin terjadi. Itu hanya sebuah teks untuk nguji nyali anda saja . Just Kidding.^^


Terus terang menurut saya, kotak ini sangat mengganggu aktivitas pengunjung. Tetapi bagi anda yang iseng ingin mencobanya atau mempunyai pesan-pesan tertentu yang ingin disampaikan kepada pengunjung blog anda. Maka tidak ada salahnya untuk menggunakan cara ini. Karena setiap pengunjung yang datang keblog anda akan membaca pesan pada kotak alert tersebut terlebih dahulu sebelum dapat akses ke blog anda.


Ok saya rasa cukup penjelasannya. Bagi anda yang ingin mencobanya, caranya sangat mudah:


1. Buka Blogger. Klik Design -> Edit HTML


2. Cari kode <head> lalu letakkan script berikut dibawahnya
<script language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</script>
3. Kalau masih bingung, letakkan saja scriptnya diantara <head> dan <b:skin>


4. Teks yang berwarna merah bold diatas merupakan teks yang akan muncul dalam kotak alert. Silahkan ganti dengan teks yang ingin anda sampaikan.


5. Kalau sudah, klik Save Template.




Text Alert Berupa Pertanyaan Untuk Visitor
Cara membutnya tidak terlalu berbeda dengan script di atas, hanya sedikit modifikasi saja. 

1.  Cari kode </head> Copy script dibawah ini tepat diatas kode </head>

<script type="text/javascript">var yourName = prompt("Selamat Datang ", "Tulis Nama Kamu?");</script>

NB :  Pada Kata TULIS NAMA KAMU bisa diganti sesuai dengan keinginan masing masing..misalnay Namamu siapa?

Simpan dulu template lalu liat hasilnya. sebagai gambaran, anda barusan sudah melihat Demonya saat masuk ke halaman ini.

Kalau kamu mau yang Exstrime mirip polisi lagi intrograsi tersangka gunakan kode di bawah ini dan taruh tepat di bawah </head>  :




0
Cara Pasang Jam di Blogspot

Agar blog terlihat cantik dan menarik untuk dipandang, kita bisa menambahkan beberapa aksesoris pada blog, salah satunya adalah dengan cara memasang jam. Selain untuk mempercantik tampilan blog juga berguna untuk melihat waktu agar kita menjadi orang yang senantiasa memperhatikan waktu didalam kehidupan. Untuk mendapatkan aksesoris ini kita tidak perlu membeli dengan uang karena layanan ini diberikan secara gratis oleh penyedianya. Mungkin telah banyak para blogger yang mengetahui bagaimana cara memasang aksesoris jam pada blog, tetapi tentu saja artikel ini sangat berguna bagi pemula yang baru saja mulai untuk membuat blog.


Adapun langkah-langkah yang harus dilakukan untuk menampilkan jam pada blog adalah :


1. Kunjungi situs www.clocklink.com


2. Pilih "want a clock on your website ?" (gambar 1)


3. Pada halaman ini anda diberikan banyak pilihan dengan bentuk yang menarik, pilih salah satu jam yang ingin ditampilkan pada blog anda kemudian klik bacaan "View Html Tag" (gambar 2)





Klik "accept" kemudian anda akan dibawa kehalaman baru, pada halaman ini anda bisa merubah warna, ukuran, waktu yang cocok dengan anda. Lalu copy kode yang diberikan kemudian masukkan pada blog anda (gambar 3). Belum tau cara memasukkan widget ke halaman blog ? pelajari disini.

0
Cara Buat Blog Anti Copas l Disable Klik kanan

Cara Buat Blog anti copas | disable klik kanan - Script ini berguna untuk membuat blog anti copas plus men-disable klik kanan pada blog sobat, jadi pengunjung tidak bisa membuka tab baru dg klik kanan diatas link ''Open in New Tab'', caranya: Yakni tempatkan script di bawah ini pada widget HTML/javascript pada blog kamu.
  • login ke dashboard blogspot kamu.
  • pilih Rancangan/Desain
  • pada halaman element laman klik ''tambah gadget'' / ''Add gadget''
  • pilih widget HTML/javascript
  • dan pastekan script berikut didalamnya.
  • klik SIMPAN
Script yang dicopy:
<script language="javascript"> <!-- Begin function shake(n) { if (parent.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.resizeTo(250,150); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);}}}} // End --> PopUpURL = "Maaf anda tidak di perbolehkan klik kanan"; isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; if (isIE||isNN) { document.oncontextmenu=checkV; } else { document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP); document.onmousedown=checkV; } function checkV(e) { if (isN4) { if (e.which==2||e.which==3) { dPUW=alert("Maaf anda tidak di perbolehkan klik kanan"); shake(2); return false; } } else { dPUW=alert(PopUpURL); shake(2); return false; } } </script>
Ganti tulisan yang berwarna ungu resuai kehendakmu

0
Membuat Auto Refresh Untuk Blogspot

Membuat Auto Refresh Untuk Blogspot Sharing Cara membuat auto refresh untuk blogspot. Kalian sudah tahu tentunya yang dimaksud dengan auto refresh yaitu me load halaman blog berulang ulang sesuai dengan waktu yang di tentukan oleh yang empunya blog . Tidak usah basa basi langsung aja Step.By.Step cara membuat auto refresh untuk blogspot !!!


   1. Login ke blog anda
   2. Design =>> Edit HTML
   3. Cari kode </head>
   4. Letakan kode berikut setelah kode </head>
<meta content='300' http-equiv='refresh'/>
   5. Simpan


Keterangan : Yang berwarna merah berarti blog anda akan merefresh setiap 300 detik. ganti sesuai keinginan anda. Sekian posting saya kali ini, semoga bermanfaatbuat selulur blogger di indonesia. 

Sumber : http://m-wali.blogspot.com/2011/03/membuat-auto-refresh-untuk-blogspot.html#ixzz1oXlKxQRL

0
Cara Membuat Buku Tamu / Shoutmix Tersembunyi

Cara Membuat Buku Tamu / Shoutmix Tersembunyi - inilah yang akan Damul sharing pada artikel kali ini. Shoutmix, Cbox atau yang sering disebut dengan Buku Tamu merupakan sesuatu yang dianggap penting terdapat didalam sebuah blog. Buku tamu tersebut bisa dijadikan sebagai tempat berinteraksi, tempat bertanya dan lain sebagainya yang tentunya dengan tujuan yang positif.

Mungkin sobat sudah tau bagaimana cara membuat buku tamu, tetapi apakah sobat tau bagaimana caranya agar buku tamu tersebut tersembunyi di samping kiri / kanan blog yang tentunya bisa menghemat tempat di sidebar blog kita. Untuk melihat bagaimana tampilanbuku tamu tersembunyi tersebut silahkan klik link dibawah ini : 


Bagaimana Cara Membuat Buku Tamu Tersembunyi ?

Untuk membuatnya sangatlah mudah, hanya dengan menambah beberapa kode ke dalam blog, maka buku tamu akan terlihat tersembunyi pada blog. Berikut langkah-langkah yang perlu sobat lakukan untuk membuat buku tamu tersembunyi : 

1. Login pada account blogger anda. 
2. Pilih "Rancangan" kemudian pilih "Tambah Gadget"
3. Pilih HTML/Javascript
4. Copy kode dibawah ini, kemudian letakkan di dalam tempat yang disediakan

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<< Masukkan Kode Cbox, Shoutmix Sobat Untuk dijadikan Buku Tamu >>

<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


5. Simpan

0
Cara Mengganti Kursor Pada Blogger

Cara Mengganti Kursor Pada Blogger - Anda bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini anda mempelajari bagaimana mengganti atau merubah kursor anda misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan anda bisa dilakukan dengan menggunakan software-software pembuat animasi. 

Namun jika anda tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. diinternet banyak sekali situs-situs yang menawarkan kursor animasi. anda bisa mendapatkan kursor yang anda inginkan didalam situs seperti itu.

Berikut langkah-langkah yang harus anda lakukan: 
Mencari kursor gratis terlebih dahulu 

Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang anda inginkan dan membuanya siap ditempatkan dalam blogspot anda:
  • Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau anda bisa kunjungi situshttp://www.cursorpedia.com/ untuk mendapatkannya
  • Bila anda telah menemukan situs yang tepat dan model kursor animasi yang anda sukai, maka pastikan bahwa anda memperoleh URL dari animasi tersebut.
  • Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
  • Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila anda menemukan yang seperti ini, maka ambil saja URL kursornya.
  • Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur(untuk kursor biasa) apabila anda hanya mendapatkan file berformat.ani atau .cur(bukan sebuah URL), maka anda harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
  • Selanjutnya sisipkan URL kursor animasi anda ke dalam script berikut ini 
Cursor: url ("URL KURSOR");
Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:


cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  • Dengan script diatas maka kursor animasi anda telah siap diaplikasikan kedalam halaman Blogspot anda.
Mengaplikasikan Kursor dalam Blog anda


Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik anda.


Berikut ini caranya:
  • Login terlebih dahulu kedalam akun Blogspot anda
  • Setelah itu klik menu Rancangan pada halaman dashboard
  • Selanjutnya klik menu EDIT HTML
  • Kemudian Cari kode body {
  • Setelah ketemu masukkan script kursor yang anda miliki tadi seperti ini 
body {
padding: 0;
margin: 0;)
font-size: small;
color: $textcolor;
background: #fff;
text-align: center;
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
} 
  • Save Template
 
TKJ Smk 1 Bandar Lampung | © 2010 by DheTemplate.com | Supported by Promotions And Coupons Shopping & WordPress Theme 2 Blog