Tutorial TIK-PTD

Cara Memasang Tombol Like Facebook

Selasa, Mei 24, 2011 Belajar IT No comments

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini

Kalau anda ingin membuat tombol like dalam bentuk ini

maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.

sumber: teman2 blogger

Selengkapnya

Cara Membuat Tulisan Melayang

Selasa, Mei 24, 2011 Belajar IT No comments

1. ke blog kita.
2. Klik kemudian klik .
3.Kemudian pilih , pilih lalu masukkan kode di bawah ini:

Copy Semua

<h2  id="fly">Terima Kasih Atas Kunjungannya$Tutorial TIK-PTD</h2>  <script type="text/javascript">  //Flying Letters script- by Matthias (info@freejavascripts.f2s.com) // Modified by Twey for efficiency and compatibility //For this script and more, visit Dynamic Drive:  http://www.dynamicdrive.com  //Configure message to display. Use "$" for linebreak //By default, set to just grab the text from element with ID="fly" message = document.getElementById("fly").innerHTML; // $ = taking a new  line distance = 50; // pixel(s) speed = 200; // milliseconds  var txt="",  num=0,  num4=0,  flyofle="",  flyofwi="",  flyofto="",  fly=document.getElementById("fly");   function stfly() {  for(i=0;i != message.length;i++) {   if(message.charAt(i) != "$")    txt += "<span style='position:relative;visibility:hidden;'  id='n"+i+"'>"+message.charAt(i)+"<\/span>";   else    txt += "<br>";  }  fly.innerHTML = txt;  txt = "";  flyofle = fly.offsetLeft;  flyofwi = fly.offsetWidth;  flyofto = fly.offsetTop;  fly2b(); }  function fly2b() {  if(num4 != message.length) {   if(message.charAt(num4) != "$") {    var then = document.getElementById("n" + num4);    then.style.left = flyofle - then.offsetLeft + flyofwi / 2;    then.style.top = flyofto - then.offsetTop + distance;    fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) /  5, parseInt(then.style.top), parseInt(then.style.top) / 5);   }   num4++;   setTimeout("fly2b()", speed);  } }  function fly3(target,lef2,num2,top2,num3) {  if((Math.floor(top2) != 0 && Math.floor(top2) != -1) ||  (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {   if(lef2 >= 0)    lef2 -= num2;   else    lef2 += num2 * -1;   if(Math.floor(lef2) != -1) {    document.getElementById(target).style.visibility = "visible";    document.getElementById(target).style.left = Math.floor(lef2);   } else {    document.getElementById(target).style.visibility = "visible";    document.getElementById(target).style.left = Math.floor(lef2 + 1);   }   if(lef2 >= 0)    top2 -= num3   else    top2 += num3 * -1;   if(Math.floor(top2) != -1)    document.getElementById(target).style.top = Math.floor(top2);   else    document.getElementById(target).style.top = Math.floor(top2 + 1);    setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)  } }  stfly()  </script>

4. Ganti kata yang berwarna merah dengan kata2 yang kita inginkan..
5. Jika sudah klik .. dan coba hasilnya,...

Sumber: dari teman2 blogger

Selengkapnya

Cara Membuat Cursor Diikuti Teks

Senin, Mei 23, 2011 Belajar IT No comments

1. ke blog kita.
2. Klik kemudian klik .
3.Kemudian pilih , pilih lalu masukkan kode di bawah ini:

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

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.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+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+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>

4. Ganti kata yang berwarna merah dengan kata2 yang kita inginkan..
5. Jika sudah klik .. dan coba hasilnya,...

Sumber: dari teman2 blogger

Selengkapnya

Cara Membuat Efek Marquee atau Teks Berjalan

Sabtu, Mei 14, 2011 Belajar IT 1 comment

Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :

Alternate : Teks bergerak bolak-balik

Slide : Teks hanya bergerak sekali saja

Scroll : Teks bergerak ke satu arah secara kontinu

2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

Up : Teks bergerak keatas

Down : Teks bergerak kebawah

Left : Teks bergerak kekiri

Right : Teks bergerak kekanan

3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

Welcome To Tutorial TIK-PTD

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="490px">Welcome To Tutorial TIK-PTD</marquee></font>

Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Welcome To Tutorial TIK-PTD

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="490px">Welcome To Tutorial TIK-PTD</marquee></font>

Contoh 3: Efek teks berjalan kekanan secara kontinu

Welcome To Tutorial TIK-PTD

Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="490px">Welcome To Tutorial TIK-PTD</marquee></font>

Contoh 4: Efek teks berjalan kekiri sekali saja

Welcome To Tutorial TIK-PTD

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="490px">Welcome To Tutorial TIK-PTD</marquee></font>

Contoh 5: Efek teks berjalan kekanan tiga kali

Welcome To Tutorial TIK-PTD

Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="490px">Welcome To Tutorial TIK-PTD</marquee></font>

Contoh 6: Efek Bounce

Materi & Tutorial TIK-PTD

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="490px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Materi & Tutorial TIK-PTD</marquee></marquee></font>

Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="490" height="100" onmouseout="this.start()" bgcolor="blue">Materi & Tutorial TIK-PTD untuk tingkat SMP...</marquee></font>

Hasilnya seperti ini:

Materi & Tutorial TIK-PTD untuk tingkat SMP...

Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..

Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan mengganti nilai-nilai pada attributes.

sumber : http://www.hermanblog.com/

Selengkapnya

Membuat Database Baru Pada Ms. Access 2007

Rabu, April 06, 2011 Belajar IT No comments

Untuk membuat datbase baru yang masih kosong, ikuti langkah-langkah berikut :

1. Klik tombol yang ada di taskbar.

2. Pilih atau klik menu All Programs>Microsoft Office>Microsoft Access 2007.

3. Pada jendela Getting Started with Microsoft Office Access, pilih dan klik ikon

Blank Database. Jendela Task Pane - Blank Database di sebelah kanannya akan ditampilkan.

4. Pada kotak isian File name, ketikkan nama file yang kita inginkan.

5. Untuk memilih drive dan folder tempat kita akan menyimpan file, klik

. Kotak dialog file New Database akan ditampilkan.

6. Pada tombol daftar pilihan Save in, pilih drive dan folder tempat kita akan menyimpan file. Kemudian klik .

7. Klik tombol perintah , Tunggu sampai database baru yang kosong terbentuk.

Selengkapnya

Mengenal Ribbon sebagai User Interface Baru pada Access 2007

Rabu, April 06, 2011 Belajar IT No comments

Access 2007 mempunyai tampilan user interface (UI) baru yang mengganti Menu, Toolbars, dan sebagian besar Task Panes yang ada di Access versi sebelumnya dengan mekanisme tunggal yang lebih simpel dan efisien.

Pengganti menu dan toolbars pada Access 2007 biasa disebut Ribbon, yang dirancang untuk membantu kita bekerja lebih produktif serta mudah dalam menggunakan seluruh fasilitas dan fungsi yang disediakan oleh Access 2007.

Ribbon ini terdiri atas beberapa Tabs yang mengorganisasikan berbagai skenario khusus dan objek sesuai dengan jenis aktivitasnya.

Masing-masing tab terdiri atas beberapa Groups.

Setiap group terdiri atas beberapa Tombol Perintah atau Command Buttons.

Selengkapnya