Contoh Tulisan Berjalan Keren

Bagi anda yang ingin menghiasi blog atau website anda, saya memberikan beberapa contoh yang bisa anda copy paste dengan kode html.

Tulisan berjalan yang dipasang pada blog akan menambah tampilan blog menjadi lebih menarik. Dan tulisan berjalan ini biasanya berisi tentang informasi penting yang ada pada blog itu.

Cara membuat tulisan berjalan tidaklah sulit, tetapi anda harus tahu dulu kode-kode marquee yang digunakan. Variasi kodenya sangat beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog juga.

Selain beberapa contoh tulisan berjalan yang bagikan di bawah ini, masih banyak lagi contoh-contoh yang lain. Namun, dengan hanya menerapkan contoh yang di bawah ini, tampilan blog anda pasti sudah bisa menarik perhatian para pengunjung.

Dengan kode dasar di bawah ini, anda dapat memberikan variasi menarik dengan menambahkan sedikit kode. Beberapa contoh kode ini bisa anda kombinasikan sesuai dengan keinginan anda.

Berikut adalah Contoh Tulisan Berjalan Keren :

1. Tulisan Berjalan Ketika Di Klik Akan Berhenti Dengan Border

Kodenya :

<table style="border: 2px solid #000; height: 110px; width: 300px;">
<tbody>
<tr>
<td align="left"><marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="290">
<ul>
<p>TERIMA KASIH</p>
<p>TELAH BERKUNJUNG</p>
<p>DI BLOG</p>
<p>LAZIO ALFARO</p>
</ul>
</marquee>
</td>
</tr>
</tbody></table>

Keterangan :
>> 2px = Tebal border (batas).
>> #000 = Warna border.
>> Height = Tinggi.
>> Width = Lebar.
>> Align = Posisi teks.
>> Direction = Arah pergerakan teks.
>> Scrollamount = Kecepatan pergerakan teks.
>> Onmouseout = Teks berjalan ketika mouse di klik di luar area marquee.
>> Onmouseover = Teks berhenti berjalan ketika di klik dengan mouse.
>> Terima kasih telah berkunjung di blog lazio alfaro = Ganti dengan tulisan anda.

Hasilnya :

TERIMA KASIH TELAH BERKUNJUNG DI BLOG LAZIO ALFARO

2. Tulisan Berjalan Ketika Di Klik Akan Berhenti Tanpa Border

Kodenya :

<div style="width: 300px; height: 110px; padding: 20px;">
<marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4">LAZIO ALFARO BLOGSPOT</marquee>
</div>

Keterangan :
>> Lazio Alfaro Blogspot = Ganti dengan tulisan anda.

Hasilnya :

LAZIO ALFARO BLOGSPOT

3. Tulisan Berjalan Menampilkan Tanda Panah Ke Teks

Kodenya :

<marquee behavior="alternate" width="10%">&gt;&gt;</marquee>LAZIO ALFARO BLOGSPOT<marquee behavior="alternate" width="10%">&lt;&lt;</marquee>

Keterangan :
>> Lazio Alfaro Blogspot = Ganti dengan tulisan anda.

Hasilnya :
>>LAZIO ALFARO BLOGSPOT<<

4. Tulisan Berjalan Hanya Menampilkan Bagian Depan Teks

Kodenya :

<marquee behavior="alternate"><marquee width="150">LAZIO ALFARO BLOGSPOT</marquee></marquee>

Keterangan :
>> Behavior = Mengatur gerakan teks.
>> Alternate = Gerakan bolak-balik.
>> Lazio Alfaro Blogspot = Ganti dengan tulisan anda.

Hasilnya :
LAZIO ALFARO BLOGSPOT

5. Tulisan Berjalan Bolak-Balik

Kodenya :

<marquee behavior="alternate" scrollamount="20" width="32%">LAZIO ALFARO</marquee>

Keterangan :
>> Lazio Alfaro = Ganti dengan tulisan anda.

Hasilnya :
LAZIO ALFARO

Baca Juga : Cara Cepat Membuat Copyright Di Footer Blog

