Tips Membangun Backlink Untuk Blog Baru Yang Baik dan Benar

SEO (search engine optimization) selalu berhubungan dengan backlink. Pada dasarnya, backlink atau linkback adalah tautan atau link dari sebuah website menuju website lain, dengan kata lain sebuah website memberikan rekomendasi kepada usernya untuk mengunjungi website lain

Lalu apa tujuan kita membangun backlink? 

Tujuan utamanya adalah agar website kita lebih populer di mata search engine, contohnya Google.com. Website atau blog yang memiliki banyak backlink berkualitas biasanya akan mendapat perhatian khusus dari mesin pencari, dan mesin pencari akan menempatkan website/blog tersebut di halaman utama hasil pencarian untuk kata kunci tertentu. Bagaimana cara membangun dan membuat backlinks berkualitas untuk blog kita?

1. Melalui Situs Social Bookmarking

Ide awal situs social bookmarking adalah agar memudahkan user untuk menyimpan URL atau link dari situs yang mereka sukai agar mudah di cari ketika ingin membuka kembali. Pada perkembangannya, situs social bookmarking banyak sekali digunakan oleh pelaku SEO untuk membantu mempopulerkan sebuah halaman website di mesin pencari.

Mesin pencari seperti Google juga menjelajahi halaman-halaman social bookmarking ini untuk mengetahui halaman-halaman website yang sering disimpan oleh pengguna internet. Dan tentu saja ini akan mempengaruhi hasil pencarian di search engine tersebut.

2. Melalui Artikel Direktori

Artikel direktori seringkali digunakan untuk kegiatan marketing dan membangun backlink. Kita dapat membangun backlinks dari situs artikel direktori dengan cara membuat artikel berkualitas lalu disubmit ke situs-situs artikel direktori. Banyak artikel direktori yang sudah sangat terkenal saat ini, untuk bahasa Inggris seperti Ezinearticles.com, Articlebase.com, dan lain-lain, sedangkan untuk bahasa Indonesia seperti cuitcuit.com, artikeloke.com, dan lain-lain.

3. Melalui Blogwalking

Blogwalking adalah kegiatan mengunjungi blog-blog lain lalu meninggalkan komentar dan kita bisa meninggalkan URL website kita dihalaman komentar tersebut. Ada 2 keuntungan dari kegiatan blogwalking, yang pertama adalah kita mendapatkan backlink, dan yang kedua adalah kunjungan langsung dari pemilik blog dan juga orang lain yang berkomentar di blog tersebut.

Yang sangat penting kita ingat adalah memberikan komentar yang baik dan tidak asal-asalan agar tidak dianggap spam oleh pemilik blog. Sebelum meninggalkan komentar sebaiknya baca artikel di blog tersebut, lalu berikan komentar yang memang berhubungan dengan artikel tersebut. Jangan memberikan komentar yang asal, seperti “Artikelnya bagus, thanks ya”, “pertamax gan”, “Waw baru tau nih”, dan komentar-komentar lain yang terlalu singkat.

4. Menjadi Guest Blogger

Menjadi guest blogger di sebuah blog yang sudah mapan adalah salah satu cara yang sangat ampuh untuk membuat blog kita cepat populer. Kita bisa menjadi penulis di blog orang lain – tentunya atas ijin si pemilik blog – lalu kita memposting artikel yang baik dan sesuai dengan topik yang ada di blog tersebut. Pada bagian biografi penulis kita bisa memeperkenalkan diri dan juga memasang link menuju web/ blog kita, 2 keuntungan sekaligus; backlink dan juga visitor.

5. Melalui Forum Signature

Saat ini banyak sekali forum-forum yang bisa kita temukan di internet, mulai dari forum para gamers, publisher, sampai forum para pengusaha. Salah satu forum yang sangat terkenal adalah kaskus.co.id, berbagai topik dibahas di forum ini. Selain kaskus.co.id, forum yang sudah sangat terkenal adalah ads-id, yaitu forum para publisher di Indonesia.

Di forum Ads-id.com para member yang verified dan donatur diberikan fasilitas untuk memasang signature dimana signature tersebut akan terlihat di setiap post yang kita kirimkan di forum tersebut. Memasang link menuju web/ blog kita di bagian signature tentunya akan memberikan keuntungan buat kita, yaitu backlink berkualitas dan juga visistor dari forum tersebut.

Beberapa recommended forum yang mengijinkan signature link dan dofollow:

• Bersosial.com : Forum diskusi online Indonesia
• Pengusaha.co: Forum diskusi dan jual beli
• EOcommunity.com: Forum utk event orginizer dan general topik
• Forum.kompas.com: Forum di kompas.com
• Dan lain-lain

6. Melalui Social Media

Backlinks dari situs-situs social media adalah backlinks yang sangat berkualitas, contohnya backlinks dari twitter, google plus, dan facebook. Walaupun biasanya backlinks dari situs-situs social media ini adalah Nofollow, mesin pencari seperti google tetap memperhitungkannya.

