EFFEK MARQUE / TEKS BERJALAN

anda tertarikz untuk membuat efek marquee / teks berjalan namun tidak tau caranya, namun anda berusaha untuk membuat nuansa hidup pada blog anda silahkan ikuti petunjuk di bawah.. sebelumnya yang perlu anda ketahui bahwa efek marquee ada beberapa macam diantaranya :

teks  bergerak kesatu arah bergerak bolak balik bergerak keatas bergerak sekali saja dll..

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", dll.

    Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, 

    seperti:

   "#fffff", "#ff5a00", "#abb0b5", dll. Belum tau cara menghasilkan kode warna. klik 

5. Width 

    Untuk mengatur panjang ruangan teks dalam satuan pixel.


6. Height 

    Untuk mengatur lebar ruangan teks dalam satuan pixel.


7. Background 

    Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow",

    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 attributes² yang digunakan dalam membuat efek marquee atau teks berjalan. 

Berikut ini beberapa contoh efek marquee :

Contoh 1:

Efek teks berjalan bolak-balik

Creatifitaz.Blogspot.Com

Kodenya:

<span style="color: black; font-family: arial; font-size: medium;"><marquee behavior="alternate" bgcolor="yellow" direction="right" height="35px" scrollamount="2" scrolldelay="10" width="320px">Creatifitaz.Blogspot.Com</marquee></span>

Contoh 2:

Efek teks berjalan bolak-balik secara vertikal:

Creatifitaz.Blogspot.Com

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 3:

Efek teks berjalan kekanan secara continue:

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="times" color="black" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="50px" scrolldelay="10" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 4:

Efek teks berjalan kekiri sekali saja:

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="courier" color="black" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="50px" scrolldelay="100" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 5: 

Efek teks berjalan kekanan tiga kali

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="courier" color="black" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="50px" scrolldelay="100" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 6:

Efek Bounce

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="comic sans ms" color="black" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="320px" scrollamount="2" height="100px" bgcolor="yellow"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Creatifitaz.Blogspot.Com</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 : 

Creatifitaz.Blogspot.Com

kodenya :

<font face="arial black" color="black" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="320" height="100" onmouseout="this.start()" bgcolor="yellow">Creatifitaz.Blogspot.Com</marquee></font>

Cara memasang Code marquee pada blog :

1. Login ID Blogger.  Klik menu Design/Rancangan

2. Click Add Gadged tambahkan  html / Javascript

3. Masukkan Code marquee yang ingin di gunakan lalu Click Save

4. Selesai..

sumber

 

READ MORE - EFFEK MARQUE / TEKS BERJALAN

MEMASANG FACEBOOK SHARE DI BLOG

Buat teman² yang ingin berbagi tentang isi blog kepada teman² laennya di dunia jejaring sosial, bisa mencoba dengan cara memasng tombol facebook share ke dalam blog yang teman² miliki.. dan caranya tidaklah sulit jika teman² memang mempunyai niat tsb.. silahkan ikuti petunjuk di bawah ini :

..Contoh tombol yang akan kita buat..

Dan bila teman² berminat untuk memasang tombol silahkan ikuti petunjuk di bawah ini :

1. Login ID Blogger.. pilih menu design / rancangan dan klik edit html..

2. Beri tanda centang pada 'Expand widget templates'

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

4. Jika kesulitan klik Ctrl + F dan copy kan <data:post.body/>

5. Jika menemukan 2 code pilih yang pertama..

6. Letakkan salah satu kode tombol facebook share berikut ini..  dibawah code  <data:post.body/>  jika ingin memasang tombol fshare dibawah postingan or letakkan diatas  <data:post.body/>  jika ingin memasang diatas postingan..

Tombol Fshare tanpa counter

 

Code:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter diatas

Code:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter disamping

Code:

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

7. Jika sudah simpan template dan lihat hasilnya..

READ MORE - MEMASANG FACEBOOK SHARE DI BLOG

CARA MEMASANG WIDGET GOOGLE TRANSLATE

sekedar tips dan trick buat teman² blogger yang ingin blog nya juga dapat dinikmati oleh pengunjung dari berbagai belahan dunia, tidak ada salah nya bila teman² memasang widged Google translate pada blog.. dan buat yang belum tau caranya silahkan mengikuti petunjuk di bawah ini :

1. Copy code dibawah ini..

<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>


