July 2013

Home » Archives for July 2013

Sunday, 28 July 2013

Peluang Bisnis Online Gratis Tanpa Modal Terbaru dan Terpercaya!

By Ma'ruf Hidayat | At 02:52 | Label : Bisnis Online | 16 Comments

Blog Keren Tentang Peluang dan Bisnis Online Terbaru.

Bisnis online bisa saja lebih baik daripada kerja secara Offline, keunggulan kerja Online adalah sangat lebih mudah dan tidak melelahkan. Maka dari itu, kerja online sangat menguntungkan, anda bisa menjual produk secara mudah.

Peluang Bisnis Online Gratis Tanpa Modal Terbaru dan Terpercaya! Banyak orang yang gagal dalam berbisnis online karena tidak mendapatkan profit yang diinginkan, ada juga yang berhasil karena mereka tahu apa yang harus dilakukannya. Oleh karena itu, saya akan memberikan tutorial bisnis online terbaru secara gratis.

Anda bisa menata apa yang harus anda lakukan pada awal agar anda bisa lebih mudah kedepannya. Anda bisa baca tutorial lengkapnya di artikel Cara Belajar Bisnis Online Gratis Tanpa Modal

Bisnis online tidak harus memiliki sebuah blog, anda bisa memanfaatkan kerja online gratis Freelance yang dapat membayar anda tanpa memiliki sebuah blog. Anda tahu Freelance? Jika tidak tahu, silahkan baca di halaman wikipedia, Apa itu Freelance (Tenaga Lepas).

Beberapa kerja online gratis yang bisa saya sarankan antara lain..

Fiverr : Situs Freelance ini sangat terkenal sekali, bahkan sangat banyak situs-situs yang meniru situs tersebut, anda bisa mendapat $4 dari pekerjaan yang anda tentukan sendiri. Anda bisa membuat pekerjaan super konyol bahkan pekerjaan serius pun bisa anda lakukan disana. Bagaimana cara kerja situs ini? Mudah saja, anda tinggal membuat GIG kemudian orang membeli GIG anda, dan jika anda menyelesaikan tugas tersebut anda bisa mendapat $5 per GIG. Tetapi anda hanya mendapat 4$ saja karena sisanya akan diambil oleh Fiverr. Cukup mudah menurut saya.
Just a Five : Ini adalah situs Freelance seperti Fiverr, sistem kerja dan tampilannya sangat mirip sekali dengan Fiverr. Perbedaan yang paling menonjol dari situs ini adalah anda bisa menentukan harga tugas yang anda kerjakan sendiri, sekitar antara $5-$20. Tapi saya mau minta maaf kepada anda karena belum mengerti benar tentang situs ini..
Elance : Ini adalah salah satu tempat kerja online gratis yang saya sarankan, anda bisa menghasilkan ratusan ribu, jutaan, bahkan puluhan juta dalam beberapa hari saja jika anda mengetahui cara bekerja di situs ini. Sayangnya saya tidak mencari uang disana.
Freelancer : Ini adalah situs kerja online terbesar yang saya temui. Anda bisa menjadi pekerja maupun mempekerjakan orang. Anda bisa membuat sebuah pekerjaan yang akan anda berikan ke orang, anda yang menentukan harga, dan orang akan menawar pekerjaan anda. Anda tinggal pilih saja mana yang terbaik untuk bekerja pada pekerjaan anda. Anda juga bisa menjadi pekerja, and apilih sebuah pekerjaan kemudian menawar. Jika anda beruntung, anda akan dipilih, bekerja, dan menghasilkan uang. Ohh ya, kenapa saya menyebut situs ini besar? karena ada lebih dari 8 juta orang yang mendaftar disana, dan ada ratusan juta pekerjaan yang dipasang disana.

Daftar kerja online diatas hanya beberapa saja. Untuk selengkapnya, silahkan baca saja di artikel Tempat Peluang Kerja Online Gratis Tanpa Modal.

Di artikel diatas anda bisa bekerja di banyak tempat dengan berbagai jenis pekerjaan yang mungkin cocok dengan keahlian anda. Jika cocok, maka proses pekerjaan akan lebih mudah..

Saya juga akan memberikan tutorial kerja di beberapa tempat Freelance diatas.. Lihat beberapa video berikut..

Di video ini akan dijelaskan bagaimana cara kerja Fiverr.com, bagaimana sistem pembayarannya, bagaimana cara membuat gig, bagaimana anda mendapatkan uang dari sana, dan masih banyak lagi…