Selain backlink tentunya kita juga akan mendapatkan visitor dari teman atau followers kita di social media tersebut. Karena itu, sebaiknya setiap web/ blog yang kita bangun harus memiliki akun social media tersendiri, misalnya fans page Facebook dan juga akun twitter. Dengan memiliki banyak teman atau followers di situs-situs social media tentunya akan sangat mudah untuk membuat web/ blog kita menjadi populer, tentunya kita juga harus aktif di social media tersebut.

7. Melalui Press Release

Backlinks dari situs-situs pres release adalah backlinks yang berkualitas, selain itu press release sangat berpotensi memberikan trafik pada web/ blog kita. Kalau saya perhatikan di Indonesia belum begitu populer dalam menggunakan press release untuk promosi website dan untuk kegiatan membangun backlinks, biasanya hanya digunakan oleh perusahaan-perusahaan besar. Berbeda dengan di luar negeri, situs-situs press release ini sangat sering digunakan untuk kegiatan promosi dan membangun backlinks website, baik itu untuk perusahaan kecil, menengah, dan perusahaan besar.

8. Melalui Web 2.0

Selain untuk membuat blog dengan gratis, Web 2.0 juga sering digunakan untuk kegiatan membangung backlinks. Dan tentu saja backlinks dari Web 2.0 ini sangat efektif dalam kegiatan SEO kita karena rata-rata Web 2.0 adalah high authority di mesin pencari, dengan kata lain Web 2.0 sudah dipercaya oleh mesin pencari.

Beberapa Web 2.0 yang sering digunakan untuk kegiatan membangun backlinks adalah; Blogger.com. WordPress.com, Blog.com, Blurty.com, Webs.com, Livejournal.com, Gather.com, dan masih banyak lagi.

Membangun backlink adalah salah satu teknik SEO off-page, dengan membangun backlink dari situs blog yang satu tema akan mempengaruhi urutan di mesin pencarian. Dengan strategi SEO yang baik backlink yang mengarah kesitus kita akan mempunyai banyak manfaat, seperti berada di urutan terbaik Google. Namun siapa sangka jika blog atau situs yang masih baru ditanamkan backlink sebanyak mungkin ke situs utama anda, artinya anda telah melakukan spam dan akan berdampak buruk bagi situs anda. Karna biaanya blog baru harus memperbanyak dulu artikel lalu membuat backlink yang benar-benar relevan.

Jangan langsung buat banyak backlink jika anda memiliki blog baru, buat saja backlink seperti menjadi guest-post di blog orang. Untuk yang belum tau guest-post adalah cara dimana kita mengirimkan artikel ke blog orang untuk di publikasikan, dengan syarat di artikel tersebut terdapat link yang mengarah ke blog kita. Hal ini lebih baik untuk blog baru karna backlink tersebut menjadi relevan dimata mesin pencarian.

Cara lain adalah menggunakan jasa PBN backlink yang berkualitas, cara backlink ini sering digunakan oleh para Pakar SEO di indonesia. Banyak sekali jasa PBN yang bisa anda temukan, namun anda perlu mengeluarkan uang untuk mendapatkan backlink tersebut.

Jangan spam link ke banyak sosmed, apalagi jika anda sering melakukan spam ke komunitas yang tidak ada hubungannya dengan link artikel yang anda bagikan ke komunitas tersebut. Bukan menjadi backlink, malah akan fatal jika orang melaporkan link tersebut sebagai link SPAM.

Tips dari saya buatlah dulu artikel sebanyak mungkin yang berkualitas, agar blog anda padat. Karna search engine membutuhkan artikel anda, segala hal yang penting dari sebuah blog adalah (Konten) semakin konten anda berkualitas pengunjung blog anda juga akan membagikannya.

Bagaimana cara membangunnya:

1. Perhatikan relevansi konten

Ingat, hal yang paling penting dalam membangun backlink adalah tingkat relevansi tautan yang dibangun dengan situs.

Menurut Neil Patel, tingkat relevansi yang semakin tinggi akan membuat backlink-mu semakin berkualitas.

Sebagai contoh, website-mu memiliki niche tentang travelling. Kamu bisa menautkan link ke situs travelling dengan kredibilitas yang bagus.

Dengan begitu, apakah nantinya kamu bisa mendapatkan backlink dari situs lain?

Jawabannya tentu bisa, asalkan kamu melakukannya dengan konsisten serta membuat konten yang berkualitas secara berkala.

2. Gunakan tools backlink

Cara lainnya untuk dapat membangun backlink dengan baik adalah dengan menggunakan tools backlink atau bisa disebut dengan bantuan pihak ketiga.

Cara sebelumnya adalah cara natural yang bisa dilakukan untuk mendapatkan backlink dari situs lain.

Di luar itu, kamu juga harus menjemput backlink secara langsung supaya website-mu mengalami perkembangan cepat.

Salah satu caranya adalah dengan menggunakan tools seperti Ahrefs, Ubbersuggest, dan lain-lain.