Itulah beberapa Contoh Tulisan Berjalan Keren, dan silahkan untuk mencobanya.

Cara Cepat Memasang Multi Tap Sidebar Pada Blog

Memasang multi tap sidebar pada blog merupakan salah satu tujuan untuk menempatkan widget lain yang memerlukan banyak ruang. Dan juga bisa menampilkan widget yang ditempatkan di multi tap sidebar agar tampilan blog terlihat lebih menarik.

Tampilan blog yang bagus tidak akan ada artinya jika loading blog sangat lamban. Pada artikel ini, saya akan memberikan solusi cara cepat memasang multi tap sidebar pada blog. Daripada widget-widget di sidebar blog anda banyak berjajar ke bawah, mungkin cara ini bisa menjadi solusinya dan membuat sidebar blog anda menjadi lebih simpel.

Memang banyak yang menggunakan dan banyak juga yang tidak menggunakan multi tap sidebar pada blog, karena hal itu tergantung masing-masing pengguna blog. Tapi menurut saya, memasang multi tap pada blog merupakan solusi yang tepat untuk anda yang banyak memasang widget di sidebar blog.

Berikut adalah Cara Cepat Memasang Multi Tap Sidebar Pada Blog, yaitu :

1. Buka dasbor blog anda.

2. Pilih "Template"➡"Edit HTML".

3. Cari kode ]]></b:skin> atau </style> kemudian copy kode di bawah ini, dan paste di atas kode tersebut.

Kode :

/*--Multi Tab Widget--*/
.multitab-section {
background:#fff;
text-transform:uppercase;
width:100%;
}
.multitab-widget {
list-style:none;
margin:0 0 10px;
padding:0;
}
.multitab-widget li {
list-style:none;
padding:0;
margin:0;
float:left;
}
.multitab-widget li a {
background:#005cba;
color:#fff;
display:block;
padding:15px;
font-size:13px;
text-decoration:none
}
.multitab-tab {
border:0;
width:33.3%;
text-align:center;
}
.multitab-section h2,.multitab-section h3,.multitab-section h4,.multitab-section h5,.multitab-section h6 {
display:none;
}
.multitab-widget li a.multitab-widget-current {
padding-bottom:20px;
margin-top:-10px;
background:#fff;
color:#444;
text-decoration:none;
border-top:5px solid #005cba;
font-size:14px;
text-transform:capitalize
}

4. Cari kode </body> kemudian copy kode di bawah ini, dan paste di atas kode tersebut.

Kode :

<script type='text/javascript'>
//<![CDATA[
// Multi tab widget
jQuery(document).ready(function($){ $(".multitab-widget-content-widget-id").hide(); $("ul.multitab-widget-content-tabs-id li:first a").addClass("multitab-widget-current").show(); $(".multitab-widget-content-widget-id:first").show(); $("ul.multitab-widget-content-tabs-id li a").click(function() { $("ul.multitab-widget-content-tabs-id li a").removeClass("multitab-widget-current a"); $(this).addClass("multitab-widget-current"); $(".multitab-widget-content-widget-id").hide(); var activeTab = $(this).attr("href"); $(activeTab).fadeIn(); return false; }); });
//]]>
</script>

5. Cari kode <div id='sidebar-wrapper'> kemudian copy kode di bawah ini, dan paste di bawah kode tersebut.

Kode :

<div class='multitab-section'>
<ul class='multitab-widget multitab-widget-content-tabs-id'>
<li class='multitab-tab'><a href='#multicolumn-widget-id1'>Popular</a></li>
<li class='multitab-tab'><a href='#multicolumn-widget-id2'>Tags</a></li>
<li class='multitab-tab'><a href='#multicolumn-widget-id3'>Archive</a></li>
</ul>
<div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'/>
</div>
<div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'/>
</div>
<div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'/>
</div>
</div>

6. Dan terakhir  "Simpan Template".

Baca Juga : 12 Kelebihan UsersCloud Untuk Dapat Uang

Demikianlah Cara Cepat Memasang Multi Tap Sidebar Pada Blog, dan silahkan untuk mencobanya.