Elance.com adalah salah satu tempat terbaik untuk mencari proyek atau pekerjaan yang bisa anda kerjakan dengan penghasilan yang bisa anda tentukan. Temukan cara kerjanya dengan menonton video diatas.
Dan masih ada banyak sekali peluang bisnis online di blog saya ini, silahkan oprek dan dicari sendiri.

Ada 1 saran dari saya, jika anda ingin serius mendalami bisnis online dengan memanfaatkan mesin pencari, sebaiknya anda beli produk saya. Setelah mendaftar, anda bisa menikmati semua konten premium milik saya. Bagaimana isi kontennya? dijamin powerfull sekali untuk anda, dan bisa langsung anda praktekkan.

Tapi tunggu dulu, produk ini belum launching, tunggu beberapa saat lagi dan pasti saya akan melaunch produk premium membership ini..

Ok, mungkin itu saja pembahasan dari saya mengenai Peluang Bisnis Online gratis terpercaya. Semoga bermanfaat untuk anda dan terima kasih sudah mau berkunjung dan membaca artikel..

Peluang Bisnis Online Terbaru

Friday, 19 July 2013

Cara Membuat Meta Tag SEO Friendly, Rank 1 Google, Super Ampuh!!

By Ma'ruf Hidayat | At 09:00 | Label : Onpage SEO , SEO | 64 Comments

Cara Membuat Meta Tag SEO Friendly memang sangatlah mudah. Dalam dunia SEO, Meta Tag memang sudah tidak asing lagi bagi kebanyakan blogger. Jadi, apa pengertian Meta Tag?

Apa Itu Meta Tag

Meta Tag adalah sebuah Tag yang dapat anda tambahkan ke dalam situs anda untuk memberitahu robot mesin pencari dan aplikasi web lain apa isi dalam halaman tertentu dan informasi lainnya. Mereka memberikan halaman judul , deskripsi dan kata kunci web anda yang dapat digunakan untuk membantu meningkatkan peringkat mesin pencari dan meningkatkan lalu lintas ke halaman tersebut.

Cara Membuat Meta Tag SEO Friendly

Ada banyak Meta Tag yang bisa anda pasang pada blog anda, tapi sebaiknya juga anda harus mengetahui kelebihan dan kekurangan Meta Tag yang anda pakai tersebut.. Berikut ini adalah kode Meta Tag SEO Friendly yang dapat anda pakai serta penjelasan mengenai kode Meta Tag nya..

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
<meta content='Masukkan deksipsi blog anda, panjang maksimal adalah 156 karakter dan jangan lebih'/>
<meta content='Masukkan keyword anda, contoh keyword, belajar seo blogspot' name='KEYWORDS'/> <meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'/>
<meta content='Indonesia' name='geo.placename'/>
<meta name="language" content="id" />
<meta content='Tips Belajar SEO dan bisnis online dari pakar seo' name='subject'/>
<meta content='Belajar SEO' name='Author'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta http-equiv='refresh' content='10'/>
<meta name="revisit-after" content="1 days"/>

Jadi mari kita bahas bagian-bagiannya..

Title Tag

Title Tag memang bukan merupakan sebuah Meta Tag, tapi karena letaknya yang bersamaan dengan Meta Tag yang lain, maka tidak ada salahnya juga kita bahas.. Kodenya seperti ini..

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>

Search Engine menggunakan Title Tag untuk mengetahui penekanan kata kunci yang anda incar pada halaman blog anda. Panjang maksimal dari Title Tag adalah 70 karakter.

Meta Description

Meta Keyword

Meta Content Type (Charset)

Meta Tag Geo Placename

Meta Languange

Meta Refresh

Meta ini akan mengganggu pengunjung blog anda. Mengapa demikian? Karena pengunjung akan dibingungkan dengan Refresh halaman yang otomatis selang beberapa waktu yang telah ditentukan.

Bayangkan saja jika anda membaca artikel kemudian halamannya melakukan refresh, kesal? anda harus mencari bacaan terakhir yang anda baca, terlebih lagi jika informasi yang anda butuhkan itu sangat penting. Jadi sebaiknya jangan gunakan Meta ini.

Meta Tag Revisit After

Monday, 8 July 2013

Cara Melakukan Optimasi SEO OnPage (Onsite SEO Optimization) Pada Blog

