Minggu, 29 Agustus 2010

Cara Menyembunyikan Buku Tamu (ShoutBox)

Cara Sembunyikan Buku Tamu - Cara Buat Buku tamu Melayang
Bagi Rekan-rekan Blogger yang blognya sudah terlalu banyak pernak-pernik dan kesulitan untuk menambah widget baru lagi, padahal sangat bermanfaat untuk blog, ini ada cara menyembunyikan Buku tamu atau shoutbox seperti tampilan pada kanan pojok blog ini, bila ada pengunjung yang mengkliknya maka buku tamunya akan terbuka. Smart dan indah, lumayankan dari pada berantakan dan membuat tampilan blog jadi amburadul. Oke ini dia caranya Sembunyikan shotbox atau Buku Tamunya seperti ini.

* Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
* Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
* Copy code berikut dan paste ke Notepad:




Sebagai Contoh Saya akan Ganti
dengan buku tamu saya :

<!-- Start http://shoutbox.widget.me HTML Code -->
<iframe title="Shoutbox" src="http://shoutbox.widget.me/window.html?uid=rrkec" width="160" height="400" frameborder="0" scrolling="auto"></iframe>
<br /><a href="http://shoutbox.widget.me" title="Get your own free chat widget!">Shoutbox</a> by <a href="http://ngai.cc" title="Ngai Chun Cheung">ngai.cc</a><br />
<!-- End http://shoutbox.widget.me HTML Code -->


  1. selanjutnya Sobat juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.
  2. Atau Anda Juga Mau Rubah Gambar http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg sesuai selera, silahkan bikin dulu dengan Photoshop atau corelDRAW, Lalu simpan di photobucket dan gantilah gambar tersebut sesuai alamat penyimpanan.
  3. Jangan Lupa disimpan
»»  

Selasa, 17 Agustus 2010

Cara Memasang Scroll Box

Hae temen temen semua,.... sudah tahu belum tentang scroll box. pastinya udah khan tp mungkin belum tahu bagimana cara memasang atau menggunkannya!! kayaknya gak perlu dijelaskan panjang lebar dech!
kita menuju langsung ke sricpt nya aja yach !!!

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

isi halaman

</div>

contoh :

<div style="overflow:auto;width:180px;height:170px;padding:10px;border:1px solid #eee">

<a href="http://perawatan-komputer-yanti.blogspot.com/p/cara-mempercepat-kerja-sistem-komputer.html">mempercepat kerja sistem komputer</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/mempercepat-shutdown-windows.html">mempercepat shutdown windows</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/cara-merawat-print.html">Cara merawat printer</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/buat-antivirus-untuk-flasdisk.html">Anti virus untuk Flasdisk</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/sudah-bosan-dengan-icon-defaultyna.html">Mengubah Icon pada Flasdisk</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/mempercepat-proses-start-up-pada.html">Mempercepat Start up windows</a>
<br />
<a href="http://perawatan-komputer-yanti.blogspot.com/p/mempercepat-komputer-dengan-defraggler.html">mempercepat komputer dgn Defraggler</a>
<br />
<a href="http://tutorialblog-yanti.blogspot.com/2010/07/ebook-gratis-tentang-blog.html">E-Book gratis tentang Blok</a>
<br />

</div>



Sedikit penjelasan :

Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. Berikut adalah perintah-perintah yang di pakai :

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Selamat mencoba.....
»»  

Parse HTML

Hai para sobat sekalian,.... saya akan membahas tentang parse kode HTML.
kalian dah tau belum tentang pengertian parse HTML.
Tutorial postingan khususnya postingan yang mengharuskan memposting code code HTML biar bisa muncul atau tampil dipostingan, kan hsrus diparse dulu.
kalau gak diparse dulu postingan tersebut tidak bisa diterbitkan. Maka dari itu kita harus parse dulu.
Lalu bagaimana caranya?.....

Jangan bingung! banyak situs situs yang menyediakan tempat untuk parse tinggal kalian pergi ke mbah google trus ketik "parse html".

kemudian sudah dech,...... met mencoba ya!!
»»  

Senin, 16 Agustus 2010

Cara Pasang Efek Kembang Api di Blog

Ini adalah hasil dari browsing aku ke mbah google, akhirnya aku dapatkan juga kode script untuk mempercantik blog. yaitu Membuat Efek Kembang Api di Blog

Cara Pasang Efek Kembang Api di Blog
Cara membuatnya seperti berikut :
1. Login ke Blogger
2. Klik Rancangan (yang dulunya Tata Letak) ==> Edit HTML
3. Cari kode </body>
4. Masukkan Script berikut ini tepat diatas kode </body> tersebut

<SCRIPT src=' http://h1.ripway.com/imtikhan/kembangapi.js'type='text/javascript'/>

5. Simpan Template selesai dan lihat hasilnya

Selamat Mencoba
»»  

Cara Membuat Text Link Berkelap kelip

Ini adalah hasil dari browsing aku ke mbah google, akhirnya aku dapatkan juga kode script untuk mempercantik blog. yaitu Membuat Text Link berkelap kelip saat cursor Mouse melintas.