Cara Cepat Root Android

Pada topik ini, saya akan memberikan tips Cara Cepat Root Android. Dan cara ini merupakan cara yang paling cepat dan paling gampang untuk melakukan rooting android. Sebelum melakukan rooting, ketahui dulu arti root dan manfaatnya pada android.

Baca : Arti Dan Fungsi Root Android

Root itu merupakan hak akses tertinggi pada sistem operasi smartphone android. Jika sudah mendapatkan hak akses root, anda bisa melakukan banyak hal dengan android anda. Tidak ada batasan hak akses, mulai dari memodifikasi file sistem, menghapus aplikasi sistem, hingga dengan menginstal custom rom. Hal-hal tersebut tidak bisa dilakukan jika android anda belum diroot.

Bagi pengguna android yang baru pertama kali ingin melakukan root, cara ini mungkin terlihat menyeramkan bagi mereka. Namun sesungguhnya, root android itu sangat menguntungkan bagi orang-orang yang suka mengutak-atik file sistem operasi di android mereka.

Anda tidak perlu menggunakan komputer atau laptop, cukup hanya menggunakan aplikasi. Dan nama aplikasi yang dipakai adalah Kingo ROOT.

Dan bagi anda yang ingin melakukan rooting android menggunakan Kingo ROOT, silahkan ikuti langkah-langkah di bawah ini :

1. Pastikan anda sudah mempunyai aplikasi Kingo ROOT. Dan jika belum ada, silahkan download di google play store atau cari di google.

2. Instal atau Pasang aplikasi Kingo ROOT. Dan ketika aplikasinya sudah terpasang, akan ada aplikasi yang secara otomatis terpasang di android anda, namanya adalah SuperUser. Aplikasi SuperUser itu berfungsi untuk memberikan akses ke aplikasi lain yang memerlukan akses root yang ingin anda pergunakan.

3. Buka aplikasi Kingo ROOT. Setelah terbuka, akan tampak menu atau pilihan seperti gambar di bawah ini :

4. Klik tulisan "One Click Root" atau tekan gambar "Gembok" yang di dalam lingkaran untuk memulai proses root.
Lihat proses root seperti gambar di bawah ini :

5. Sambil menunggu proses root, silahkan anda berdoa agar prosesnya berjalan dengan lancar. Jika gagal, android anda bisa mengalami hank, atau bootloop, atau bahkan mati total. Dan jika itu terjadi, mau tidak mau android anda harus di flash ulang.

6. Jika proses root sudah selesai,dan sudah 100%, berarti proses Root Android telah berhasil dilakukan.

Catatan :
>> Root android menggunakan aplikasi kingo root, kemungkinan besar berhasil jika anda sudah mengikuti langkah-langkah tersebut. Anda tidak perlu lagi mengecek pakai aplikasi root checker atau sejenisnya untuk membuktikan berhasil atau tidak.

>> Telah terbukti pada smartphone tipe sony xperia, dan untuk smartphone tipe yang lain belum pernah dicoba.

>> Backup terlebih dahulu data-data penting yang ada di penyimpanan internal sebelum melakukan rooting.

Baca Juga : Cara Daftar Linkshrink Agar Dapat Uang

Demikianlah Cara Cepat Root Android, dan silahkan untuk mencobanya.

Cara Cepat Membuat Copyright Di Footer Blog

Mempunyai sebuah blog merupakan kesenangan tersendiri bagi setiap para penggunanya. Mereka banyak menghiasi tampilan blognya agar terlihat keren dan tampak menarik. Seperti membuat tulisan copyright yang keren pada bagian footer blog.

Tulisan copyright (hak cipta) merupakan sebuah tulisan atribut yang terdapat pada bagian bawah blog. Pada umumnya, sebuah template standar dari blogspot telah memiliki atribusi yaitu tulisan powered by blogger atau diberdayakan oleh blogger.

Namun atribusi tersebut menurut sebagian para pengguna blog kurang terlihat menarik dan mereka menghapusnya lalu menggantikannya dengan tulisan copyright milik mereka sendiri.