By Ma'ruf Hidayat | At 21:22 | Label : Onpage SEO , SEO | 39 Comments

Cara melakukan Optimasi SEO Onpage pada blog memang sangat mudah. Optimasi ini mencakup 20% dari seluruhnya, dan sisanya adalah Optimasi SEO Offpage.

Apa Itu Optimasi SEO Onpage Pada Blog

Optimasi SEO Onpage adalah optimasi yang dilakukan pada bagian-bagian sebuah halaman website. Ini bisa dilihat langsung oleh pengunjung. Berbeda dengan Optimasi SEO Offpage, optimasi ini tidak dapat dilihat sepenuhnya oleh pengunjunng.

Jadi mari kita bahas saja mengenai cara melakukan Optimasi SEO Onpage ini..

Cara melakukan Optimasi SEO Onpage Pada Blog

Yang pertama kali saya luruskan adalah bahwa yang bisa bertengger di Search Engine itu adalah halaman. Jadi berhentilah mengoptimasi homepage situs anda anda tapi optimasilah halaman situs anda.

Bagaimana caranya agar halaman kita relevan? ikuti beberapa hal berikut!

Jadi untuk onpage SEO ini meliputi beberapa hal... Saya yakin ada lebih dari yang saya tulis disini, tapi sementara ini anda cukup mengerti ini dulu, dan saya yakin dibawah ini adalah 80% dari semuanya.

Meta Description, Title Tag, dan Heading Tag
Emphasize (Seperti memberi Bold, Italic, Underline, dan lain-lain).
Image alt tag
Outbound link
Konten
URL

OK, mari kita bahas penjabaran dari poin-poin penting diatas..

Meta Description, Title Tag, dan Heading Tag

Hal pertama yang penting dan yang menjadi ukuran google untuk menentukan apakah halaman kita relevan dengan sebuah kata kunci adalah dilihat dari Title Tag nya. Letak title tag itu berada di judul artikel di title bar browser.

Dalam memberi Meta Description, harus memperhatikan beberapa hal berikut..

Panjang maksimal 160 karakter
Jangan mengulang suatu kata lebih dari dua kata
Sebaiknya letakkan kata kunci yang anda targetkan dibagian awal deksipsi

Dan menambah Heading Tag sama saja berkata kepada google, "Ini adalah bagian terpenting, ini lebih penting, ini penting, dan ini bagian agak penting.

Jadi, silahkan anda baca tutorial mengoptimalkan Title Tag, Heading Tag, dan Header Halaman di artikel Cara Pasang Meta Description, Title Tag, dan Heading Tag

Emphasize

Emphasize itu misalnya memberikan bold, italic, underline, dan sebagainya pada kalimat atau kata terpenting pada artikel.

Image Alt Tag Optimization

Jika anda punya artikel sebaiknya anda kasih gambar jika anda bertarung di kata kunci yang cukup sulit dan sengit, untuk optimasi gambar anda harus meletakkan Image Alt Tag dan Image File Name pada gambar tersebut. Untuk cara pemasangannya, silahkan anda baca Cara Pasang Image Alt Tag pada blog

Optimasi Onpage Dengan Outbound Link

Outbound link ini adalah link yang kita keluarkan, maksudnya link dari blog anda yang mengarah ke blog lain. Salah satu ciri dari halaman yang relevan itu biasanya suka mengeluarkan link, anda bisa lihat halaman di wikipedia dan blog besar lainnya, anda pasti tahu kalau banyak sekali link keluar dari blog tersebut.

Dengan banyaknya outbound link ini, mencirikan bahwa anda membuat halaman tersebut semata-mata bukan hanya untuk Search Engine, tapi anda membuatnya untuk pengunjung.

Jadi, jika anda melihat halaman tentang sesuatu yang mengincar kata kunci yang kompetitif ada baiknya jika anda melakukan outbound link ke blog Authority yang memiliki artikel relevan dengan artikel anda.

Dengan begitu, anda meningkatkan relevansi artikel anda dan anda juga membantu pengunjung anda untuk melihat tambahan referensi lainnya dari blog lain.

Optimasi Onpage Pada Konten

Anda harus menyediakan konten atau artikel yang dapat membuat orang menetap di blog anda. jadi begini, anda membuat artikel dan yang terlintas dipikiran anda haruslah untuk pengunjung. Jadi anda harus membuat artikel dengan konten yang bagus, bermutu, dan memberikan nilai kepada orang lain. Kata lainnya adalah anda harus mebuat artikel berkualitas.