Link berkelap-kelip seperti pelangi saat mouse melintas
Cara membuatnya seperti berikut :
1. Login ke Blogger
2. Klik Rancangan (yang dulunya Tata Letak) ==> Edit HTML
3. Cari kode <head>
4. Masukkan Script berikut ini tepat dibawah kode <head> tersebut

<script src='http://h1.ripway.com/imtikhan/pelangi.js '>
</script>

5. Simpan Template selesai dan lihat hasilnya

Selamat Mencoba
»»  

Kursor selalu di ikuti jam berjalan

Hae temen temen sekalian,.... disini saya akan membahas tentang mengenai Kursor selalu di ikuti oleh jam dan tanggal, dulu pernah saya penasaran, Bagaimana sich cara membuatnya?.... setelah saya browsing akhirnya kutemukan nich, di blognya temen saya. www.seiparing.co.cc. Sebagai contoh lihat disini baik untuk tidak membuang waktu kita ikuti langkah-langkah sbb :

Langkah Pertama : Download Template lengkap anda jaga-jaga kalau terjadi kesalahan, kemudian coba kita cari tulisan ini ]]> setelah jumpa selanjutnya Paste code dibawah ini di atas kode tersebut yang berkedip diatas.




Langkah kedua cari sampai ketemu yang ini kemudian copas code dibawah ini diatas code yang berkedip diatas

<script language="JavaScript">
<!-- Mouse Follow Clock from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers
if (document.getElementById&&!document.layers){

// *** Clock colours
dCol='#00ff00'; //date colour.
fCol='#ffffff'; //face colour.
sCol='#ffffff'; //seconds colour.
mCol='#00ff00'; //minutes colour.
hCol='#00ff00'; //hours colour.

// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).

// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}

algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>');
tmps[i]=document.getElementById("_seconds"+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById("control").value="Clock On";
}
else{
vis=true;
document.getElementById("control").value="Clock Off";
Delay();
}
kill();
}

function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}

function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
mouseY = e.pageY + ofst - msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst - msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
}
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script>

Selesai Pratinjau dulu kalau berhasil terbuka normal simpan template sobat

Langkah terakhir yaitu pergi ke Elemen Laman lalu klik Tambah Gadget HTML/JavaScript Tambah lalu paste Script dibawah ini, scrip ini yaitu berfungsi sebagai ON/OF kursor Jam dan Tanggal kita, setelah selesai simpan Lihat Blog.

<style type="text/css">
<!--
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
//-->
</style>




<script language="JavaScript">
<!-- Mouse Follow Clock from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers
if (document.getElementById&&!document.layers){

// *** Clock colours
dCol='#00ff00'; //date colour.
fCol='#ffffff'; //face colour.
sCol='#ffffff'; //seconds colour.
mCol='#00ff00'; //minutes colour.
hCol='#00ff00'; //hours colour.

// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).

// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}

algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>');
tmps[i]=document.getElementById("_seconds"+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById("control").value="Clock On";
}
else{
vis=true;
document.getElementById("control").value="Clock Off";
Delay();
}
kill();
}

function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}

function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
mouseY = e.pageY + ofst - msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst - msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
}
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script>


Pada halaman tata letak Eleman Laman klik Tambah Gadget HTML/JavaScript kemudian paste Kode Script tersebut kemudian simpan :

Lihat hasilnya,......... Menarik Bukan selmat mencoba.
»»  

LINK ditunjuk Membesar dan Berpijar

Mau menampilkan blog yang cantik dan menarik,.... haruslah kamu beri animasi yang menarik juga. contoh nya seperti ini. pertama yang harus kalian lakukan adalah browsing, pahami kemudian praktekan maka hasilnya :
lucu , memuaskan juga mengasah otak dengan berbagai pengetahuan baru
dan makin menyadarkan kita kalo ilmu belumlah seberapa

berikut sedikit tips dari saya tentang LINK DITUNJUK MEMBESAR DAN BERPIJAR
mau tahu apa aja yang mesti dirubah ???
simak aja di tutorial saya ....

1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
cari aja kode yang ini
/* global link attributes */