Dari situ, kamu bisa menemukan blog atau website dengan kata kunci yang relevan dengan kontenmu.

Selain itu, kamu juga bisa memilih mana saja website yang memiliki kualitas tinggi, kemudian dekati secara personal untuk berkenan memberikan backlink yang mengarah ke website-mu.

Ingat, sebelum melakukan itu kamu juga harus memaksimalkan website-mu dengan baik.

3. Manfaatkan content sharing platform

Tidak ada salahnya memanfaatkan content sharing platform untuk membangun backlink.

Saat ini, ada banyak platform yang bisa digunakan, seperti Hipwee, Medium, Reddit, IDN Times, dan lain-lain.

Kamu bisa membuat artikel dari platform tersebut dan menautkan backlink di dalamnya yang mengarah ke website-mu.

Namun, seperti yang sudah dijelaskan di atas, pastikan konten yang kamu buat relevan dengan isi website-mu.

Cara ini dapat dilakukan secara konsisten ketika kamu sedang membangun backlink.

4. Melakukan guest blogging

Apa itu guest blogging? Guest blogging adalah menuliskan konten atau artikel yang akan dipublikasikan di situs orang lain.

Kamu bisa menuliskan sebuah artikel di website milik pihak lain. Setelah itu, di dalamnya kamu bisa memasukkan backlink yang mengarah ke website-mu.

Kendati demikian, kamu juga harus perhatikan kualitas dari website tempatmu akan menulis.

Jika kualitasnya bagus, tidak ada salahnya untuk menanamkan backlink di dalamnya. Pasalnya, hal itu akan memberikan manfaat yang besar bagi website-mu.

Akan tetapi, jika traffic yang dihasilkan dari website tersebut tidak terlalu bagus, sebaiknya urungkan niatmu terlebih dahulu.

Read More

Cara Memasang Histats Counter di Website/Blog

Histats merupakan salah satu tools pihak ketiga. Sehingga kita perlu membuat “relasi” dari Histats ke Blog. Agar kedua platform tersebut bisa terkoneksi dengan menggunakan “counter code Histats”.

Apa itu counter code Histats? Counter code Histats merupakan kode penghitung yang dihasilkan oleh Histats untuk menghitung pengunjung di website/blog dalam kurun waktu tertentu.

Analoginya gini :

[Histats] --> [Counter Code] --> [Website/Blog]

Bisa dikatakan counter code ini sebagai "akses" Histats ke Blog. Meskipun kita sudah teregistrasi sebagai member Histats, tapi kalau “counter code” tidak disisipkan ke Website/Blog kita, maka tidak ada gunanya. Karena Histats tidak bisa mengakses website/blog.

Seperti pengalaman saya tempo dulu itu. Blog udah punya, registrasi member Histats udah sukses. Ogeb-nya, “counter code” nggak saya taruh di Blog. Otomatis statistik nihil.

Bagaimana cara memasang histats di website/blog?Cara memasang Histats counter di website, lakukan empat langkah berikut :

Langkah (1). Registrasi Akun HistatsCara Registrasi Akun Histats :

1. Buka website : www.histats.com dan akan terlihat seperti screenshot dibawah ini.