<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqEoua1RaArgUuejfFmJX8to3GjV_KpSp8VNubEQ6de6J0aIMCJnvBZtFTlVzxUSYtLva1paAzH5R8xkqmYZ4ziJV3zpZKeW9xzmwx0CFCy2rngalEWEBBkJKTMy69JF9nPYNInzHevDcy/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCsY5qr3h-3PqlV7CLsWmMsFTAmvBO6rpA5KfpWRfp2SJPNWBNk9vkSUtAR8zMGtfIE4JNbylaB_AJZyDwoPdlGSxTztAqVdrgQOEoDIxOMYnuVIbL8R-iGVZXsc2rvwtU5UaKwBDDQmDh/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6j82lPPV31Quyi9XPcWmrpwQJRTjDH7qQY0TTa_RG2-ANv0bIxTG38gWAcozyF6u_tmM2lloFFKlg67gaDLPzQsQOoapZUbhh3Iq6dH4alEebV0czEu4uDAtdbxfkfWUaFeMmBj3rw00/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbfhqA3qywne2NWthrlJrotyWylbSeJx337eVqWzYzCK4TT4X-PBFQvKUt6lV1NAVb6X1wEVYgf-ifkPFStF3VZ61C-TLSooYzt4pW_nz3SQ1psyV4Rcj-Xr3E1PT-4rCxj-E67bLcSi_2/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYcEJWWu8zbYksVRCgX6_c7as18qC2Ewyoakny9XQHH7nOB9-K-9hfYA80Z0aydNk7tTfzDe0ZQS47RPify2oT3tpZ4Ap6gV0Iww1k96C552PqzimoYxR0s_UTc9RhcxHBGRZuVeavMefp/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6k8GoUW0r9YHGAaHEtGMkIsof_fry4L-oFnC7foYAPzkU8KZlzWG58vPu5djoDyxM55H0EmEXHeQSSA28h4UFqE_6mx-BLbdp2v6h5GQXNlN5HC2jECVRzRYr0B8ABF8ynQ_06EXFpVRh/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJIkV7R2mMy-Z7CBaSyGgtVw40MwKicalh3MUchQ5VM-pknZjDz8kAWfqG8MmCEORyA1bK95NTFle2Fn5Dg1ESwmatGoCYtSD-20vhvSy9_kBQMLeMgFZISZIGeSIecsmjz59PtxG7DIcd/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWINbxIKXExPa7Du7CuE6fz7b1OL1y4ot8lry5iJOAnDlHixIlKWw0FNNiJsysYRcKPhT3bpZamJgWFkdBbThHowHekINHd7WR4C-c7bmbSvNAX41mJUiKyMSE3g8gUME4K1J6TEs4Fde/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf1sG2ZnEfBvLnHIxxVQvSLTy2h-6rYbbRLCKwATJtd36IYV0CdHUulT1AbqxgWTkakaYBiL9sH9gYuyeGkwDFCtXZEkB0py92Ccvm7RYQnIvwNlWWR2rUDdpN41-zNZ4WwF-1izFyNid1/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyVoQI8rjSwU582oHG6TrGnSUVVRBXK58lHeEKOhAZBVjuqoH_Sq13vaPFGZb-xJ-X24Qu5QRS3ZB5jRC1alxYIHqxkDxAlwei2Fq93LlOrceaCxDJEN7gLTEUuqfiw3So-Z_d0XQlBkTl/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGxe1_JLSfK-IckLBNBSCn39py713WljpHGFGYi1ZrTJqRAcpDzVvY5W1a3ojnW3T0TZkQgtQ_5TUhBHWA_NyN2alpiiEnzgKb1NyKFIxgtjpZxQ-r9yL-ZZRkp-TiyhyphenhyphenG8a8jtip5Om2/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwnuOkDnVknhxO6rBJ4TDAmvv68RxTqG8ZVqZAPgnS6A6BvyoygI2rc3XZ3gULVjqZopnR3clISBUyTfjg1shCwn7sXZYjRKut_v7MvmZaQvqXRKX-90kkj8-blOszkMHGPYgnCS-B4drn/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>

2. jika sudah buka rancangan dan tambahkan gadged html/javascrips dan copy paste code tsb..

3. klik save dan selesai.. silahkan lihat hasil..

READ MORE - CARA MEMASANG WIDGET GOOGLE TRANSLATE