atau kalau ga ada cari yang ini
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {


kemudian tambahkan kode ini
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



sehingga menjadi seperti ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

gimana hasilnya,...?
kalian khususnya para programer cewek jangan mau kalah dengan para cowok, terus belajar dan berjuang!

Salam Sukses Selalu.
»»  

Cara Membuat Gambar Blogumus di Blog



Hai konco konco Cemua! kali ni q mau share nich,...!tentang widget yang menarik buat kalian yang ingin menampilkan photo-photonya pada blogger. Namanya Blogumus Pada Photo Flickr. Contohnya seperti yang disebelah kiri ini. Why blogumus? istilah blogumus yang saya tau dari Browwsing, kalau dari roytanck sendiri sebagai original authornya bilang WP-Cumulus. Tapi nampaknya saya lebih tertarik dengan istilah blogumus karena lebih bersahabat dengan seo para blogger. Nah setelah populer dengan flash animated label cloudnya, kali ini roytanck Menerapkan blogumusnya pada photo flickr. Untuk membuat widget tersebut pastinya kalian harus telah memiliki koleksi photo di http://www.flickr.com. Kalau kalian sudah punya akun di flickr, kalian tinggal "login" dan pada halamam "home" kalian klik tulisan "Your Photostream".

Pada halaman "Your photostream" tersebut coba kalian lihat pada bagian bawah sehingga akan tampak seperti gambar di bawah ini.




Silahkan kalian klik icon feed tersebut dan copy alamat (URL) feed tersebut. sebagai contoh kalian dapat lihat gambar di bawah ini.



Nah kalau sudah kalian copy alamat (URL) feed photo flickr kalian langkah berikutnya kalian harus letakkan atau paste URL tersebut ke http://www.roytanck.com/get-my-flickr-widget/ untuk mendapatkan kode widget blogumus pada photo flickr. Seperti gambar di bawah ini:



Setelah kalian dapatkan kode widgetnya, letakkan kode widget blogumus photo flickr tersebut pada blog anda

Caranya sebagai berikut :

* Login dulu ke Blogger.com
* Klik Tata Letak (Lay Out)
* Selanjutnya elemen
* klick tambah gadget
* pilih script HTML / Javasript

Lihat Tuch hasilnya?,..... gambarnya muter muter!
selamat mencoba.
»»  

Cara memasang bintang berjatuhan pada kursor

Bagi temen temen yang ingin mempercantik blog nya,...... kalian dapat memasang efek bintang berjatuhan, ni ae punya kode scriptnya, hasil dari browsing di mbah google,.....
yang harus pean lakukan adalah

  • login ke blogger masuk ke dasbor
  • klik rancangan
  • Klik Elemen Laman
  • Klik Tambah Gadget pilih HTML/JavaScrit
  • Kemudian Copy Paste Script berikut kedalamnya
sobat semua dapat memilih warna bintang yang kalian sukai

<script src="http://h1.ripway.com/imtikhan/red_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/yellow_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/green_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/blue_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/black_star.js" type="text/javascript"></script>

<script src="http://h1.ripway.com/imtikhan/white_star.js" type="text/javascript"></script>

Kemudian Simpan selesai dan lihat hasilnya
»»  

Kamis, 22 Juli 2010

Membuat Tulisan Berkedip

Pemasangan Tulisan Berkedip bisanya pemilik blog mempunyai tujuan agar pengunjung mengklik tulisan tersebut dan di dalamnya biasanya di alihkan ke suatu URL atau alamat blog tertentu. Pemasangan iklan dengan cara ini banyak di gunakan oleh pemilik blog.
Untuk membuatnya kita tinggal menambahkan kode HTML, seperti :


"tulisan berkedip"



maka kode HTML nya adalah







Tulisan berkedip dengan Link

anda tinggal blok kata dan klick link yang ada pada diding compose lalu tulis alamat yang dituju (link nya)

"tulisan berkedip dengan link"


»»  

KUPU KUPU Penjaga Blog

Buat penggemar kupu - kupu atau yang suka pelihara kupu-kupu,..... kalian bisa pelihara kupu kupu dalam komputer. namun sayangnya gak bisa dipegang! tapi kupu-kupu nya bisa terbang lho,.... he he he ......

Trick blogging kali ini saya persembahkan khusus buat blogger-blogger cewek yang pengen blognya tampil lebih girly, yaitu memberi efek kupu-kupu yang melayang kesana-kemari dalam blog. Pokoknya, keren deh, girly abissss....

Kalo penasaran gimana jadinya, coba aja, gini caranya:

1. Tentunya, login dulu di blogger.com
2. Pilih tab "Tata Letak"
3. Pilih lagi subtab "Edit HTML"
4. Nah, copy kode di bawah ini, lalu paste di atas kode (letaknya paling bawah, di atas kode )

Align Left

5. Kalau kodenya sudah dipaste, sekarang tinggal simpan, lalu lihat hasilnya. Semoga berhasil!

sumber
"zianxfly"
»»  

Membuat Animasi tulisan

Pingin Animasi Online dengan gambar lucu dan menarik seperti contoh dibawah ini. gax usah bingung2 buat gambar gift sendiri... coz terlalu buang waktu.. kini udah adal layanan gratis buat animasi gmbar lucu disini tentunnya

setelah kamu select gmbar yang ada sesuai keinginanmu tulis text yang ada di bawahnya lalu klick "make my ......."
jika tulisan pada gambar telah berubah sesuai text yang kamu tulis so tinggal klick button sebelah kiri [get to code]

pilih kode pertama dan copas (copy paste) ode tersebut di blog kamu

cara copy paste di blog

seperti biasa kayaknya enggax perlu dijelasin lagi u dah bisa.....

lihat hasilnya dan macam - macam nya :







»»  

Membuat Hujan Salju di Blog

pernah ada kepikiran di benakmu buat menghias blog??? nach ni ada solusinya...
biasa nie dibuat sendiri lewat javasrcipt.. java scrip ituchhh.... panjang maw jelasinnya. dari pada susah2 upload javasript kepunyaan sendiri mending copy paste aja javasrcipt yang udah dikeluarkan ma temen kita yang baik hati yang mau membuat javasrcipt dan menguploadnya niech.... so u tinggal copas aja salah satu kode di bawah ini pada blog kamu lalu simpan jadi dechhh ujan salju di blog kamu.

Copy salah satu kode di bawah ini. Pilih yang warnanya berlawanan dengan warna template kamu biar saljunya keliatan.


Salju Biru Muda





Salju Hitam





Salju Biru





Salju Ungu Cerah





Salju Abu-Abu





Salju Hijau





Salju Hijau Cerah





Salju Merah Hati





Salju Biru Gelap





Salju Emas





Salju Ungu





Salju Merah





Salju Perak





Salju Biru Pucat





Salju Putih





Salju Kuning





Kalau warna yang kamu inginkan tidak ada, silakan hubungi saya. Nanti biar saya buatkan (insya Allah)

2. Pilih menu ‘Tata letak’, pastikan kamu berada pada tab ‘Element Halaman’.
3. Klik ‘Tambah Widget’ pada bagian manapun (atas,bawah,kiri atau kanan. Terserah pokoknya) lalu pilih ‘HTML/JavaScript’ pada jendela baru yang muncul.
4. Akan muncul jendela untuk memasukkan kode. Nah, paste kode yang tadi sudah kamu copy. Biarkan kolom untuk judul kosong.
5. Tinggal klik tombol ‘SIMPAN’ dan salju-salju yang indah sudah berjatuhan dari blogmu. Mudah kan?


sumber " zianxfly"
»»  

Cara Mengatur Huruf dan Warna

Cara Mengatur Huruf dan Warna

Untuk para blogger baru, Anda akan menikmati layanan baru dari blogger.com, yaitu Anda bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah ini panduan untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan).