2. Pada bagian "REGISTER YOUR WEBSITE", masukkan URL website/blog di kolom yang disediakan (tanpa “http://”). Lalu, Klik tombol "Register".

3. Silahkan isi formulir registrasi sesuai dengan data yang diperlukan, seperti : email, konfirmasi alamat email, password, konfirmasi password, nama ( nama depan & nama belakang ).

4. Setelah semua data yang diperlukan selesai dimasukkan, isi kode ‘Captcha’ dan centang "I have read and agree Publisher Agreements Terms”. Lalu, Klik tombol. "Register".

5. Jika berhasil anda akan mendapat pesan "REGISTRATION DONE ! please check your mailbox!"

6. Silahkan cek email masuk (inbox/ folder spam) pada Email yang barusan didaftar.

7. Klik link verifikasi yang dikirimkan oleh Histats untuk konfirmasi.

8. Registrasi selesai! Akun Histats siap untuk digunakan.

Selanjutnya, kita akan dialihkan untuk login ke Control Panel Histats untuk membuat registrasi website/blog di Histats.

Langkah (2). Registrasi Website/Blog di HistatsCara Registrasi Website/Blog di Histats:

1. Silahkan login ke akun Histats dengan menggunakan email dan password yang sudah didaftarkan sebelumnya. Klik tombol “Login”.

2. Pada halaman Control Panel (Panel Kendali). Lihat apakah nama website yang akan kita pasang kode tracking sudah muncul?

Jika belum, klik “Add a website” untuk menambah atau membuat widget Histats di website/blog.

3. Pada halaman registrasi website, masukkan identitas website sesuai dengan kolom input:

Site URL : alamat website (www atau non www)

Language : pilih bahasa Indonesia

Category : pilih kategori sesuai dengan niche/topik blog.

Country : pilih Indonesia

Time Zone : pilih Asia/Jakarta

Title & Description : masukkan judul dan deskripsi website

Stats visibility : pilih opsi apakah statistik ini boleh dilihat orang lain atau hanya kita saja ( Site stats are visible only to you)

Pageview starts value & Visitor starts value : kosongkan saja kolom ini sesuai defaultnya = 0, karena kita memulainya dari awal.

Lihat Gambar :

4. Setelah semua data yang diperlukan selesai dimasukkan, jangan lupa centang “Accept” (Baca dulu tapi ya Term of Use & Privacy Policy -nya, jangan asal main centang, hehe).

Lalu, masukkan kode “Captcha”. Dan klik “Continue”.

5. Registrasi website/blog telah berhasil

Langkah (3). Temukan Kode Script HistatsSetelah berhasil melakukan registrasi website di Histats, kita akan dibawa kembali ke Control Panel. Kali ini data website yang telah kita registrasi sudah muncul disini. Sekarang kita membuat kode script Histats, yang akan kita sisipkan di website/blog.

Cara Mendapatkan Kode Script Histats:

1. Klik website yang barusan kita buat tadi, atawa boleh klik ikon statistik di sebelah kanan.

2. Pada halaman statistik blog, silahkan klik “Counter Code” untuk membuat code HTML yang akan kita sisipkan di blog.

3. Pada jendela baru, Klik “Add New Counter”.

4. Pilih desain visitor counter sesuai selera yang ingin ditampilkan di website/blog.

Histats sendiri menyediakan cukup beragam desain counter untuk ditampilkan, seperti desain dengan basic animasi, #1 line, #2 lines, #3 lines, #4 lines, icons, text, Online visitor dan icons/gif.

5. Klik salah satu desain mana yang sobat suka.

Catatan : Cara untuk memasang penghitung Histats secara tersembunyi atau tidak terlihat seperti di blog saya ini. Pilih opsi di bagian pertama, yaitu “Hidden Tracker”. Lalu, klik tombol “Save”. Selanjutnya, langsung saja loncat ke step no.10.. hehe

Jika tracker histats mau ditampilkan, lanjutkan ke step no.06

6. Misalnya saya sudah memilih kode histats dengan desain #4 lines.

7. Selanjutnya centang informasi apa saja yang akan ditampilkan di counter, sesuai dengan keinginan sobat. Di tutorial Histats kali ini, saya sengaja memilih semuanya.

8. Silahkan meng- customize background histats dengan pilihan warna yang tersedia. Misalnya disini saya buat background ungu, maka klik merah.. eh klik ungu dong.. haha.

9. Lalu, klik tombol “Save”.

Sampai disini kita sudah berhasil membuat counter code histats. Namun tracker Histats sendiri masih belum merekam jejak pengunjung di blog kita. Ini penting! Jangan sampai ter-skip ya.. :)

10. Setelah klik tombol “Save” tadi, maka kita akan dibawa kembali ke halaman counter code. Disini tools penghitung yang kita buat suda muncul, dan siap digunakan.

11. Klik visitor counter yang sudah dibuat tadi, maka akan muncul preview desain counter histats dan kode script penghitung di bawahnya.

12. Pilih yang “STANDART” (kode pelacak menggunakan Javascript), lalu copy semua kode script HTML Histats tersebut untuk kita pasang di blog.

Selanjutnya! Agar Histats dapat merekam jejak pengunjung ke blog, kita harus memasang counter code Histats pada edit HTML Blog.

Langkah (4). Pasang counter code Histats di Website/Blog

Cara Memasang Counter Code Histats di Website/Blog :

1. Login ke akun Blogspot

2. Klik Tata Letak

3. Klik Tambahkan Gadget

4. Pilih HTML/JavaScript

5. Kosongkan saja judulnya. Silahkan Paste kode HTML Histats tadi dan klik “Save”.

6. Atur posisi gadget di website/blog. Umumnya diletakkan di dalam div, table, footer, widget, atawa tag lainnya yang sudah disusun agar visitor counter menarik untuk dilihat.

7. Simpan perubahan setelan Blogspot. Dan sekarang lihat Histats counter sudah tampil di blog.

DONE. Tracker sudah terpasang dan histats counter mulai melacak aktifitas di website/blog kita.

Kini kita sudah dapat mengakses dan menganalisa statistik pengunjung blog lewat dasboard histats. Seberapa banyak pengunjung website/blog kita perhari, perminggu, perbulan bahkan perjam.

Cara melihat statistik pengunjung dengan Histats :Silahkan login ke Histats.com》Control Panel》Klik pada website yang ingin dilihat statistiknya.

Untuk melihat pengunjung website/blog yang sedang online, dan informasi lainnya silahkan klik menu di sebelah kiri dasboard.

Karena masih baru, mungkin tidak ada statistik apapun disini. Jangan langsung panik, please keep in mind! Pelacakan yang baru kita pasang butuh waktu beberapa hari dan tentunya perlu ada kunjungan visitors.

