Kode warna untuk blog

Cara membuat merquee (Tulisan berjalan) di addres bar

Sudahkah anda membaca artikel kami sebelumnya mengenai “Cara Membuat Tulisan Berjalan (Marquee) Pada Blog” ? jika belum, sebaiknya buka artikel tersebut dan anda bisa mengetahui bagaimana cara membuat tulisan berjalan seperti Running Teks di televisi, yang mana hal ini tentunya sebagai salah satu cara untuk mempercantik tampilan blog anda. 

Dan pada kesempatan kali ini tim bisikan.com akan membahas tutorial yang hampir serupa, hanya saja penempatan marquee atau tulisan berjalan tersebut diletakan pada address bar, jadi ketika anda atau orang lain membuka blog anda, maka tulisan pada address bar yang menyatakan nama domain blog anda, tulisannya akan dapat berjalan. Menarik bukan, dengan begini maka anda atau pengunjung tidak akan dibuat bosan dengan tampilan yang itu-itu saja, tampilan dan atribut yang menarik juga akan membuat pengunjung atau visitor anda akan betah berlama-lama berada pada blog anda. Untuk dapat membuat tulisan berjalan atau marquee pada address bar,  

Berikut ini kami bisikan langkah-langkahnya 

1. Pertama-tama, silahkan buka browser internet pada komputer, kemudian tunggu sementara halaman browser memuat dan diluncurkan. 
2. Kedua, silahkan log in pada halaman dashboard blogger. Dengan cara, masuk pada halaman Blogger.com, kemudian silahkan log in menggunakan akun gmail blog. 
3. Sebelum membuka dan merubah HTML, sebaiknya anda backup terlebih dahulu script HTML anda, untuk menghindari hal-hal yang tidak diinginkan. 
4. Langkah selanjutnya, pada halamn dashboard, klik ikon anak panah kecil yang terdapat tepat disamping kiri tombol Lihat Blog, kemudian pilih menu Template. 
5. Kemudian pada halaman berikutnya yang muncul, klik tombol Edit HTML. 
6. Selanjutnya pada kolom kode HTML, silahkan cari kode “</head>, untuk memudahkan anda melakukan pencarian kode, silahkan tekan tombol CTRL+F pada kerboard kemudian pastekan kode yang hendak anda cari tadi. 
7. Jika kode tadi sudah didapat, selanjutnya copy-kan kode dibawah dan pastekan tepat dibawah kode </head> tadi. 

<script type='text/javascript'>

    //<![CDATA[

    msg = " ISI DENGAN JUDUL BLOG ";

    msg = " | DESKRIPSI 1 | DESKRIPSI 2 | DESCRIPSI 3 --- " + msg;pos = 0;

    function scrollMSG() {

    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

    if (pos > msg.length) pos = 0

    window.setTimeout("scrollMSG()",100);

    }

    scrollMSG();

    //]]>

    </script>

8. Kemudian jika sudah selesai, klik save. Dan kini anda bisa melihat tulisan judul  blog pada address bar telah berubah. 

Cara Membuat Marquee (Tulisan Berjalan) Pada Address Bar

Sudahkah anda membaca artikel kami sebelumnya mengenai “Cara Membuat Tulisan Berjalan (Marquee) Pada Blog” ? jika belum, sebaiknya buka artikel tersebut dan anda bisa mengetahui bagaimana cara membuat tulisan berjalan seperti Running Teks di televisi, yang mana hal ini tentunya sebagai salah satu cara untuk mempercantik tampilan blog anda. 

Dan pada kesempatan kali ini tim bisikan.com akan membahas tutorial yang hampir serupa, hanya saja penempatan marquee atau tulisan berjalan tersebut diletakan pada address bar, jadi ketika anda atau orang lain membuka blog anda, maka tulisan pada address bar yang menyatakan nama domain blog anda, tulisannya akan dapat berjalan. Menarik bukan, dengan begini maka anda atau pengunjung tidak akan dibuat bosan dengan tampilan yang itu-itu saja, tampilan dan atribut yang menarik juga akan membuat pengunjung atau visitor anda akan betah berlama-lama berada pada blog anda. Untuk dapat membuat tulisan berjalan atau marquee pada address bar,  

Berikut ini kami bisikan langkah-langkahnya 