Klik menu "Huruf dan Warna", maka akan muncul beberapa pengaturan :
(ini khusus untuk template "minima") :

1. Seperti biasa Anda login dulu. Dan kemudian akan masuk ke dasbor.

2. Kemudian Anda klik Tata Letak.

3. Anda akan memasuki halaman baru dan cari Font dan Warna, kemudian klik. Kemudian akan muncul pilihan font dan warna, silahkan pilihg sesuka Anda :

* Text Color --> pengaturan warna hurup dari posting-an

* Link Color --> pengaturan warna hurup yang di link

* Blog Title Color --> pengaturan warna hurup judul Blog

* Blog Description Color --> pengaturan warna hurup deskripsi blog

* Post Title Color --> pengaturan warna hurup judul posting-an

* Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah

* Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)

* Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)

* Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link

* Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar

* Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan

* Blog Title Font --> pengaturan jenis hurup Judul blog

* Blog Description Font --> Pengaturan jenis hurup dekripsi blog

* Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )

4. Klik “ Simpan ” untuk mengakhiri pengaturan. Selesai

Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.
»»  

Cara Pasang Buku Tamu

Di dalam blog yang sering juga di pasang untuk meramaikan blog adalah dengan memasang buku tamu. Salah satu tujuan di pasangnya buku tamu adalah untuk mempererat hubungan antara yang mempunyai blog dengan pengunjung. Juga pengunjung dengan pengunjung.

Anda bisa memasang buku tamu dengan mendaftar terlebih dahulu di http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Anda daftar dulu dengan cara mengklik tulisan Sign Up.

2. Kemudian Anda isi data-data pada form yang telah di sediakan.

3. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, kemudian anda login dengan id anda

4. Pada kolom yang berjudul Style, klik menu appearance.

5. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda.

6. Kemudian silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

7. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start.

8. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox sesuai dengan keinginan Anda

9. Kemudian copy kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, kemudian paste di program Notepad

10. Klik Log out untuk keluar dari halaman shoutmix.

11. Proses pendaftaran sudah selesai



Sekarang tinggal menempatkan kode HTML yang tadi di simpan di Notepad. Langkah-langkah sebagai berikut :


Khusus untuk Template Blogger baru :

1. Seperti biasa masuk ke www.blogger.com. login dengan id Anda.

2. Klik menu Layout

3. Klik Page Element

4. Klik Add a Page Element

5. Kemudian klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript.

6. Kemudian tuliskan judul shoutbox Anda. Isikan sesuai judul yang Anda inginkan.

7. Copy kode HTML yang tadi di simpan dinotebok. Kemudian paste kode HTML tersebut di dalam form Content.

8. Setelah selesai klik tombol Save Changes.

9. Sudah selesai. Buku tamu Anda sudah siap.
»»  

Cara Buat Text Area pada Blog

CARA BUAT TEXT AREA DI BLOG

Apa itu Text Area....? Setiap blog yang memasang text area rata2 mempunyai tujuan untuk copy paste kode HTML bagi para pengunjungnya, Baik itu untuk tukeran link, atau pun untuk menyimpan kode2 HTML atau javascript yang nantinya akan di copy paste oleh pengunjung. Nah...bagaimana cara membuatnya, Silahkan copy paste kode di bawah ini :






Nah...Text yang berwarna merah itu, tinggal Anda ganti sesuai apa yang mau ditulis didalam text area tersebut. Jadi kalo lihat kode HTML di atas, hasilnya akan seperti ini :

hasil :






silakan copy paste tulisan dalam text area ini untuk blog anda

Di sini Anda bisa mengganti :

rows="4" --> panjang area (Bisa diganti sesuai keinginan)
cols="20" --> lebar area (Bisa diganti sesuai keinginan)


Selamat mencoba
»»  

Senin, 05 Juli 2010

Membuat Favicon

Hello temen temen semua,.... kali ini saya posting artikel dengan judul "Membuat Favicon pada Blog".

