Cara Membuat Teks Berjalan di Blog

Cara MembuatTeks Berjalan di Blog- Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

 hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

 hasilnya

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :

• Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
• Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
• Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
• Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
  

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :

Contoh Tulisan Berjalan

• Untuk menyisipkan link pada marquee, gunakan kode berikut :

<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>

catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.

hasilnya :

Cara Membuat Tulisan Berjalan di Blog

• Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>

catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer

Hasilnya :

cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

Sekian posting cara bikin tulisan berjalan nya....

CARA MEMBUAT NAMA MENGIKUTI KURSOR

Cursor Text Bergerak

Ikuti tutorial di bawah:

1) Login akaun blogger > Dashboard > Add A Gadget > HTML/Javascript

2) Copy paste kod dibawah pada ruangan html tadi

<style type="text/css">

/* Circle Text Styles */

#outerCircleText {

font-style: normal;

font-weight: normal;

font-family: 'ARIAL';

color: #8D38C9;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>

<script type="text/javascript">

;(function(){

var msg = "TEXT HERE";

var size = 24;

var circleY = 0.75; var circleX = 2;

var letter_spacing = 5;

var diameter = 10;

var rotation = 0.4;

var speed = 0.2;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

},

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

},

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

},

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

},

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

</script>

Dalam kod di atas, tukarkan :
ARIAL -  font pilihan korang
TEXT HERE - masukkan text korang sendiri
 8D38C9 - kod warna text pilihan korang, boleh pilih kod warna di bawah:
( untuk paparan lebih besar, klik di sini)

CARA MEMASANG JAM DI BLOG

Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi.
Satu jam terdiri dari:

• 60 menit
• 3600 detik

Untuk anda yang ingin terlihat cantik blog nya penambahan jam adalah salah satu alternatifnya, Penambahan jam di blog tergolong sangat mudah anda tinggal mengcopy kode HTML nya saja, Masalahnya Bisakah anda membuat agar blog anda terlihat lebih menarik ketika menambahkan jam di blog anda.

Cara Pasang Jam Pada BloG Terbaru

• kunjungi situs Clocklinkgallery

•  Pilih animasinya sesuai keinginan

• Klik view HTML tag

• Klik tombol tulisan accept

• Pilih waktu sesuai negara

• Set ukuran jam

• Copy kode HTML tersedia

• Login akun blogger

• Pilih tata letak

• Klik tambah gadget

• Pilih HTML javascript

• Paste kode tadi

• Klik Simpan

Contoh Kode HTML

<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:150px;height:150px;" src="http://www.clocklink.com/html5embed.php?clock=007&timezone=PST&color=gray&size=150"></iframe>

CARA INSTAL ULANG WINDOWS 7 LENGKAP+GAMBAR

Haiii,, Halooooo, saya akan share ilmu tentang Cara Install Ulang Windows 7 Lengkap+Gambar, dalam hal install windows ini masih banyak yang tidak mengetahui caranya, tapi kalau bagi siswa SMK yang mengambil jurusan komputer rata-rata bisa menginstall ulang komputer/laptop nya sendiri, bagi kamu yang belum bisa, ayo ikuti langkah2 menginstall ulang windows 7 dibawah ini. gampang kok :D

Pastikan kalo kita udah backup drivernya, agar setelah install gak perlu download lagi, bagi yang belum, baca aja disini Cara Backup Driver Windows Dalam 5 Menit. Jangan lupa juga copy file penting yang di Local C ke Local D, karena saat kita format, file yang di desktop, my document dan download akan hilang , karena termasuk dalam Local C.

Sebelum install windows 7, tentu saja kamu harus punya DVD Windows 7 yang masih baik kondisi nya, kalau udah rusak, buang saja , hihi, jika ada file windows iso, burn aja ke DVD, cara nya liat disini Cara Burning Windows 7 Ke CD/DVD

Oke, langsung aja Masukan DVD Windows 7 , lalu setting Bios agar boot ke CDROM, jika belum di setting, lihat disini Cara Setting Booting Bios Ke CDROM.

Jika sudah, akan ada tulisan Press Any Key To Continue, Enter aja.

Maka akan muncul seperti ini.

KLIK GAMBAR UNTUK MEMPERBESAR :)

Ini jangan diubah, langsung next aja bro..

Pilih Install now

 

Centang I accept the license terms, lalu next.. 

 

Pilih Custom..

Pilih Partisi yang akan di isi dengan Windows 7, karena ini hanya ada 1 partisi, maka langsung saja, tetapi di laptop/PC anda pasti ada beberapa partisi, pilih yang partisi C, sekitar 100GB, bisa di cek di MyComputer..

Oke, setelah tau, maka kita kembali lagi ke proses install, pilih disk yang berisi windows dan klik Drive Options, lalu Format. Setelah Format lalu Next, windows akan memulai install, kira2 30 menit,

 

Tunggu Proses Install.. Setelah itu PC akan restart sendiri beberapa kali, tunggu saja..

 

 Masukan Username (Nama Kamu) dan nama Komputer 

 Masukan Passwordd, jika tidak ingin menggunakan password, langsung next aja.

Masukan kalo kamu punya Serial Key, kalo gak punya ya hilangkan Centang nya dan next, windows kamu akan trial dan expired dalam jangka waktu tertentu, bisa menggunakan Windows Loader agar windows kamu menjadi full version, search aja windows loader di google :)

 Pilih Ask Me Later

Atur Waktu diwilayah Anda

 

Keluar kan CD nya, SELESAI ! Setelah selesai install windows, sekarang tinggal install drivernya, liat aja di Cara Install Driver Yang Sudah Di Backup .. 

MASALAH yang sering terjadi saat install adalah berhentinya proses install ataupun error, kemungkinan besar ini disebabkan oleh rusaknya DVD windows anda, dan juga masalah pada Harddisk, kamu bisa mencoba menginstall di laptop kawan ataupun menggunakan DVD lain untuk mengetahui apa yang rusak. Terimakasih telah membaca artikel Cara Install Ulang Windows 7 Lengkap+Gambar.