Menampilkan copyright pada blog adalah salah satu hal yang selalu diupayakan oleh para pengguna blogger dalam mempercantik tampilan blog yang dimilikinya. Hal tersebut juga dilakukan untuk memberi kenyamanan bagi setiap pengunjung agar betah dan senang membaca artikel-artikel yang ada di dalam blog itu.

Untuk membuat tulisan copyright di blog sangatlah mudah karena anda hanya perlu menambahkan widget di footer blog atau di bagian bawah blog.
Jika anda ingin menambahkan tulisan copyright pada blog anda juga, saya sudah memberikan cara dan kodenya di bawah ini.

Cara Cepat Membuat Copyright Footer Blog, yaitu :

>> Masuk ke dasbor blog anda.
>> Pilih menu "Tata Letak".
>> Klik "Tambahkan Widget".
>> Pilih "HTML / Java Script".
>> Lalu Tempelkan (paste) kodenya.

Kode :

<span style="color: black; font-size: 12px;font-weight: bold;">COPYRIGHT © 2018 -</span><a href="TULIS URL BLOG ANDA DI SINI"><span style="color: red; font-size: 12px; font-weight: bold;"> TULIS NAMA BLOG ANDA DI SINI</span></a><br />

<span style="color: black; font-size: 12px; font-weight: bold;">ALL RIGHTS RESERVED</span><br />

<span style="color: black; font-size: 12px; font-weight: bold;">POWERED BY -</span><a href="TULIS URL-NYA DI SINI"><span style="color: red;font-size: 12px; font-weight: bold;"> TULIS NAMA WEBSITE-NYA DI SINI</span></a>

Contoh :

<span style="color: black; font-size: 12px;font-weight: bold;">COPYRIGHT © 2018 -</span><a href="https://lazio-alfaro.blogspot.com"><span style="color: red; font-size: 12px; font-weight: bold;"> LAZIO ALFARO</span></a><br />

<span style="color: black; font-size: 12px; font-weight: bold;">ALL RIGHTS RESERVED</span><br />

<span style="color: black; font-size: 12px; font-weight: bold;">POWERED BY -</span><a href="https://www.blogger.com"><span style="color: red;font-size: 12px; font-weight: bold;"> BLOGGER</span></a>

Hasilnya :
COPYRIGHT © 2018 - LAZIO ALFARO
ALL RIGHTS RESERVED
POWERED BY - BLOGGER

Baca Juga : Cara Print File Dari Android

Demikianlah Cara Cepat Membuat Copyright Di Footer Blog, dan silahkan untuk mencobanya.

Cara Membuat Kolom Dengan HTML

Di bawah ini ada beberapa contoh kolom sederhana yang bisa anda coba untuk mempercantik tampilan artikel pada blog atau website anda. Untuk membuat kolom pada artikel blog sangatlah mudah, anda hanya menambahkan sedikit kode script ke dalam artikelnya.

Menambahkan kolom pada artikel blog memang akan terlihat indah dan menarik. Banyak para blogger menggunakan kolom pada postingan artikelnya untuk menaruh informasi penting terhadap pengunjung blog mereka.

Untuk contoh kolom di bawah ini, saya hanya membagikan contoh kolom yang sederhana saja. Kolom yang memanjang ke arah kanan dan kolom yang memanjang ke bawah. Masing-masing kolom ini kemudian dihubungkan dengan tabel (table).

Bagi para pengguna blogger, memasang kolom pada postingan artikelnya merupakan salah satu hal penting untuk membantu artikel mereka lebih akurat dan agar lebih mudah dimengerti.

Berikut adalah Cara Membuat Kolom Dengan HTML :

1. Tabel Dua Kolom Ke Samping

Kode :

<table style="border: 2px solid #000; width: 300px;"> 
<tbody>
<tr> 
<td style="background: red; color: black; text-align: center;">Kolom 1</td> 
<td style="background: #fff; color: black; text-align: center;">Kolom 2</td> 
</tr>
</tbody></table>

Hasilnya :

Kolom 1

Kolom 2