1. Pertama-tama, silahkan buka browser internet pada komputer, kemudian tunggu sementara halaman browser memuat dan diluncurkan. 
2. Kedua, silahkan log in pada halaman dashboard blogger. Dengan cara, masuk pada halaman Blogger.com, kemudian silahkan log in menggunakan akun gmail blog. 
3. Sebelum membuka dan merubah HTML, sebaiknya anda backup terlebih dahulu script HTML anda, untuk menghindari hal-hal yang tidak diinginkan. 
4. Langkah selanjutnya, pada halamn dashboard, klik ikon anak panah kecil yang terdapat tepat disamping kiri tombol Lihat Blog, kemudian pilih menu Template. 
5. Kemudian pada halaman berikutnya yang muncul, klik tombol Edit HTML. 
6. Selanjutnya pada kolom kode HTML, silahkan cari kode “</head>, untuk memudahkan anda melakukan pencarian kode, silahkan tekan tombol CTRL+F pada kerboard kemudian pastekan kode yang hendak anda cari tadi. 
7. Jika kode tadi sudah didapat, selanjutnya copy-kan kode dibawah dan pastekan tepat dibawah kode </head> tadi. 

<script type='text/javascript'>

    //<![CDATA[

    msg = " ISI DENGAN JUDUL BLOG ";

    msg = " | DESKRIPSI 1 | DESKRIPSI 2 | DESCRIPSI 3 --- " + msg;pos = 0;

    function scrollMSG() {

    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

    if (pos > msg.length) pos = 0

    window.setTimeout("scrollMSG()",100);

    }

    scrollMSG();

    //]]>

    </script>

8. Kemudian jika sudah selesai, klik save. Dan kini anda bisa melihat tulisan judul  blog pada address bar telah berubah. 

Cara Membuat Daftar Link Teman Berjalan

Cara Membuat Daftar Link Teman Berjalan

• Login ke Blogger

• Pergi Ke Tata Letak  >> Tambah Gaget >> HTML/Java Script

• Copy Kode Di Bawah Ini lalu Pastekan ke kotak script yg tersedia.

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

<a href="URL Blog Teman" rel="dofollow">Link1</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link2</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link3</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link4</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link5</a>

</marquee>

Jika Sobat ingin menambahkan lagi copy kode berikut sebelum kode </marquee>
<br /><a href="URL Blog Teman" rel="dofollow">Link6</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link7</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link8</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link9</a>
<br /><a href="URL Blog Teman" rel="dofollow">Link10</a>

Cara Membuat Link Download pada Blog dengan Mediafire

 kali ini saya akan menjelaskan mengenai cara membuat link download padablog dengan mediafire. Mediafire merupakan salah satu situs gratis untuk kita bisa meng-upload file dan kemudian nantinya bisa di download kembali. Sebagai seorang blogger anda pasti ingin berbagi postingan untuk mendownload file-file baik itu berupa dokumen, video, audio, dan lain-lain, nah salah satu cara alternatifnya dengan meng-upload terlebih dahulu file tersebut ke Mediafire.

Namun sebelumnya anda harus memiliki tautan atau link tempat downloadnya terlebih dahulu, Untuk itu kita harus mendaftar terlebih dahulu pada penyedia layanan upload file, dan kebetulan kali ini kita akan menggunakan jasa dari mediafire, oke langsung saja

• Pertama, Masuk ke www.mediafire.com. Setelah itu pilih sign up untuk mendaftar bagi anda yang belum memiliki akun media fire (2) ataupun sign in jika sudah memiliki akun sebelumnya (1).

• kemudian akan muncul form pendaftaran, lalu isi sesuai dengan data anda, kemudian klik create account & continue.

• Setelah berhasil mendaftar, muncul menu my files, klik menu tersebut

• Dalam menu my files, pilih upload from my computer (jika anda ingin mengambil file dari penyimpanan internal anda) atau from web (jika anda ingin mengambil file dari web)

• Lalu akan muncul pop up, pilih files. 

• Pilihlah file yang akan di upload

• Setelah file dipilih, klik begin upload dan tunggu hingga proses upload selesai.

• Jika upload files selesai file tersebut akan muncul di my files

• Langkah terakhir yakni copy link, file yang telah di upload dan pasangkan pada text yang akan diberi tautan link untuk mendownload. dan akan muncul download seperti ini
  

Demikianlah penjelasan singkat mengenai cara membuat link download pada blog denganmediafire, mohon maaf jika terdapat kekurangan dari postingan ini, maklum adminnya masih blogger pemula hehehe. Akan tetapi semoga dapat menambah wawasan dan ilmu anda....terimakasih.

Cara Membuat Tulisan Berjalan di Blog

Minggu lalu ada teman saya sebut saja Otong nanya begini ‘ eh, bro kira-kira bakal keren ya kalau blog kita dibawahnya (footer) bisa dikasih teks berjalan mirip kayak di berita-berita yang ada di TV ’ spontan langsung saya komentari bahwa hal tersebut sangat mungkin untuk diterapkan juga di Blog.

