Cara Membuat Tulisan Berjalan (Marquee) Di Blog

Cara membuat tulisan berjalan (Marquee) di blog memang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.

Perlu anda ketahui bahwa kode dasar Marquee adalah..

<marquee>TEKS YANG BERGERAK</marquee>  

Kode diatas menjadi seperti ini

TEKS YANG BERGERAK 

Jadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..

Cara pemasangan kode Marquee pada artikel

1. Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
2. Silahkan masukkan kode Marquee di mode HTML
3. Cek posisi teks di mode Compose
4. Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 

Cara pemasangan kode Marquee pada widget 

1. Login ke akun blogger anda
2. Masuk ke menu Tata Letak, Klik tambahkan gadget
3. Silahkan pilih HTML/Java Script
4. Masukkan kode Marquee yang anda pilih
5. Silahkan klik Simpan
6. Kemudian silahkan cek apakah kode sudah bekerja.

Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah

style="font-family: Arial; font-size:20px; color:#800C0C;"

1. Arial adalah jenis huruf
2. 20px adalah ukuran huruf
3. #f2f2f2 adalah warna huruf

Silahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..

<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS</marquee>

Hasilnya akan terlihat seperti ini..

CONTOH BACKGROUND AREA TEKS

Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya..

Kode Marquee untuk mengatur pengulangan Rotasi

kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang.

Contoh kodenya seperti ini:

<marquee loop="6">TEKS BEROTASI 6 KALI</marquee>

Hasilnya akan terlihat seperti ini..

TEKS BEROTASI 6 KALI

Kode Marquee untuk mengatur lebar teks

Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:

<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>

Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.

Hasilnya akan terlihat seperti ini

LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Kode Marquee untuk memberi link pada teks

Kode dasar seperti ini..

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://seoterpadu.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

Hasilnya akan terlihat seperti ini..

CARA MEMBUAT TULISAN BERJALAN

Kode Marquee untuk mengatur background pada jalur teks

Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:

<marquee bgcolor="pink">CONTOH BACKGROUND AREA TEKS</marquee>

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain.

Hasilnya akan terlihat seperti ini

CONTOH BACKGROUND AREA TEKS

Kode Marquee untuk mengatur kecepatan jeda

Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:

<marquee scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK</marquee>

Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..

TEKS BERJALAN DALAM JEDA 0,75 DETIK

Kode Marquee untuk memberi Alt Title pada area teks berjalan

Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:

<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>

Hasilnya seperti ini..

TEKS YANG BERJALAN DENGAN PESAN

Kode Marquee untuk mengatur kecepatan teks berjalan

Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:

<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12</marquee>

Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..

KECEPATAN TEKS YANG BERJALAN 12

Kode Marquee untuk mengatur arah teks bergerak

Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.

Contoh kode nya seperti ini:

<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>

Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.

Hasilnya akan terlihat seperti ini..

TEKS AKAN BERGERAK KE KIRI

Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse

Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee>

Hasilnya akan terlihat seperti ini..

TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE

Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.

CyberLink YouCam Deluxe 7 0 1904 0

YouCam 7 delivers the functionality of a complete live video studio, to take full advantage of your webcam. It comes with face beautifier tools, over 200 fun effects for video chats and recordings, and a full set of capture tools. Additionally, it offers simple-to-use and efficient security tools, such as surveillance and face login. Transform your virtual presence with YouCam 7.

More Webcam Fun
Add Personality to Your Video Chats

Cooler Pictures and Videos
Create Visual Masterpieces, On the Go

Improved Productivity
YouCam is for Business, too

Simple Safety Tools
Have Your Own Virtual Security Guard

Real Time Video Effects
Choose from over 200 fun and interesting effects that can be applied to your video chats and video recording projects, with thousands more available for download on DirectorZone.

Frames and Scenes
Both frames and scenes let you blend the image from your webcam with another image effect. Use them to spice up your video and compose the perfect portrait or an ultra cool profile picture.

Particles, Filters, & Distortions
The many entertaining effects available in YouCam include colorful interactive particles, as well as many funhouse-like filter and distortion effects. Redefine your universe with particles filters and distortions.

Emoticons & Gadgets
Choose face-tracking accessories that move when you do, and communicate how you really feel with hilarious animated emoticons. Emoticons can also be paired with other effects to double the fun!

Photo Editing Workspace
Enhance your webcam photos using a range of brush sizes and colors, or try freestyle drawing using your fingers on the touch-screen. Photo presets let you easily and quickly adjust the mood and artistic feel of your pictures. Rotate and crop webcam photos to extract the best parts for sharing.

Face Beautification Tools
When you are editing your webcam pictures, YouCam’s facial recognition technology and suite of beautifying tools allow you to touch up your facial features, removing imperfections and making subtle enhancements.

Smart Video Enhancements
CyberLink’s proprietary TrueTheater™ technology automatically adjusts lighting and sharpness. You can also take full control by manually adjusting noise reduction, contrast, and brightness.

Skin Smoothener
Don’t let bad lighting make you look older. When recording video or webcam chatting, the real time skin smoothener reduces visible blemishes and wrinkles from your face.

Desktop Recording in Full HD & Higher FPS
YouCams desktop recording feature delivers better performance and higher frame rate video than ever before. You can capture the area around the mouse pointer, select a specific region to capture, or capture the desktop full screen.

PowerPoint Video Presentations
YouCam lets you integrate an existing PowerPoint file into a video chat or recording session. Choose from a variety of screen layouts, and freely draw on the presentation slide when you need to highlight key messages.

Surveillance Mode
With YouCams motion detection technology, your webcam and PC function as home security system. You can also set up time-lapse recording, and YouCam will take a snapshot at the time interval set by you.

Face Login and Face-out
Your face is the most reliable password. Face Login will remember your passwords, and log you into Windows when you present your face in front of the webcam. Face Login also works to access most popular websites. For added security, YouCam can lock the PC screen when your face is not in front the webcam.

What’s New in CyberLink YouCam 7:
* NEW! Look Your Best: Don’t let bad lighting make you look older. When recording video or webcam chatting, the real time skin smoothener reduces visible blemishes and wrinkles from your face.
* NEW! Perfect Profile Pics: When you are editing your webcam pictures, YouCam’s facial recognition technology and suite of beautifying tools allow you to touch up your facial features, removing imperfections and making subtle enhancements.
* ENHANCED! Save the Action: YouCam’s desktop recording feature delivers better performance and higher frame rate video than ever before. You can capture the area around the mouse pointer, select a specific region to capture, or capture the desktop full screen.

* Real-time skin smoothener for video
* HDR and Panorama mode for photos
* TrueTheater smart video enhancements
* Face beautifying tools to touch up self portraits
* Enhanced desktop recording
* 3DS Augmented reality objects

Whats New in YouCam Deluxe 7.0:
- Adds support for Windows 10.
- Adds support for Skype for Business.
- Adds support for the use of Firefox and Chrome for Face Login.
- Adds support for new AMD hardware encoder with driver 15.7 or later.
- Minor bug fixes.

System Requirements
Windows XP, Windows Vista, Windows 7, Windows 8, Windows 10 (64 bit and 32 bit)

Download :
---------------

--> link 1  : size-427 MB     Uploaded