Read More

Cara Membuat Tulisan Berjalan (Marquee) di Website/Blog

Memberikan kesan yang indah dan menarik bagi para pembaca blog kita nantinya. Salah satunya, memberi sedikit sentuhan seni animasi yaitu membuat tulisan/teks berjalan.

Sering kan lihat tulisan/teks berjalan? Entah itu di layar televisi, tempat periklanan (Billboard) di pinggir jalan counter biasanya rame banget tuh dengan berbagai macam gerakan.

Nah dalam dunia Web-pro, tulisan/teks berjalan atau running text lebih dikenal dengan nama “Marquee”.

Apa itu Marquee?

Marquee adalah salah satu kode bahasa program HTML (HyperText Markup Language), untuk membuat efek tulisan/gambar menjadi berjalan atau bergerak.

Bagaimana cara membuat tulisan berjalan (marquee) di website/blog?

Cara membuat tulisan berjalan (marquee) di website/blog, bukanlah perkara yang sulit.

Kode Dasar Tag Marquee :

<marquee> TULISAN BERJALAN </marquee>

Secara default, teks akan berjalan dari kanan ke kiri dan berulang terus-menerus.

Preview :

TULISAN BERJALAN

Tapi kurang seru kalau gerakannya monoton itu-itu saja. Karena tag marquee memiliki beberapa attribute yang bisa kita kombinasikan untuk membuat beberapa variasi gerakan tulisan sesuka hati.

Berikut beberapa Atribut Marquee :

Attribute & Value	Description
direction = "left/right/up/down"	Mengatur arah gerakan teks
behavior="scroll/slide/alternate" Note : *scroll (bergerak berputar) *slide (sekali lalu berhenti) *alternate (bolak-balik men)	Mengatur perilaku gerakan teks Seperti : bergerak sekali lalu berhenti, berputar, atau bolak-balik
align = “left/right/center/justify”	Mengatur posisi teks
bgcolor ="warna/kode warna"	Memberi warna tulisan
scrollamount="angka"	Mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya
scrolldelay="angka"	Mengatur waktu tunda gerakan dalam mili detik
loop = "angka |-1| infinite"	Mengatur jumlah perulangan (loop)
width="px atau %"	Mengatur lebar blok teks dalam pixel atau persen
height ="px atau %"	Mengatur tinggi blok teks dalam pixel atau persen
title="pesan"	Pesan akan muncul saat mouse berada di atas teks
onmouseover = “this.stop()”	Menghentikan teks saat disorot mouse
onmouseout = “this.start()”	Menjalankan teks ketika mouse menjauh
hspace = "px"	Mengatur jarak kiri-kananya teks
vspace = "px"	Mengatur jarak atas-bawahnya teks
Catatan : Silahkan sobat berkreasi dengan mengkombinasikan atribut marquee ini. Bahkan kita bisa dekorasi tampilannya sesuai keinginan, menggabungkannya dengan kode program CSS.

Tulisan ini hanya bisa berjalan Vertikal & Horizontal. Tidak bisa berjalan dari arah pojok, jadi jangan harap tulisan ini bisa datang berjalan sendiri dari pojokan.

Mari kita sama-sama belajar membuat tulisan bejalan di website/blog, dengan script HTML marquee. Silahkan ganti "TULISAN BERJALAN" dengan pesan singkat yang hendak kalian sampaikan.

1. Tulisan Berjalan dari Kanan ke Kiri, atau dari Kiri ke Kanan

Script:

<marquee direction="left" scrollamount="10"> Tulisan berjalan ke kiri </marquee><br />

<marquee direction="right" scrollamount="10"> Tulisan bejalan ke kanan </marquee>

Preview:

Tulisan berjalan ke kiri

Tulisan berjalan ke kanan

2. Tulisan Berjalan dari Atas ke Bawah, atau dari Bawah ke Atas

Script:

<marquee align="center" direction="down" scrollamount="3"> Tulisan berjalan ke bawah </marquee><marquee align="center" direction="up" scrollamount="3"> Tulisan berjalan ke atas </marquee>

Preview:

Tulisan berjalan ke bawahTulisan berjalan ke atas

Atau dengan gerakan menjauh, silahkan posisi script-nya dibalik.

Preview:

Tulisan berjalan ke atasTulisan berjalan ke bawah

3. Tulisan Berjalan Memusat atau Berlawanan Arah (kiri-kanan)

Script:

<marquee direction="right" width="50%"> Tulisan berjalan arah memusat</marquee><marquee direction="left" width="50%"> Tulisan berjalan arah memusat </marquee><marquee width = "50%"> Tulisan berjalan berlawanan arah </marquee><marquee direction="right" width="50%"> Tulisan berjalan berlawanan arah </marquee>

Preview:

<< Tulisan berjalan arah memusatTulisan berjalan arah memusat >><< Tulisan berjalan berlawananTulisan berjalan berlawanan arah >>

