Cara Mengganti Lambang Di Blog (100% Jadi)

Cara Mudah Mengganti Logo Blog Kita (favicon). Memang logo utama dari blog kita menggunakan logo asli blogger seperti dibawah ini. Logo favicon ini kau bisa lihat disebelah nama blog kita.

Namun kita bisa mengubah dengan logo yang kita sukai dan pastinya akan membuat penampilan blog kita lebih menarik dengan logo yang berbeda. Kita akan memberikan step step mengubah logo favicon kita lebih detail dilengkapi gambar.

Langkah pertama yang harus dilakukan adalah pembuatan logo favicon kita.

Masuk ke situs favicon generator Favicon Generator Disini

Kemudian masukkan gambar pada browse dan setelah selesai memasukkan gambar yang akan dijadikan logo blog, terus klik tombol create favicon (catatan : memang tak semua gambar bisa di jadikan favicon, kamu coba dengan gambar logo lainnya kalau gagal).

Saya disini akan mencoba memakai logo dari Buatan saya untuk saya jadikan logo favicon saya biar tampak keren.

Setelah kamu klik tombol Create Favicon akan muncul kotak download dan segera download favicon kamu yang hanya berukuran 1.1 KB dan berekstensi .ico

Langsung tekan klik Download the generated favicon (dibawah tulisan merah tips-mudah-ngeblog)

Setelah selesai kita tinggal masukkan logo favicon kita ke blog.

Kemudian kita masuk blog kita :

Masuk Tata Letak pada  blog kita.

Klik tombol Edit Favicon kemudian browse tan pilih favicon yang telah kita download kemudian save.

Catatan : Favicon tidak akan langsung tampil pada blog, kita tunggu beberapa hari dan favicon kita akan berubah menjadi logo kita sendiri, selamat mencoba tips mudah mengubah logo favicon (logo blog kita sendiri).

Cara Membuat Tulisan berjalan Di blog

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri 

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

 hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

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

 hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

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

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

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

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

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

 hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

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

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

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

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

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

 hasilnya

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

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

hasilnya

Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :

• Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
• Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
• Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
• Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :

Contoh Tulisan Berjalan

• Untuk menyisipkan link pada marquee, gunakan kode berikut :

<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>

catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.

hasilnya :

Cara Membuat Tulisan Berjalan di Blog

• Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>

catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer

Hasilnya :

cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

Cara Menggganti Cursor Di blog

Ok, jika tertarik dengan Cara Merubah/Mengganti Cursor Blog terasa kurang lengkap jika tidak dipraktekan, nah,,, untuk tambah ilmu baru langsung saja ikuti tutorialnya dibawah ini: sampai bawah ya,,,

1. Masuk ke link http://www.cursors-4u.com/ (situs tersebut adalah penyedia segala macam jenis tampilan cursor blog)

2. jika sudah masuk akan tampil seperti gambar ini:

3. Setelah masuk pilih pada categoris seperti pada tanda merah gambar diatas. pilih yang sobat suka. contoh pilih categories Cursors/Pointers maka akan tampil seperti gambar dibawah ini:

4. Pilih salah satu dari pilihan tampilan cursor yang sobat suka seperti gambar diatas, maka akan tampil seperti dibawah ini:

Keterangan gambar diatas :

Pilih nomor satu terlebih dahulu blogger/blogspot kemudian muncul seperti gambar diatas. kemudian copy kode pada nomor dua tersebut kedalam notepad atau wordpad. dan ikuti langkah selanjutnya :

Cara pemasangan kedalam bog.

1. Login ke akun bogger Anda
2. Plih rancangan
3. Klik tambah gadget
5. Pilih HTML/Javascript
6. Copy/paste kode yang anda simpan di notepad tadi
7. Save.

Cara menambahkan Efek Bintang Berjatuhan pada Blog (100% jadi)

Cara Membuat Efek Bintang Bertaburan Pada Cursor Blog

1. Login ke Blogger
2. Klik Tata Letak Pilih Tambah Gadget

3. Lalu tambahkan HTML/JavaScript.

4. Masukan script di bawah ini kedalamnnya.

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

6. Sobat Simpan dan lihat hasilnya.

Catatan :

untuk tulisan merah pada kode diatas bisa sobat ganti dengan warna ksukaan sobat misalnya : merah bisa ganti dengan, hijau, biru, ungu, silver, kuning, hitam.

sekian dulu sobat,,,, ga' pake lama langsung pasang dan lihat bintang yang bertaburan dalam blog. Good Luck

Cara Menambahkan Widget Fish Di blogger Anda (100% jadi)

1. Login ke Akun anda
2. Klik blog anda
3. Pilih Tata Letak
4.Klik Tambah Gadget/Add gadget

6. Kemudian pilih Fish

7. Sesuaikan Lebar gadget,jumlah ikan, dan warna ikan sesuka hati anda..

8. Klik Simpan