2. Tabel Tiga Kolom Ke Samping

Kode :

<table style="border: 2px solid #000; width: 300px;"> 
<tbody>
<tr> 
<td style="background: red; color: black; text-align: center;">Kolom 1</td> 
<td style="background: #fff; color: black; text-align: center;">Kolom 2</td> 
<td style="background: red; color: black; text-align: center;">Kolom 3</td>
</tr>
</tbody></table>

Hasilnya :

Kolom 1

Kolom 2

Kolom 3

3. Tabel Empat Kolom Ke Samping

Kode :

<table style="border: 2px solid #000; width: 300px;"> 
<tbody>
<tr> 
<td style="background: red; color: black; text-align: center;">Kolom 1</td> 
<td style="background: #fff; color: black; text-align: center;">Kolom 2</td> 
<td style="background: red; color: black; text-align: center;">Kolom 3</td>
<td style="background: #fff; color: black; text-align: center;">Kolom 4</td>
</tr>
</tbody></table>

Hasilnya :

Kolom 1

Kolom 2

Kolom 3

Kolom 4

4. Tabel Dua Kolom Ke Bawah

Kode :

<table style="border: 2px solid #000; width: 300px;"> 
<tbody>
<tr>
<td style="background: red; color: black; text-align: center;">Kolom 1</td> 
</tr>
<tr><td style="background: #fff; color: black; text-align: center;">Kolom 2</td> 
</tr>
</tbody></table>

Hasilnya :

Kolom 1

Kolom 2

5. Tabel Tiga Kolom Ke Bawah

Kode :

<table style="border: 2px solid #000; width: 300px;"> 
<tbody>
<tr>
<td style="background: red; color: black; text-align: center;">Kolom 1</td> 
</tr>
<tr>
<td style="background: #fff; color: black; text-align: center;">Kolom 2</td> 
</tr>
<tr>
<td style="background: red; color: black; text-align: center;">Kolom 3</td> 
</tr>
</tbody>
</table>

Hasilnya :

Kolom 1

Kolom 2

Kolom 3

6. Tabel Empat Kolom Ke Bawah

Kode :

<table style="border: 2px solid #000; width: 300px;"> 
<tbody>
<tr>
<td style="background: red; color: black; text-align: center;">Kolom 1</td> 
</tr>
<tr>
<td style="background: #fff; color: black; text-align: center;">Kolom 2</td> 
</tr>
<tr>
<td style="background: red; color: black; text-align: center;">Kolom 3</td> 
</tr>
<tr>
<td style="background: #fff; color: black; text-align: center;">Kolom 4</td> 
</tr>
</tbody>
</table>

Hasilnya :

Kolom 1

Kolom 2

Kolom 3

Kolom 4

Keterangan :
>> Border = Batas tabel.
>> Width = Lebar tabel.
>> Background = Warna latar belakang.
>> Text-Align = Posisi teks.
>> Color = Warna teks.
>> Kolom 1, 2, 3, 4 = Ganti dengan tulisan anda.

Baca Juga : List Dan Kode Warna Paling Lengkap

Demikianlah Cara Membuat Kolom Dengan HTML, dan silahkan untuk mencobanya.

Cara Membuat Border/Kotak Tulisan Pada Blog

Untuk membuat kotak pada blog, ternyata bukan hal yang sulit untuk pengguna blogger. Hanya menambahkan kode html tertentu, anda sudah bisa membuat kotak pada artikel anda. Kotak itu biasanya dibuat untuk informasi penting yang ada di blog itu agar para pengunjung gampang melihatnya.

Dalam pembuatan artikel blog, tentunya para pengguna blogger ingin menampilkan artikelnya tampak menarik. Namun, semua itu tidak bisa didapatkan secara otomatis dari blogspot. Oleh karena itu, anda bisa menyalin kode-kode yang sudah saya sediakan di bawah. Dan hasil dari kode itu sudah saya tampilkan juga sebagai contoh.