4. Tulisan Berjalan Memantul (bolak-balik)

Script:

<marquee behavior="alternate" scrollamount="10"> Tulisan berjalan memantul </marquee>

Preview:

Tulisan berjalan memantul

5. Tulisan Berjalan Zig-zag

Script:

<marquee behavior ="alternate" direction = "up" height="60px" scrollamount="30"> <br />

<marquee direction="right" scrollamount="6"> Tulisan berjalan zig-zag </marquee> </marquee>

Preview:

Tulisan berjalan zig-zag

6. Tulisan Berjalan Melayang

Script:

<marquee behavior="alternate" direction="up" height="100" scrollamount="6" weight="460">

<marquee behavior="alternate" direction="right"> Tulisan berjalan melayang </marquee> </marquee>

Preview:

Tulisan berjalan melayang

7. Tulisan berjalan dengan Atribut "behavior"

Script:

<marquee behavior="scroll" scrollamount="10" width="460">Tulisan berjalan (scroll) </marquee><br />

<marquee behavior="slide" scrollamount="10" width="460"> Tulisan berjalan (slide) </marquee><br />

<marquee behavior="alternate" scrollamount="10" width="460"> Tulisan berjalan (alternate) </marquee>

Preview:

Tulisan berjalan (scroll)

Tulisan berjalan (slide)

Tulisan berjalan (alternate)

8. Tulisan Berjalan dengan Kecepatan

Script:

<marquee width="450"> Tulisan berjalan dengan kecepatan </marquee><br /><marquee scrollamount="15" width="450"> Tulisan berjalan dengan kecepatan </marquee><br />

<marquee scrollamount="25" width="450"> Tulisan berjalan dengan kecepatan </marquee>

Preview:

Tulisan berjalan dengan kecepatan

Tulisan berjalan dengan kecepatan

Tulisan berjalan dengan kecepatan

9. Tulisan Berjalan dengan Atribut "vspace"

Script:

<marquee bgcolor="red" scrollamount="10" width="450"> Tulisan berjalan (vspace) </marquee><br />

<marquee bgcolor="yellow" scrollamount="10" vspace="15" width="450"> Tulisan berjalan (vspace) </marquee><br /><marquee bgcolor="green" scrollamount="10" vspace="15" width="450"> Tulisan berjalan (vspace) </marquee>

Preview:

Tulisan berjalan (vspace)

Tulisan berjalan (vspace)

Tulisan berjalan (space)

10. Tulisan Berjalan dengan "hspace"

Script:

<marquee bgcolor="red" hight="100" width="400"> Tulisan berjalan (hspace) </marquee> <br />

<marquee bgcolor="yellow" hight="100" hspace="15" width="400"> Tulisan berjalan (hspace) </marquee><br /> <marquee bgcolor="green" hight="100" hspace="40" width="400"> Tulisan berjalan (hspace) </marquee>

Preview:

Tulisan berjalan (hspace)

Tulisan berjalan (hspace)

Tulisan berjalan (hspace)

11. Tulisan Berjalan dengan Background

Script :

<marquee align ="center" direction ="left" scrollamount="10"> Tulisan berjalan dengan background </marquee>

Preview :

Tulisan berjalan dengan background

12. Tulisan Berjalan dengan Link, dan akan Berhenti ketika Pointer Diletakkan di atasnya.

Script :

<marquee align="center" direction="up" height="200" onmouseout ="this.start()" onmouseover = "this.stop()" scrollamount="2" width="100%">

<a href="http://ricohaloho.blogspot.com/2018/10/tentang-media-sosial.html?"> Tentang media sosial </a><br />

<a href="http://ricohaloho.blogspot.com/2019/02/katakan-adios-untuk-hoax.html?"> Katakan "adios" untuk hoax</a><br />

<a href="http://ricohaloho.blogspot.com/2019/04/menulis-nakal-jelang-pilpres-2019.html?"> Menulis nakal jelang Pilpres </a><br /> </marquee>

Previeuw :

Tentang media sosial

Katakan "adios" untuk hoax

Menulis nakal jelang Pilpres

13. Tulisan Berjalan dengan Atribut "Loop"

*Tulisan ini berjalan hanya 5x puteran. Habis itu, tulisan berhenti. Untuk melihat gerakan, silahkan di-refresh dulu ya.

Script :

<marquee loop="5" width="450"> Tulisan berjalan dengan loop </marquee> <br /> <marquee behavior ="slide" loop="5" width="450"> Tulisan berjalan dengan loop </marquee>

Preview :

Tulisan berjalan berulang (loop)

Tulisan berjalan berulang (loop)

14. Gambar Berjalan dengan Tag Marquee

Script :