Dengan wajah lugu teman saya nanya lagi, ‘ emang gimana cara membuat tulisan berjalan di blog ? ’ nah, daripada saya jelasin cara membuat tulisan berjalan tersebut langsung lewat mulut, agak ribet juga, untuk itu saya tulis di blog ini, itung-itung nambah jumlah postingan blog.

Sekedar informasi, kalau di dunia blogging Tulisan Berjalan itu disebut Marquee, sebenarnya saya juga sedikit bingung kenapa teks berjalan disebut Marquee padahal jika diartikan kedalam bahasa indonesia, Marquee berarti Tenda Besar. Entah apa filosofi dibalik pemilihan kata Marquee tersebut.

Dah, dari tadi ngoceh mulu, sekarang kita masuk pada Cara Membuat Tulisan Berjalan (Marquee) di Blog.

Contoh Tulisan Berjalan / Marquee Standar

Contoh Teks Yang Dikenai Marquee

Untuk membuat Tulisan Berjalan seperti diatas, kita membutuhkan kode html seperti dibawah ini :

<marquee>Contoh Teks Yang Dikenai Marquee</marquee>

Si <marquee> inilah yang nantinya akan membuat seluruh Tulisan atau Teks yang diapit kode tersebut dapat bergerak.

Yang diatas itu kan Tulisan Berjalan yang biasa saja tanpa tambahan efek apapun pada kode html. Kita pun bisa memvariasikan kode <marquee> diatas dengan JavaScript atau HTML yang lain, agar lebih jelas kita masuk contoh saja.

Cara Menambahkan Warna Background di Tulisan Berjalan

Untuk menambahkan warna background, kita perlu menyisipkan style="background: warna;"kedalam kode marquee-nya, dibawah ini adalah contoh jika kita ingin memberi warna abu-abu pada Marquee Text.

<marquee style="background: gray;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu</marquee>

Maka hasil dari kode HTML diatasa akan nampak seperti ini.

Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu

Tulisan Berjalan diatas susah untuk dibaca bukan ? kita juga bisa mengganti warna dari Teks diatas, agar kontras dengan backgroundnya.

Cara Mengganti Warna Tulisan Berjalan

Disini saya akan mencotohkan bagaimana mengganti warna Tulisan Berjalan diatas dengan warna Putih agar teks tersebut mudah untuk terbaca.

Kode yang kita pakai adalah seperti ini :

<marquee style="background: gray; color: white;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu Teks Putih</marquee>

Dan Hasilnya akan nampak seperti dibawah ini :

Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu Teks Putih

Cara Membuat Tulisan Berjalan Setengah Layar

Selain mengganti warna dan juga background kita juga bisa membuat Tulisan Berjalan tersebut hanya tampil dari tengah, tidak full dari kanan ke kiri.

Dan cara ini tergantung dari Div atau Nav pembungkus Marquee Teks tersebut, artinya jika lebar selector Div hanya 500px maka Tulisan berjalan akan muncul pada pixel ke 250 - 0 (tengah ke kiri).

Contoh penerapan dalam kode HTML :

<marquee width="50%">Contoh Teks Yang Dikenai Marquee Width 50%</marquee>

Kode HTML diatas akan membuat tulisan 'Contoh Teks Yang Dikenai Marquee' akan berjalan dari tengah-tengah layar menuju ke kiri, atau lebih jelasnya seperti contoh dibawah ini :

Contoh Teks Yang Dikenai Marquee Width 50%

Dan Anda pun bebas mengganti persentase tersebut. Semakin kecil maka semakin ke kiri pula teks yang akan tampil.

Diatas kita hanya menggunakan HTML dan CSS bukan, nah sekarang kita akan menambahkan JavaScript kedalam kode <marquee> tersebut.

Cara Membuat Tulisan Berjalan Dengan Jeda

Jika normalnya Tulisan Bejalan atau <marquee> selalu berjalan tanpa henti dari kanan ke kiri, maka kita bisa menyuruhnya untuk berhenti sejenak (jeda) dengan cara menambahkan kode berikut.

<marquee scrolldelay="500">Contoh Teks Yang Dikenai Marquee Scrolldelay 500</marquee>

500 disini maksudnya adalah 0,5 Detik bukan 500 Detik. Jadi kode diatas jika dijalankan akan membuat Teks yang ada didalam kode <marquee></marquee> berhenti sejenak setiap 0,5 Detik.

Contohnya seperti dibawah ini :

Contoh Teks Yang Dikenai Marquee Scrolldelay 500

Cara Mengatur Kecepatan Tulisan Berjalan

Walaupun standar dari Marquee Text sudah sesuai (tidak terlalu cepat atau lambat) namun jika Anda merasa Tulisan Berjalan tersebut begitu amat cepat, Anda bisa dengan mudah mengatur kecepatannya, yaitu dengan menambahkan scrollamount="angka"