Menambahkan kotak script pada postingan kadang perlu dibutuhkan, kebanyakan kotak itu digunakan untuk membagikan kode tertentu terhadap pengunjung blognya. Selain untuk memudahkan pengunjung, kotak itu juga akan membuat tampilan artikel terlihat rapi.

Banyak sekali pengguna blog yang menyediakan tips, trik dan tutorial yang pasti diantaranya memiliki kotak untuk kode yang disediakan. Di bawah ini, saya menyediakan beberapa kode untuk membuat kotak pada artikel blog.

Ada banyak cara yang bisa dilakukan untuk menghasilkan sebuah blog dengan tampilan postingannya tampak cantik dan menarik, seperti contoh membuat border tulisan pada sebagian artikelnya.

Berikut adalah Cara Membuat Border/Kotak Tulisan Pada Blog, dan silahkan salin kode-kode di bawah ini :

1.Round Border/Kotak Bulat

Kode :

<div style="-moz-border-radius: 80px; -webkit-border-radius: 80px; background: #fff; border-radius: 80px; border: 5px solid blue; height: 120px; padding: 20px; text-align: center; width: 120px;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

2.Dotted Border/Kotak Titik Putus-Putus

Kode :

<div style="background: white; border: 5px dotted #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

3.Dashed Border/Kotak Garis Putus-Putus

Kode :

<div style="background: white; border: 5px dashed #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">
Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

4.Solid Border

Kode :

<div style="background: white; border: 5px solid #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

5.Double Border

Kode :

<div style="background: white; border: 5px double #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">Lazio Alfaro</div>

 Hasilnya :

Lazio Alfaro

6.Groove Border

Kode :

<div style="background: white; border: 5px groove #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">
Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

7.Ridge Border

Kode :

<div style="background: white; border: 5px ridge #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

8.Inset Border

Kode :

<div style="background: white; border: 5px inset #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

9.Outset Border

Kode :

<div style="background: white; border: 5px outset #0000FF; color: purple; font-size: 15px; padding: 10px; text-align: center; width: 300px;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

10.Join Border

Kode :

<div style="background: white; border-bottom: 5px dashed blue; border-left: 5px groove red; border-right: 5px dotted magenta; border-top: 5px outset green; color: purple; font-size: 15px; padding: 10px; width: 300px; text-align: center;">Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

11.Background Tanpa Border

Kode :

<div style="background: #6A5ACD; color: white; font-size: 15px; padding: 10px; text-align: left; width: 300px;">
Lazio Alfaro</div>

Hasilnya :

Lazio Alfaro

Keterangan :
>> Tulisan "Lazio Alfaro" ganti dengan tulisan anda.
>> Anda bebas mengganti warnanya.

Baca Juga : List Dan Kode Warna Paling Lengkap

Demikianlah Cara Membuat Border/Kotak Tulisan Pada Blog, dan silahkan untuk mencobanya.

Cara Gampang Cegah Copy Paste Pada Blog

Dengan begitu banyaknya orang-orang yang aktif di dunia Blogger, banyak juga diantara mereka yang hanya mengandalkan trik Copy Paste [COPAS] artikel yang mereka posting.

Apakah anda rela membiarkan artikel-artikel yang sudah anda buat dengan susah payah di COPAS oleh orang lain begitu saja? Mungkin ada yang rela, dan ada juga yang tidak rela alias pelit.

Jika anda merasa artikel yang dibuat sangat berarti dan susah payah dalam menulisnya atau anda tidak mau artikel anda di copy paste, anda bisa membuat pengaturannya pada blog atau website anda. Banyak cara yang bisa dilakukan untuk menghindari artikel anda di copy paste oleh orang lain.

Pencurian artikel memang sesuatu hal yang biasa terjadi pada dunia blogging saat ini. Banyak orang yang ingin cepat sukses dalam dunia blogging dengan hanya mengcopy paste artikel-artikel berkualiatas dari blog lain.

Untuk menghindari hal-hal tersebut, anda hanya perlu menambahkan gadget pada blog dengan kode java script yang sudah saya sediakan di bawah ini. Anda bisa menempatkan kode itu pada artikel yang ingin anda amankan. Bisa ditempatkan pada blog posting, bagian header, bagian footer, bagian sidebar atau terserah dimana yang anda inginkan.