<marquee direction="right" scrollamount="10">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3FpT4iqFgIaJ2V9Khp5tWyEdqvTMLvdsJfYxSgH4ANCbPUtkTu2dC5ga7pEoVdhwgh9tLgxVAAWwwOvL33NPe0n6UZziv_5CfZrOR4dIdjplFepqkCQdhLzdP587RHLUo0h0IYi_M3_vj/s1600/Gambar-berjalan%25283%2529.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3FpT4iqFgIaJ2V9Khp5tWyEdqvTMLvdsJfYxSgH4ANCbPUtkTu2dC5ga7pEoVdhwgh9tLgxVAAWwwOvL33NPe0n6UZziv_5CfZrOR4dIdjplFepqkCQdhLzdP587RHLUo0h0IYi_M3_vj/s1600/Gambar-berjalan%25283%2529.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4uynoOgyZdMgdYR8uFIysZDChs96E9wq7YssjniusPTb4hQyvj9FlgceSzdLEC1E3dgfStytHa68tx9q3mEwleSidp2gsuaFN0eRzNJIfDMbly0gia4PQ8kYpS3NGnABex4alyYeGttey/s1600/Gambar-berjalan.jpg" /> </marquee>

Preview :

 

Dengan menggabungkan beberapa script HTML. Sebagai catatan: Silahkan ganti "value" sesuai keinginan kalian.

Contoh :

RICO HALOHORICO HALOHO

RICO HALOHORICO HALOHO << Welcome to my BlogWelcome to my Blog >>

Thanks for visiting >><<Thanks for visiting

Despresso adalah perasaan yang kau alami ketika kehabisan kopi

Kopi boleh minta..!

Membuat Link pada Marquee

<marquee><a href="http://carabelajartutorial.blogspot.com/2016/09/cara-membuat-tulisan-berjalan-di-blog.html">Cara Membuat Tulisan Berjalan</a></marquee>

Cara Membuat Tulisan Berjalan

Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.

Kombinasi Atribut Marquee

<div style="text-align: center;">
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left" width="130">
<b>&lt;&lt;</b><b> MACAM &gt;&gt;</b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b>&lt;&lt; MACAM &gt;&gt;</b>
</span>
</marquee>
</div>

<< MACAM >><< MACAM >>

Kombinasi marquee dapat dilakukan dengan menggabungkan beberapa atribut sekaligus. Anda sudah mengetahui dasar-dasar membuat marquee, silahkan mengkreasikan marquee Anda sendiri.

Bagaimana cara memasang tulisan berjalan di website/blog?

Ada dua cara yang bisa kita gunakan, yaitu melalui editor artikel dan melalui widget.

Pertama, Melalui Editor Artikel

Caranya :

• Masuk ke Dashboard
• Buat Posting/New Entry
• Tulis konten seperti biasa sampai selesai
• Ganti mode penulisan dari “Compose” menjadi “HTML”
• Copy script tulisan berjalan yang kalian suka, dan Paste -kan Script tersebut pada posisi yang kalian mau.
• Kembali ganti mode penulisan dari “HTML” menjadi "Compose", lalu edit “Tulisan berjalan..!” ganti dengan tulisan sobat yang mau dijalankan.
• Silahkan klik "Pratinjau" untuk memastikan script sudah berjalan.
• Terakhir, kalau sudah berjalan dan posisinya sudah pas. Silahkan dipublish.

Kedua, Melalui Widget

Caranya :

• Masuk ke Dashboard
• Pada Menu sisi kiri, Pilih Tata Letak/Layout
• Klik Tambahkan Gadget Baru

• Pilih gadget HTML/JavaScript
• Copy & Paste -kan tulisan berjalan pada bagian konten.
• Pastikan sobat melihat tulisan Rich Text

• Save

Read More

Cara Membuat Text Box Untuk Menulis Script/Kode

Kotak script atau text box yang dimaksud pada artikel ini digunakan untuk menampilkan sebuah kotak berisikan script di dalam postingan blog dengan tujuan membuat pengunjung nyaman dalam membaca dan memahami kode script yang ditulis oleh pemilik blog.

Menampilkan text box pada postingan blog biasanya digunakan oleh penulis blog yang isi postingannya menjelaskan tentang suatu script ataupun memang tema blog tersebut membahas pembelajaran tutorial komputer yang perlu menggunakan text boxt untuk bahan script yang dijelaskannya.

Alasan kenapa harus pakai Kotak Script di postingan?

• Dengan memakai kotak script akan lebih rapi karena bisa memisahkan antara text biasa dan kode script, karena tersusun didalam satu kotak, atau box area apa bila membahas tutorial yang harus menampilkan kode script.
• Akan lebih menarik jika sebagai tempat konten pilihan post terkait, tombol download, atau apa saja karena script box ini bisa di pakai apa saja (pasti yang lain tertarik dan pada mau pake)
• Tidak akan membuat lambat pada loding blog karena kode yang digunakan sangat minimal.

Gambar contoh - Script Text-Box (BroHabir)

Manfaat Script Text-Box

Manfaat dari script text-box ini sendiri, berfungsi sebagai box atau kotak yang dimana dikotak tersebut terdapat scroll-box yang membuat text yang berada di box tersebut bisa dituliskan sepanjang-panjangnya script tanpa menampilkan banyak text pada wrapper atau isi artikel..