caranya,...?? gampang gampang susah. kalau dibilang gampang ya gak gampang kalau dibilang susah, enggak juga!

tapi kayaknya ni cara ruwet banget! mungkin sobat mau mencobanya......
Langkah - langkahnya :
1. Siapkan gambar dengan size yang kecil. usahakan GIF/PNG
2. Upload gambar tersebut di picasa
3.
  • Login ke Blogger.com
  • Kemudian Tata Letak
  • Pilih Edit HTML
  • Copas kode berikut diatas kode
<link href='http://img541.imageshack.us/img541/1931/1d651f921f0a3e69606d675.gif' rel='SHORTCUT ICON'/>
  • Yang berwarna merah ganti dengan alamat URL image anda
  • Selanjutnya Save Template
udah gitu aja, selamat mencoba!
»»  

Kamis, 01 Juli 2010

»»  

Ebook Gratis Tentang Blog

Buat pecinta ebook, disini anda akan dapatkan beberapa ebook yang bisa anda dowload secara gratis. Ebook ini berbahasa indonesia yang membahas tentang dunia blogging. Cakupan topiknya sangatlah luas mulai dari pengenalan wordpress, blogspot sampai meningkatkan jumlah pengunjung blog.


  • Panduan dasar Wordpress.


Ebook ini berisi tentang dasar dasar penggunaan wordpress. Topik yang dibahas setting wordpress, posting artikel, penggunakan widget.
download


  • Kamus Istilah Blogger (Extended Edition)


Ebook ini akan menjelaskan tentang istilah istilah seputar Blogging.
Download


  • Wawancara Eksklusif bersama Bloger blogger Sukses


Ebook ini berisi tentang wawancara bersama blogger blogger profesional dari luar negeri dan indonesia
Download


  • Total Guide : Built Wordpress a sites


Ebook ini berisi 100% bahasa indonesia dan membahas tentang cara menginstal wordpress, download wordpress terbaru, mendaftar hosting gratisan yang support php dan mysql.
Download


  • Cara Upload Wordpress ke Website


Ebook ini membahas tentang cara menggunakan wordpress dengan hosting sendiri.
Download
»»  

Simbol Khusus Pada Facebook

Banyak orang telah mengenal situs jaringan pertemanan dan sosial yang paling popular saat ini yaitu: [Facebook] namun tidak banyak juga yang mengetahui simbol-simbol khusus yang dapat digunakan untuk menyatakan pesan khusus di dalam facebook tersebut.

Simbol-simbol khusus tersebut tidak dapat dilakukan dengan pengetikan biasa. Jika tertarik silahkan ikuti caranya pada Artikel Komputer berikut ini.

Caranya sebagai berikut:

Pertama, yang pastinya kita harus membuka halaman Facebook terlebih dahulu.

Kedua, Silahkan untuk mengaktifkan Character Map dengan cara klik tombol Start >> Run >> kemudian ketikkan "charmap" (tanpa tanda kutip), kemudian tekan tombol ENTER atau klik tombol OK hingga akan muncul kotak “Character Map”, seperti gambar di bawah ini.

Jangan lupa untuk mencentangi “Advance View”.

Ketiga, pilih karakter/huruf (atau bisa juga kombinasi beberapa karakter/huruf) yang diinginkan kemudian klik button “Select” dan kemudian klik button “Copy”.

Keempat, kemudian beralih ke halaman facebook yang telah kita buka sebelumnya dan pastekan pada tempat yang diinginkan, misalnya dinding, profil, dan lain-lain.

Kelima, jika karakter tersebut mempunyai keystroke kita dapat melakukannya dengan cara menekan tombol alt + angka tertentu pada NumPad key.

Untuk mengetahui keystroke dari karakter yang kita pilih, kita dapat melihatnya pada bagian kanan bawah.



Sekian dulu artikel komputer untuk ini, semoga bermanfaat....

Selamat mencoba!!



sumber klik disini
»»  

Tips Aman Menggunakan Facebook