Nah, bagi anda yang pelit dan tidak mau membiarkan artikel-artikel Blog anda di Copy Paste oleh orang lain, saya akan memberikan Cara Gampang Cegah Copy Paste Pada Blog di bawah ini :

Melalui Mode HTML :

1. Masuk ke dasbor blog anda.
2. Pilih "Template".
3. Lalu "Edit HTML".
4. Cari kode <body>.
5. Letakkan kodenya di atas kode <body> tersebut.
6. Dan klik "Simpan Template".

Melalui Tata Letak :

1. Masuk ke dasbor blog anda.
2. Pilih "Tata Letak".
3. Pilih "HTML / Java Script".
4. Masukkan kodenya.
5. Dan simpan.

Kodenya :

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Keterangan :
>> Oncontextmenu = "return false" (Mematikan klik kanan pada mouse).
>> Onmousedown = "return false" (Mematikan klik blok ke bawah).
>> Onselectstar = "return false" (Mematikan seleksi)
>> Onkeypress = "return false" (Mematikan tombol keyboard).

Baca Juga : Cara Membuat Kolom dengan HTML

Demikialah Cara Gampang Cegah Copy Paste Pada Blog, dan silahkan untuk mencobanya.

Cara Buat Gambar Berjalan Di Blog

Kita sering melihat tulisan berjalan, link berjalan dan gambar berjalan di blog orang lain. Sekarang, saya ingin memberikan sedikit contohnya bagi anda khususnya para blogger pemula.

Untuk membuat gambar berjalan di blog, caranya sangat gampang sekali. Ukuran lebar dan tinggi gambar bisa diatur sesuai dengan keinginan anda. Karena cara ini merupakan cara manual dan anda bisa mengeditnya sesuka hati.

Anda bisa juga menambahkan link pada gambar yang anda pasang. Maksudnya jika gambar anda diklik, akan tertuju pada link itu.

Gambar berjalan di blog bisa anda buat dengan dua cara yaitu melalui "Tambahkan Widget" dan melalui "Postingan".

Sebelum anda mencobanya, silahkan anda pahami dulu arti kode-kode yang ada di dalamnya di bawah ini :

>> Style color = Warna huruf.

>> Bgcolor = Warna background.

>> Behavior = Gaya kalimat.

>> Direction = Arah kalimat.

>> Scrollamount = Kecepatan kalimat.

>> Align = Posisi kalimat.

>> Tulisan "Selamat Datang Di Blog Lazio Alfaro" = Ganti dengan tulisan anda.

>> Tulisan "Klik Untuk Melihat Hasilnya" = Untuk mengetahui apakah tertuju pada link yang kita buat.

Silahkan salin kode-kode di bawah ini untuk anda pasang pada blog.

1. Tulisan Berjalan Tanpa Background

Kode :
<marquee style="color: purple;">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro


2. Tulisan Berjalan Dengan Background

Kode :
<marquee bgcolor="black" style="color: white;">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro


3. Tulisan Berjalan Gaya Zig-Zag

Kode :
 <marquee behavior="alternate" direction="up" height="100px"><br />
<marquee direction="right"><span style="color: purple;">Lazio Alfaro</span></marquee><br />
</marquee> 

Hasilnya :
  
Lazio Alfaro



4. Tulisan Berjalan Memantul

Kode :
 <marquee behavior="alternate" direction="up" width="350" height="150"><br />
<marquee direction="right" behavior="alternate">Lazio Alfaro</marquee><br />
</marquee>

Hasilnya :

Lazio Alfaro


5. Tulisan Berjalan Dengan Gambar

Kode :
<marquee behavior="scroll"><br />
<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZzL1GfWqZbgJEo6Dyakrmcqi0sbTiVUUov85q777vTSjs7o-Cvz4tncwMPZzXa6pyr8j4l9B3UcdGrsri9_uym4OFuVfOmzuPZGsNwrRhlVlW-u_9wgzBi8Mq3iT6twhy_zQHQuu690F/s320/Naga+Star.png" width="250" /></marquee>