Script Text-Box 1

<div style="background-color: #111; border-radius: 5px; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">

<br /></div>

Script Text-Box 2

<div style="background-color: #444444; border-radius: 0px; border: 5px solid #ff0000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">

<br /></div>

Script Text-Box 3

<div style="background-color: #3d3627; border-radius: 0px; border: 1px solid #000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">

<br /></div>

Script Text-Box 4

<div style="background-color: #000; border-radius: 0px; border: 2px dashed #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">

<br /></div>

Script Text-Box 5

<div style="background-color: #2b3b44; border-radius: 0px; border: 2px dotted #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">

<br /></div>

Script Text-Box 6 (sudut melengkung)

<div style="background-color: #ffe599; border-radius: 20px; border: 4px groove rgb(170, 170, 170); padding: 10px;"> Tulis script anda di sini..! </div>

Script Text-Box 7 (sudut melengkung)

<div style="background-color: #6fa8dc; border-radius: 20px; border: 2px solid rgb(178, 34, 34); padding: 10px; text-align: center;"> Tulis script anda di sini..! </div>

Script Text-Box 8 (sudut melengkung)

<div style="background-color: #f3f3f3; border-left: 10px solid rgb(34, 136, 221); border-radius: 20px; padding: 10px; text-align: left;"> Tulis script anda di sini..! </div>

Script Text-Box 9 (efek bayangan)

<div style="background-color: lemonchiffon; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.157) 10px 10px, rgba(0, 0, 0, 0.118) 10px 2px 10px 0px; padding: 20px; text-align: center;">Tulis catatan penting di sini..!</div>

Script Text-Box 10 (efek blur)

<div style="background-color: lemonchiffon; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.157) 10px 10px 15px, rgba(0, 0, 0, 0.118) 0px 2px 10px 0px; padding: 20px; text-align: center;">Tulis catatan penting di sini..!</div>

Script Text-Box 11 (efek drag)

<center><a href="https://computersphinx.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3lGXsO3S90g455OaVtOALyRq2dxBpfObeBPaj2f_OKh5g9CK6RNAwO8mQwaWlIrF5UCE5Xv3XrI-CP7sBB9_WZk9CvwtPattq51zhAKbYU-zV9FJKbJTaTsPx42N5DXjnZ1d4OEWoEs/s400/banner.png" /></a></center>

Cara Penggunaan:

Cara penggunaan script text-box ini tidak sembarangan. Maka dari itu, berikut ini adalah cara penggunaannya:

Blogger Menu → Postingan → Entri Baru (Tempat anda menulis artikel) → Salin kode diatas mulai dari <div hingga </div> → Paste di HTML (Terletak disebelah Compose) → Buka Compose → Isi Box baru ditulis Script atau kodenya.

Read More

Cara Mengganti Background Blog Dengan Gambar/Foto/HTML

Background blog adalah tampilan latar belakang dari sebuah blog yang berbeda pada setiap template yang dipakai dan biasanya secara default hanya berupa warna saja. Mengganti background blog juga dapat membuat blog menjadi indah dan memberikan kenyamanan pada pengunjung agar betah untuk berlama-lama di blog tersebut serta dapat mengecilkan bounce rate blog yang sangat baik untuk SEO. Bagi para blogger yang bosan dengan tampilan background blognya dan ingin mengubahnya dengan gambar yang keren bisa mengikuti langkah berikut ini.

Cara Mengganti Background Blog Sesuai Keinginan:

1. Bikin background blog seperti gambar diatas yaitu dengan cara masuk ke menu Template dan klik Sesuaikan

2. Kemudian pilih menu Latar Belakang dan klik Gambar latar seperti berikut

3. Setelah itu akan muncul tampilan berikut, pilih kategori yang diinginkan lalu klik salah satu gambar background yang disukai atau sobat juga bisa klik unggah gambar untuk upload gambar / foto sendiri untuk dijadikan background blog, jika sudah silahkan klik Selesai maka background blog sobat akan berubah menjadi gambar tersebut

4. Jika cara diatas tidak bisa disebabkan blog sudah diganti templatenya dengan hasil download maka bisa menggunakan cara berikut yaitu masuk menu Template dan klik Edit HTML

5. Kemudian cari kode body{background: ,gunakan Ctrl+F untuk mempermudah pencarian

6. Setelah itu ganti kode yang ditandai warna merah dengan url gambar milik sobat, jika sudah klik Simpan template.. Selesai

#Catatan:

Format gambar yang dapat digunakan menjadi background adalah jpg, gif, png dengan ukuran hingga 300kb tapi disarankan dibawah 50kb agar loading blog tidak berat dan untuk mendapatkan latar belakang penuh bisa gunakan gambar dengan ukuran 1800x1600 atau lebih besar serta jika ingin posisi gambar tetap ketika di scroll maka harus memiliki panjang minimal 860px contoh 1400x880.

Read More