Cara Membuat Tulisan Berjalan (Marquee)

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :

Contoh Tulisan Berjalan



8. Teks berjalan zig-zag mantul

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :



Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

cara membuat jam pada blog

Time is Money = waktu adalah uang. kali ini ade mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah :

www.clocklink.com

Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

jika sudah berhasil akan tampak seperti dibawah ini :

Cara Membuat Efek Salju Di Blog

Cewek : Yank Gimana Sih Cara Membuat Efek Salju Di Blog ???
Cowok : Hah Membuat Efek Salju Di Blog ??
Cewek : Iya Gimana Caranya ??
Cowok : Gampang Banget !!
Cewek : Gimana Coba ??
Cowok :
              1. Pertama- Tama Login Dulu Ke Blogger
              2. masuk ke "Dashbord"
              3. pilih "Rancangan" (Tata Letak)
              4. klik "Tambah Gadget"
              5. pilih "HTML/JavaScript"
              6. lalu Copy Salah 1 kode dibawah ini.
              7. Paste Kodenya

>>> Salju Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

>>> Salju Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

>>> Hijau Muda

<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>

>>> Hijau Tua

<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>

>>> Salju Merah Muda

<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>

>>> Salju Ungu

<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>

>>> Salju Biru Muda

<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>

>>> Salju Biru Tua

<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>

>>> Salju Coklat

<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>

>>> Salju Orange

<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>

>>> Salju Hitam

<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>

>>> Salju Putih

<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>

              8. Klik Save

              9. Selesai Deh :D Gampangkan ??

bagaimana cara membuat kalender pada blog

Bagi sebagian blogger menampilkan sebuah kalender di blognya merupakan sebuah keharusan. Meski pada intinya jika tujuannya untuk mengetahui tanggal berapa saat itu kurang tercapai (karena bisa melihat di taskbar windows), tetapi dengan menampilkan kalender di blog akan membuat blog kita terasa lebih menawan untuk di lihat. Sekarang ini banyak situs yang menyediakan widget kalender untuk dipasang di blog secara gratis. Nah, pada pembahasan kali ini kita akan membahas bagaimana menampilkan kalender di blog dengan situs free blog content.

Bagaimana cara menampilkannya?

Pertama, kunjungi terlebih dahulu situs free blog content ini.

Kemudian, perhatikan bagian bawahnya. Pilih tema untuk kalender yang ingin kita pasang sesuai selera.

Nah, setelah muncul beberapa jenis kalender sesuai tema, pilih lagi mana yang kita suka. Kemudian, perhatikan kode HTML di bawahnya.

Salin kode HTML tersebut untuk menampilkan kalendernya. Misalnya kodenya adalah sebagai berikut ;

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0035.htm" width="166" height="362"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

Maka, yang harus diperhatikan adalah :

1. Width, ganti angkanya untuk merubah ukuran lebar kalender.
2. Height, ganti angkanya untuk merubah ukuran panjang kalender.

Kemudian, pasang kode HTML tersebut pada blog kita.

Bagaimana cara memasangnya di blog kita?

1. Masuk ke akun blogger kita masing-masing.
2. Klik fitur rancangan.
3. Klik tambah gadget.
4. Pilih HTML/JavaScript.
5. Pasang kode HTML yang sebelumnya kita salin di situ.
6. Klik simpan dan selesai.

Mudah kan?
Ada yang sudah pernah mencobanya? Ada yang ingin mencobanya?
Kalau ada tanggapan silakan disampaikan lewat kotak komentar ya kawan..
Salam blogger!

cara memasang buku tamu melayang

Klik Di Sini untuk Merperjelas Gambar/ Memperbesar

Kali ini saya mau post lagi tentang Blog tutorial, yaitu tentang cara memasang buku tamu melayang, contohnya seperti di atas, jika anda berminat Langsung saja ke tutorialnya ya !!

1. Daftar dulu ke CBOX,
2. Jika anda belum tau bagaimana cara membuat CBOX kunjungi aja ke cara-membuat-cbox
3. Sign in ke blogger dan silahkan Login dengan Account Anda
4. Pilih Rancangan/Tata letak
5. Pilih Page Elemen/Elemen Halaman
6. Klik Add a Gadget/Tambah Gadget
7. Lalu pilih "HTML/JavaScript"
7. Kemudian Copy-Paste kode di bawah ini :

_______________________________________________________________________

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #00FF00;
background:Transparent;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"></div>

<div class="gbcontent">

LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

_______________________________________________________________________

Note :
- Yang Berwarna Hijau Itu Gambar Buku Tamunya
- Yang Berwarna Biru Ganti Dengan Kode Cbox Kamu

8. Selesai Deh, Cukup Mudah Bukan ?? Kalo Masih Ada Yang Bingung Komentar Aja :p

Cara membuat lencana profil Facebook di Blogger

1. buka Facebook dengan akunmu

2. buka http://www.facebook.com/facebook-widgets/profilebadges.php

3. Salin kode pada text box yg terdapat di sebelah kanan Pratinjau

4. Lalu buka blogger dgn akunmu

5. Klik Menu Tata Letak > Elemen Halaman

6. Klik Buat Gadget Baru

7. Pilih HTML/Java Sript

8. lalu paste salinan kode yg sudah kita Copy sebelumnya

9. Klik Simpan

10. Buka blog mu dan lihat hasilnya

cara mengganti template blog

Artikel seperti ini memang sudah banyak tersedia dan sudah lama ada, namun karena permintaan, maka saya tuliskan kembali artikel ini. Semoga bermanfaat bagi blogger pemula.

Template blog bawaan dari blogger kadang tidak sesuai dengan keinginan kita. Anda dapat mengganti template ini dengan download template yang banyak disediakan secara gratis oleh penyedia template gratis, yang tersedia dalam berbagai macam gaya dan warna.

Bila anda menginginkan hal tersebut anda dapat membuaka situs-situs di bawah ini :
Blogger-templates.blogspot.com
Blogskins.com
Btemplates.com
Dan masih banyak yang lainnya

Agar tidak terlalu lama, langsung aja kita masuk saja ke situs Blogger-templates.blogspot.com
Bila sudah masuk pilih template yang anda sukai misal : anda memilih Florascent seperti gambar di bawah ini :

Kemudian klik tulisan Download yang berwarna biru dan bergaris bawah
Kemudian akan muncul tulisan script/kode.
Kopi semua tulisan (script)/kode tersebut ke dalam Notepad

Langkah selanjutnya adalah
1. Masuk ke Blogger dengan ID anda
2. Bila sudah masuk Dashboard klik tab Tata Letak
3. Klik tab Edit HTML
4. Backup template anda dengn mengklik Download Template Lengkap

5. Bila anda sudah mendownloadnya, kemudian kopi seluruh kode yang     anda simpan pada notepad anda dan letakkan pada kotak HTML,     dengan cara hapus semua kode lama yang ada atau ditimpa saja     dengan kode baru dari kode notepad anda tadi.
6. Kemudian klik tombol Simpan Template yang berwarna merah dan     selesai

Catatan :
Bila yang anda download adalah file yang bertype XML Document, maka setelah langkah No 4 kemudian unggah file anda tersebut dengan cara klik tombol Choose (lihat gambar di atas cari dan pilih file XML anda, kemudian klik tombol Unggah, selanjutnya klik tombol Simpan Template yang berwarna merah dan selesai

Silahkan dilihat hasilnya, selamat mencoba !!!!

Semoga bermanfaat