Mengapa perlu pengamanan dalam menggunakan Facebook?
Karena banyak pelaku kriminal yang bisa dilakukan dalam facebook, contohnya mencuri identitas, mengirim spam dan virus berbahaya dll.


  1. Waspada penggunaan komputer. Ketika masuk ke dalam suatu akun dari komputer yang berbeda-beda, periksa bahwa komputer tersebut tidak menyimpan alamat email ataupun password.

  2. Pikirkan apa yang akan ditambahkan; menerima permintaan yang disediakan oleh teman baru dengan akses posting, foto, pesan dan informasi latar belakang tentang pribadi Anda. Perhatikan daftar teman dan pikirkan kembali siapa yang berhak mengakses barang pribadi anda.
    Cek pengaturan privasi. Facebook baru-baru ini melakukan pembaruan, mengatur privasi dari awal bisa sangat berarti.

  3. Cerdas tentang password. coba untuk tidak menggunakan password yang sama untuk seluruh akun. Pikirkan tipe pertanyaan keamanan yang dipasang dan di mana akan mengirim pembaruan tersebut.
      

  4. Alasan berada di Facebook. Apakah berbagi foto? Tetap berhubungan dengan orang lain? Berbagi link dan pembaruan aktivitas? Tanyakan diri sendiri apa yang ingin diperoleh dengan profil pribadi. Dengan demikian akan lebih memangkas informasi pribadi yang ada di publik.

  5. Hati-hati dengan yang dikatakan. Sekali pembaruan status dan komentar diposting, setiap orang dapat melihat, menduplikasi dan memposting kembali di mana pun dan kapan pun. Apakah Anda ingin orang lain tahu bahwa Anda akan di rumah sendirian malam ini atau pergi liburan pekan depan?.

  6. Perhatikan serangan phising. Banyak usaha yang dilakukan untuk memperoleh log-in pengguna dan password dengan cara menipu pengguna dengan email Facebook palsu. Jangan pernah mengidahkan link email yang meminta untuk me-reset password. Kalau perlu untuk me-reset langsung saja ke halaman Facebook.

  7. Ambil langkah segera. Jika teman-teman mulai menerima spam atau pembaruan status yang muncul tetapi tidak dibuat oleh pengguna sendiri maka akun tersebut kemungkinan tersusupi. Segera lakukan perubahan password. Jika tidak bisa masuk ke akun pribadi, segera pergi ke link Help di bagian bawah Facebook dan klik Security untuk memberitahu Facebook

  8. Monitor aktivitas mencurigakan. Awasi aktivitas mencurigakan di dinding Anda, jejak berita dan kotak masuk Facebook. Jangan pernah mengklik link mencurigakan. Lihat lebih dekat, jika link yang dimaksud tidak otentik, jangan pernah mengkliknya.    

»»  

Membuat Emotion Chat pad Facebook

Bagi anda yang suka chat melalui Facebook, mungkin anda belum banyak mengetahui apa saja Emoticons-emoticons yang bisa digunakan di dalam chat Facebook.

Script ini hanya bisa digunakan di browser mozilla Mozilla Firefox.

Dengan menginstall add-ons Mozilla Firefox dan sedikit script dari situs userscript maka kita bisa menambahkan daftar Emoticons-emoticons yang dapat ditampilkan pada chat Facebook.

Caranya adalah sebagai berikut :

1. Download add-ons untuk firefox di
https://addons.mozilla.org/en-US/firefox/addon/748.

Install add-ons tersebut di mozilla firefox anda.

2. Setelah terinstall, restart mozilla firefox anda.

3. Lalu kemudian install script yang disediakan oleh situs userscript yaitu :
http://userscripts.org/scripts/show/56504

4. Setelah semua terinstall, restart mozilla firefox anda.

5. Buka Facebook anda dan coba chat dengan seorang teman anda, maka otomatis tampilan emoticons tersebut akan tampil di halaman chat anda.


sumber : xxx
»»  

Hacking Password Pada Faacebook

User ID (Username) dan Password merupakan suatu alat identifikasi yang sangat urgent bagi sebuah account. Apabila User ID (Username) dan Password suatu account jatuh ke tangan yang tidak berhak maka bisa saja terjadi hal-hal yang tidak di inginkan. Topik ini di publikasikan dengan tujuan agar para Netter (Facebook-er) lebih berhati-hati dalam melakukan akses ke account yang anda miliki.



Berikut cara yang bisa dilakukan oleh siapapun untuk mencoba mengetahui suatu Password Facebook yang Facebook-er miliki, yaitu membuka password yang diketik yang biasanya dirubah menjadi symbol bulat-bulat atau bintang-bintang. Cara ini bisa berjalan lancar pada Facebook-er yang lalai membuka facebooknya dengan status remember, yaitu ketika Facebook dibuka ulang secara otomatis menampilkan User ID (Username) dan passwornya. Nah pada kondisi seperti ini password yang tadinya berbentuk symbol bisa di munculkan dengan Karakter ASCI atau huruf maupun angka.






Cara yang dilakukan adalah dengan memasukkan sebuah Script yang dibuat dengan Javascript ke Address bar Browser yang anda pakai dan jangan di enter. Tapi klik Tanda panah pada ujung browser, tunggu beberapa saat maka akan muncul sebuah popup yang berisikan Password yang anda cari.


Perhatian:
"Cara ini juga bisa dilakukan untuk melihat Password email"

Untuk mendapatkan script-nya silahkan Download [di sini]


smbr : xxx
»»  

Mengganti Alamat Username Pada Facebook

FaceBook memang lagi ngetrend di Indonesia saat ini, namun kita merasa susah untuk menghapal username default yang diberikan oleh FaceBook sendiri dikarenakan terlalu panjang untuk dihapalkan/diingat.

Oke.. kita langsung saja ke pokok permasalahan yaitu mengganti alamat username FaceBook kamu, yang sebelumnya panjang lebar (susah untuk dipromosikan kepada orang lain) Menjadi alamat FaceBook yang pendek, yang secara gampang sudah bisa anda kasih tahu kepada teman-teman anda.

Adapun cara yang dapat dilakukan untuk mengganti alamat username facebook anda adalah sebagai berikut:

1. Silahkan kunjungi alamat http://www.facebook.com/username

2. Kemudian muncul halaman yang meminta anda untuk memasukkan email dan password account facebook anda