Untuk membuat pengunjung tidak bosan dengan artikel anda, anda harus langsung menuliskan apa yang dicari pengunjung dan tidak bertele-tele karena pengunjung tidak suka seperti itu.

Optimasi Onpage pada Url

URL yang baik itu seharusnya berisikan namadomain/kategori/subkategori/judul-artikel jika untuk blog wordpress. Sedangkan kalau blogspot sebaiknya ada keyword juga di permalink. Lihat contoh berikut..

http ://www.komiknaruto.com/buku/komik/naruto-episode-311.html

http://www.seoterpadu.com/2013/07/cara-membuat-blog.html

Setiap bagian itu harus berisikan keyword yang jelas. Tapi tetap saja, banyak orang yang tidak mengerti dan membuat url yang tidak jelas. Sebenarnya ini sangat merugikan karena menyia-nyiakan bagian terpenting dari Onpage SEO. Contoh URL yang tidak jelas seperti ini..

http://www.contohnama.com/asq123/name.php?id=91823
http://www.seoterpadu.com/123

Jadi, itulah poin-poin penting dari Optimasi SEO Onpage. Semoga artikel ini bermanfaat untuk anda dalam membuat blog yang memiliki nilai SEO Onpage yang baik.

Cara Membuat Kotak Komentar Keren Di Blog, Dijamin super keren!!

By Ma'ruf Hidayat | At 00:03 | Label : Blogger | 26 Comments

Cara membuat kotak komentar keren di Blog memang sangat mudah. Kotak komentar keren dapat membuat pengunjung lebih suka dan ingin berkomentar di blog anda.

Kotak komentar yang akan saya bahas kali adalah kotak komentar wordpress untuk blogspot yang memiliki tombol reply dan tombol hapus, disertai juga foto pemberi komentar dan juga tanggal komentar dipublish. Dengan memiliki fasilitas tersebut, kotak komentar akan terlihat sangat keren dan elegant.

Sebelum membahas ke tutorial, sebaiknya lihat terlebih dahulu demo tampilan kotak komentar keren ini...

Jadi, mari kita bahas saja cara membuat kotak komentar keren di blog ini..

Cara Membuat Kotak Komentar Keren Di Blog

Login ke akun blogger anda
Masuk ke menu TEMPLATE
Klik Edit HTML
Cari kode ]]></b:skin>
Silahkan copy kode berikut diatas kode ]]></b:skin>


#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image: url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Cari kode </body>
Letakkan kode berikut diatas kode </body>

Cari kode <b:includable id='comments' var='post'>, untuk mempermudah silahkan lihat berikut..

<b:includable id='comments' var='post'>

Kode yang harus anda ganti

</b:includable>

Di bagian teks yang berwarna merah diatas, silahkan ganti dengan kode berikut..

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'></div>

<div class='cm_pagenavi' id='cm_page'></div>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=154513103004606848&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'></span>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>

Silahkan klik SIMPAN TEMPLATE

Perhatian : Silahkan ganti BlogID diatas yang sudah saya blok kuning dengan kode blogID anda.

Bagaimana Cara Mengetahui BlogID?

Mudah saja, silahkan ikuti langkah-langkah berikut..

Login ke akun blogger anda
Masuk ke menu TEMPLATE
Lihat di bagian URL pada browser

http://www.blogger.com/blogger.g?blogID=7404786441715419210#template/src=dashboard

Yang saya beri warna merah adalah letak kode BlogID blog anda..

OK, silahkan lihat hasilnya.. Jika ada kesulitan, silahkan tanyakan di kotak komentar dibawah. Semoga artikel ini bermanfaat untuk anda..

Wednesday, 3 July 2013

Cara Membuat Tulisan Berjalan (Marquee) Di Blog Banyak Variasi - Lengkap!!

By Ma'ruf Hidayat | At 23:27 | Label : Blogger | 15 Comments

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

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

Cara pemasangan kode Marquee pada widget

Login ke akun blogger anda
Masuk ke menu Tata Letak, Klik tambahkan gadget
Silahkan pilih HTML/Java Script
Masukkan kode Marquee yang anda pilih
Silahkan klik Simpan
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;"

Arial adalah jenis huruf
20px adalah ukuran huruf
#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.

Belajar SEO Blog & Bisnis Online Dari Ahli dan Pakar SEO Indonesia