Hasilnya :



6. Tulisan Berjalan Dengan Link

Kode :
<marquee direction="left" scrollamount="6" align="center"><a href="https://lazio-alfaro.blogspot.com/2018/02/cara-buat-gambar-berjalan-di-blog.html"/>Klik Untuk Melihat Hasilnya</a></marquee>

Hasilnya :

Klik Untuk Melihat Hasilnya


Bagi anda yang tertarik untuk membuat tulisan berjalan di blog, silahkan ikuti langkah-langkah berikut ini :

Melalui Tambahkan Widget :

- Masuk ke akun Blog anda.
- Klik "Tata Letak".
- Tambah Gadget.
- HTML/JavaScript.
- Tempelkan kode tersebut.
- Klik "Save" dan lihat hasilnya.

Melalui Postingan :

- Masuk ke akun blog anda.
- Klik entri baru.
- Pilih HTML.
- Tempelkan kode tersebut.
- Kemudian Publikasikan.

Baca Juga : Cara Gampang Membuat Tulisan Berjalan Di Blog

Demikianlah Cara Buat Gambar Berjalan Di Blog, dan silahkan untuk mencobanya.

Cara Gampang Membuat Tulisan Berjalan Di Blog

Tulisan berjalan atau sering disebut dengan marquee sering kali digunakan oleh para blogger untuk menarik perhatian para pengunjung. Biasanya pemilik blog sering memanfaatkan marquee untuk memberikan informasi yang bersifat penting untuk pengunjungnya.

Dengan kode html, kita tidak hanya dapat membuat tulisan berjalan, kita dapat juga membuat gambar berjalan. Kita dapat membuat tulisan tertentu berjalan dari kanan ke kiri atau sebaliknya, dari bawah ke atas atau sebaliknya, tulisan berjalan mondar-mandir atau bolak-balik, dan lain sebagainya.

Mungkin anda sudah sering melihat tampilan blog orang lain yang dihiasi dengan tulisan berjalan di postingannya. Apakah anda tertarik membuat tulisan berjalan di postingan blog anda?

Sangat banyak bentuk tulisan berjalan yang bisa kita buat hanya dengan menggunakan marquee. Karena mode edit html memang sudah disediakan oleh pihak pemilik blogger untuk blog.

Bagi anda yang masih pemula, begini Cara Gampang Membuat Tulisan Berjalan Di Blog :

- Silahkan masuk ke akun blog anda,
- Buat Entri baru,
- Silahkan pilih gaya tulisan berjalan 
  yang ada di bawah ini.

1. Tulisan berjalan dari kanan ke kiri

Kode :

<marquee align="center" direction="left" scrollamount="5">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro

2. Tulisan berjalan dari kiri ke kanan

Kode:

<marquee align="center" direction="right" scrollamount="5">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro

3. Tulisan berjalan dari atas ke bawah

Kode :

<marquee align="center" direction="down" scrollamount="5">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro

4. Tulisan berjalan dari bawah ke atas

Kode :

<marquee align="center" direction="up" scrollamount="5">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro

5. Tulisan bergerak bolak-balik dari kanan ke kiri

Kode :

<marquee direction="right" scrollamount="5" align="center" behavior="alternate"> Selamat Datang Di Blog Lazio Alfaro </marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro

6. Tulisan berjalan bolak-balik dari kiri ke kanan

Kode :

<marquee direction="left" scrollamount="5" align="center" behavior="alternate"> Selamat Datang Di Blog Lazio Alfaro </marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro

Keterangan :
>> Direction = Arah kalimat.
>> Scrollamount = Kecepatan kalimat.
>> Align = Posisi kalimat.
>> Behavior = Gaya kalimat.
>> Tulisan "Selamat Datang Di Blog Lazio Alfaro" = Ganti dengan tulisan anda.

Baca Juga : Cara Buat Gambar Berjalan Di Blog

Demikianlah Cara Gampang Membuat Tulisan Berjalan Di Blog, dan silahkan untuk mencobanya.