3. Setelah anda login dengan memasukkan alamat email dan password, maka pada bagian ke-3 ini anda diminta untuk memilih salah satu alamat username facebook anda, atau anda juga dapat memilih alamat sendiri melalui kotak yang tertulis (Enter desired username).


Keterangan: Bila anda memilih bagian "Enter desired username", maka anda harus mengecek ketersediaan username tersebut melalui tombol "Check availability" , bila username yang anda masukkan tidak tersedia, maka anda harus memilih nama yang lainnya, dan apabila username yang anda pilih tersebut tersedia, maka akan keluar "Confirm" untuk memastikan bahwa anda memilih username tersebut.


4. Bila step 1 sampai 3 sudah anda lakukan dengan benar, maka hasilnya alamat username facebook anda akan menjadi: http://facebook.com/usernameanda


Selamat Mencoba....


sumber : klik
»»  

Rabu, 30 Juni 2010

Membuat Photo Animasi

Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :

1. Silahkan buka situs www.slide.com

2. Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut

3. Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)

4. Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan

5. Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat

6. Langkah selanjutnya adalah melakukan pembuatan animasi

7. Klik style, untuk memilih gaya dari animasi

8. klik skin, untuk memilih bingkai animasi

9. klik Size untuk memilih ukuran

10. Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan

11. klik tombol Upload untuk melakukan proses upload foto

12. Jika proses upload selesai, klik tombolSave

13. Copy kode HTML yang di berikan, lalu paste pada program notepad

14. Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser

atau bisa kunjungi situs ini http://www.picturetrail.com/
»»  

Senin, 21 Juni 2010

Membuat Contact Form

Tutorial berikut sebagai jawaban kepada salah satu sahabat blogger yang menghubungi saya lewat contact form yang bertanya tentang cara membuat contact form itu karena dia mencobanya selalu gagal. Memang waktu saya buka emailmeform bagian hompage mungkin sama saja tapi pada bagian pengaturan semuanya berubah dan menurut saya lebih mudah dan simple..
Dengan emailmeform anda bukan hanya bias membuat contact form, tapi banyak lagi yang bias anda buat yang berkaitan dengan form, misalnya: form untuk iklan baris gratis, subscribtion, login, dll.. Untuk anda yang tertarik mencobanya silahkan menuju langsung ke emailmeform.

Untuk membuat contact form, berikut tutorialnya:
  • Ketikkan atau klik saja alamat berikut: emailmeform.com
  • Kemudian Klik saja Signup Now for Free
  • Isilah form yang disediakan dengan lengkap, Jangan lupa mencentang I agree to EmailMeForm Term of Service setelah klik tombol Sign Up
  • Selanjutnya, anda akan mendapat email konfirmasi yang berisi link untuk mengkonfirmasi ke anggotaan anda.. Klik saja link konfirmasinya..
  • Pada page My Form, Klik tombol Add Form pada bagian kanan atas
  • Akan muncul Popup window, anda pilih saja no.1
  • Anda akan dihapakan pada pengaturan Contact Form anda, Klik tombol Customize pada bagian kanan atas
  • Anda biarkan saja, Tapi saran saya, pada bagian Confirmation Options anda pilih Redirect URL isilah dengan nama blog anda/page terima kasih pada blog anda. Maksudnya apabila pengunjung selesai mengirim email ke anda biar di redirect atau dialihkan ke blog anda lagi atau ke URL yang anda isikan..
  • Selanjutnya Save Form
  • Kembali muncul Popup window, anda pilih saja no.4
  • Anda akan dibawa ke Contact Form anda yang sudah jadi, Anda pilih saja Code
  • Popup window akan muncul berisi kode Contact Form anda, ada 3 pilihan dan pilihlah sesuai selera anda..
  • Silahkan Copas kodenya dan letakkan sesuai selera anda..
»»  

Memasang Widget Pingbox Yahoo Messenger di Blog

Mungkin ada diantara teman-teman yang masih bingung cara pasang (menambah/memasang) widget Pingbox Yahoo Messenger di blog anda. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa anda manfaatkan. jadi tidak perlu pusing memikirkan rumitnya script, karena scriptnya telah disediakan oleh situs tersebut, anda hanya pelu meng-copy-nya dan memasang (tambah/pasang) script widget Pingbox Yahoo Messenger tersebut ke blog anda.Setelah script terpasang maka blog akan menampilkan widget pingbox yahoo messenger (ym).

Buat teman-teman yang ingin memodifikasi tampilan blog, bisa menggunakan fasilitas Pingbox Yahoo Messenger, anda harus melakukan pendaftaran ke yahoo untuk memperoleh script pingbox yahoo messenger, kemudian script tersebut anda copy dan masukkan ke gadget html/javascript yang bisa diletakkan di side bar blog anda.
Contohnya, lihat gambar di bawah ini:

ping yahoo
Prosedur pembuatannya:
1. Login ke website yahoo messenger, klik disini
2. Pada halaman tersebut, plih Sign In (letaknya di bagian kanan atas halaman)

pingbox yahoo messenger
3. Login dengan menggunakan ID Yahoo dan password anda, klik tombol Masuk

yahoo messenger chat
4. Setelah login, di Menubar pilih Pingbox

yahoo widget5. Pada halaman berikut, klik tombol "Buat Pingbox"