Contoh penerapan dalam HTML :

<marquee scrollamount="10">Contoh Teks Yang Dikenai Marquee Dengan Speed Scroll Amount 10</marquee>

Dan kode tersebut akan menghasilkan efek seperti ini :

Contoh Teks Yang Dikenai Marquee Dengan Speed Scroll Amount 10

Saya sendiri tidak tahu persis makna dari angka 10 tersebut, apakah 10px per detik atau apalah saya kurang tahu, Tapi yang jelas jika Anda merubah angkanya menjadi lebih besar, maka Kecepatan Tulisan Berjalan tersebut akan makin cepat.

Cara Membuat Tulisan Berjalan Dari Kiri ke Kanan

Seperti yang kita semua tahu, bahwa Standar dari Teks Berjalan adalah mengarah Dari Kanan ke Kiri. Namun kali ini kita akan mencoba hal yang berbeda yaitu membalikkan arah pergerakannya (kiri ke kanan).

Kode HTML tambahan yang kita butuhkan adalah direction="right" yang nanti akan kita pasangkan dengan <marquee> tentunya.

Contoh penggabungan :

<marquee direction="right">Contoh Tulisan Berjalan Dari Kiri ke Kanan</marquee>

Dan hasilnya akan menjadi seperti ini :

Contoh Tulisan Berjalan Dari Kiri ke Kanan

Cara Membuat Tulisan Berjalan Memantul

Agar Tulisan Berjalan tersebut dapat memantul, kita cukup menambahkan behavior="alternate".

Contoh penambahan ke dalam HTML :

<marquee behavior="alternate">Contoh Tulisan Berjalan Dengan Efek Memantul</marquee>

Hasilnya setelah kita terapkan :

Contoh Tulisan Berjalan Dengan Efek Memantul

Cara Membuat Tulisan Berjalan Dari Bawah ke Atas

Sebenarnya kode untuk membuat Tulisan Berjalan Dari Bawah ke Atas sama saja dengan dengan Cara Membuat Tulisan Berjalan Dari Kiri ke Kanan, hanya saja kita mengubah valuenya menjadi direction="up"

Contoh penerspan :

<marquee direction="up">Contoh Tulisan Berjalan Dari Bawah ke Atas</marquee>

Dan Hasilnya :

Contoh Tulisan Berjalan Dari Bawah ke Atas

Kata "up" juga bisa Anda ganti dengan down (untuk memberi efek tulisan berjalan dari atas ke bawah).

Cara Membuat Tulisan Berjalan Berhenti Ketika Disentuh Oleh Kursor Mouse

Membaca dalam kondisi teks sedang berjalan memang saya akui cukup sulit, nah untuk itu ada kode JavaScript (JS) untuk memecahkan masalah tersebut, yaitu onmouseover="this.stop()" onmouseout="this.start()" kode JS tersebut fungsinya untuk menghentikan laju Tulisan Berjalan tersebut, dengan catatan ada Kursor Mouse yang melewati atau bersentuhan dengan Tulisan Berjalan.

Contoh Penggabungan JavaScript diatas dengan kode HTML Marquee :

<marquee onmouseover="this.stop()" onmouseout="this.start()">Contoh Teks Yang Dikenai Marquee Dan Akan Berhenti Jika Ada Kursor Diatasnya</marquee>

Dan hasil dari kolaborasi JavaScript dan HTML diatas adalah seperti dibawah ini :

Contoh Teks Yang Dikenai Marquee Dan Akan Berhenti Jika Ada Kursor Diatasnya

Cara Memasang Kode Marquee di Dalam Artikel	Cara Memasang Kode Marquee di Dalam Widget
1. Masuk ke dalam Text Editor, lalu pilih Mode HTML 2. Copy dan Paste kode Marquee Anda disini 3. Beralihlah ke Mode Compose (jika berhasil text 4. akan berjalan) 4. Untuk memastikan kode berjalan sempurna klik pada Pratinjau	1. Masuk ke dalam menu Tata Letak lalu Klik Tambahkan Gadget 2. Pilih opsi HTML/JavaScript 3. Copy dan Paste kode Marquee pada textare yang sudah disediakan 4. Klik Simpan dan silahkan dilihat hasilnya

Sebenarnya masih banyak variasi-variasi yang bisa kita lakukan dengan <marquee> ini. Kalau sempat nanti pasti artikel cara membuat tulisan berjalan ini nantinya akan saya Update, jadi jangan sungkan-sungkan untuk membookmark halaman ini untuk mendapatkan update.an terbaru tentang cara membuat tulisan berjalan, hhe.

Akhir kata saya ucapkan terimaksih banyak telah bersedia membaca artikel cara membuat tulisan berjalanini.