yahoo messenger widget6. Setelah muncul halaman berikut, atur:
Skin(template), Nama tampilan, salam sambutan online/offline, Nama Pingbox
Klik Tombol Simpan

widget yahoo
7. Setelah Muncul halaman berikut, pilih Blogger, atur ukuran sesuaikan dengan ruang di blog anda, Klik tombol Salin ke Clipboard

chatting yahoo

8. Langkah selanjutnya adalah memasukkan kode (script tersebut ke gadget html/javascript) di blog anda,
Login ke Dashboard, pilih Tata letak =>Elemen Halaman
Pilih Tambah Gadget => Html/javascript
Panduan memasukkan
script tersebut ke gadget html/javascript lihat disini

Untuk melihat informasi tentang Pingbox lebih lengkap bisa kunjugi situs yahoo berikut,klik disiniyahoo pingbox (berbahasa Indonesia)

sumber :http://artikelkomputerku.blogspot.com

»»  

Sabtu, 05 Juni 2010

Memasang icon YM diblog

Icon atau button status online Yahoo Messenger berguna untuk memudahkan pengguna situs anda dalam berkomunikasi via yahoo messenger. Selain menggunakan icon tersebut anda juga dapat menggunakan pingbox Yahoo Messenger, yang akan saya bahas pada tulisan yang lain,lihat disini pingbox Yahoo Messenger. Icon status online/offline Yahoo Messenger akan berubah statusnya menjadi online jika anda sedang login ke Yahoo Messenger.

Icon Status Online/Offline Yahoo Messenger anda bisa anda tambahkan ke blog, Dengan menggunakan script di bawah ini. Anda copy script di bawah ini, dan masukkan ke gadget html/javascript.

A. Anda ubah beberapa kode di bawah ini: (ubah teks yang berwarna merah dan biru)
- center bisa anda ubah dengan left (rata kiri), right (rata kanan)
- muinzandi , ubah dengan ID Yahoo anda
- t = 2 , angka 2 bisa diubah menjadi 0,1, 2, 3 sampai 24 (pilih salah satu diantara angka 0 sampai 24)

2. Masuk ke Dashboard => Tata Letak => Elemen Halaman
Pilih Tambah gadget => pilih Html/Javascript, copy kode dibawah ini (panduan menambahkan html/javascript) bisa dilihat disinicara memasang html/javascript di blog:


center">


B. Masukkan kode di atas ke dalam kotak teks Html/javascript klik tombol Simpan,
Silahkan lihat perubahan pada blog anda

Di bawah ini adalah contoh gambar icon status yahoo messenger sesuai nomor /nilai t

0. gambar icon status yahoo messenger t = 0 (Gambar kepala kecil)

1. gambar icon status yahoo messenger t = 1 (Gambar standart kecil)

2. gambar icon status yahoo messenger t = 2 (Gambar standar)
3. gambar icon status yahoo messenger t = 3 (Gambar voice mail)
4. gambar icon status yahoo messenger t = 4 (gambar apa ini, mungkin kaset pita)
5. gambar icon status yahoo messenger t = 5 (gambar kepala kecil)
6. gambar icon status yahoo messenger t = 6 (gambar kepala dalam bundaran elips)
7. gambar icon status yahoo messenger t = 7 (gambar kepala dalam bundaran)
8. gambar icon status yahoo messenger t = 8 (gambar kepala dalam kotak)
9. gambar icon status yahoo messenger t = 9 (gambar alien pakai topi)
10. gambar icon status yahoo messenger t = 10 (gambar ikan)
11. gambar icon status yahoo messenger t = 11 (gambar alien dengan mahkota yang miring)
12. gambar icon status yahoo messenger t = 12 (Gambar alien mirip permen lolipop /cermin)
13. gambar icon status yahoo messenger t = 13 (Gambar alien pakai mahkota raja)
14. gambar icon status yahoo messenger t = 14 (Gambar alien dalam gantungan kunci)
15. gambar icon status yahoo messenger t = 15 (Gambar alien pakai mahkota raja)
16. gambar icon status yahoo messenger t = 16 (Gambar kepala kuda bertanduk / mungkin unicorn)
17. gambar icon status yahoo messenger t = 17 (Gambar alien sedang bingung)
18. gambar icon status yahoo messenger t = 18 (Gambar alien yang di kepala-nya ada balon listrik)
19. gambar icon status yahoo messenger t = 19 (Gambar alien sedang tidur)
20. gambar icon status yahoo messenger t = 20 (gambar alien dengan kuping antena siput)
21. gambar icon status yahoo messenger t = 21 (Gambar kepala alien dengan baterai drop/lemah)
22. gambar icon status yahoo messenger t = 22 (Gambar apa ini, mungkin sedang dengar lagu)
23. gambar icon status yahoo messenger t = 23 (Gambar alien meninju pengunjung blog yang nakal)
24. gambar icon status yahoo messenger t = 24 ( gambar alien tidur pegang gulungan kertas)

Silahkan dipilih salah satu gambar icon yahoo messenger di atas,kemudian dipasang di blog anda. dengan adanya icon tersebut maka akan memudahkan pengunjung mengetahui saat anda online di Yahoo messenger,ini adalah salah satu cara chatting sehingga memudahkan pengunjung chatting dengan anda.


sumber : xxx
»»