Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Daftar kode warna HTML

Buat temen-temen yang pengen belajar tentang kode html untuk warna, berikut saya berikan beberapa kode htmlnya lengkap dengan warnanya, jadi kita gak susah buat membedakannya, tips ini saya dapat waktu saya jalan-jalan browsing dan ini hasilnya, saya menemukan situs yang memberikan keterangan kode html untuk warna yang selama ini saya cari-cari, silahkan buat rekan-rekan yang membutuhkan sega tips ini bisa membantu.

#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000

Membuat efek sajlu di blog

keren juga, buat mempercantik halaman kita, mungkin tips berikut ini patut anda coba, yaitu membuat efek salju pada blog, nah lagsung saja, nih caranya :

Langkah pertama

Login ke blogger, kemudian masuk ke layout atau tata letak

=> klik add page element atau tambah elemen halaman
=> pilih HTML/javascript

Langkah selanjutnya

Copy dan pastekan kode dibawah ini :

 <script type="text/javascript" src="http://achmad46.googlepages.com/snow.js">

</script>


terakhir, simpan dan lihatlah hasilnya....


Selamat, mencoba....

 sumber :  http://blogachmad.blogspot.com/

Membuat Link Berwarna Pelangi

Ingin membuat link pada blog anda berkedip dan berwarna pelangi ketika tersentuh pointer? Caranya sangat mudah

  • Dalam keadaan loggin,
  • Masuk pada menu template,
  • Klik Edit HTML,
  • Cari kode <head>, 
Kemudian copy code berikut dan paste tepat dibawah code tadi


<script language='javascript' src='http://zianxfly.250free.com/js/linkpelangi.js'/>.

Terakhir simpan template.

selesai...selamat mencoba....

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

Mengganti Cusor Mouse

Langkah- langkahnya :


1.  Login ke Blogger
2.  Klik Tata letak
3.  Klik Tambah Gadget
4.  Pilih HTML/Java Script
5.  Masukkan kode Java script seperti di bawah ini.



   <style type="text/css">
    body {
    cursor:url("http://baykun.byethost15.com/cursorbiru.ico"),default}
    </style>

6. Kalo mau ganti yang model lain tinggal ganti aja script  yang warna merah dengan script-script yang lain, silahkan kunjungi bay-kun bluebolg
 

selamat mencoba, semoga berhasil...

Mengganti Icon Pada Address Bar

Icon pada blogger yang biasanya logo dengan huruf  B, kalo kita pengen ganti dengan gambar lain, atau animasi, atau mungkin foto kita bisa ja kok, gak susah amat caranya, tips ini gue dapet dari blog temen gue arif masqulin, OK..! langsung ke TKP, ni caranya :
1.  Login dulu ke blogger dot kom
2.  Pilih "Tata Letak" kemudian "Edit HTML"
3.  Letakkan script berikut sebelum kode </head>

 <link href='http://sig.graphicsfactory.com/Spinning_Ring/s.gif' rel='SHORTCUT ICON'/>
Ganti script yang berwarna 'Merah' dengan gambar sesukamu. Bisa menggunakan ICO, GIF, JPG, PNG. Kalo saya menggunakan gambar yang blog saya...

4. Save dan liat hasilnya, icon blog kamu dah berubah kan..


selamat mencoba, semoga berhasil.....

Membuat Kelelawar Terbang di Blog

Cukup menghibur, bagus juga buat mempercantik blog kita, ni ada satu tambahan, yaitu membuat kelelawar terbang kesana kemari di halaman blog kita, tutorial ini sebelumya saya dapat dari blognya Naufal Bin Abdullah, di situ di posting bagaimana caranya membuat efek kelelawar tebang di blog, nah biar gak lupa, ane posting aja tu di blog ane...
ni, kalo temen-temen pengen coba, caranya gini :
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.

<script src="http://h1.ripway.com/forantum/javascript/lawa.js" type="text/javascript">

6. Simpan.
7. dan lihat hasilnya...taaaarrraaaa....sekarang blog kamu ada kelelawarnya yg bisa terbang..wkwkkw..lulu..lucu...

selamat mencoba good luck....

Judul Blog Bergerak atau Berjalan

Anda pasti pernah melihat judul suatu blog bergerak atau berjalan dari kiri ke kanan. Judul blog bergerak ini tentunya dapat menarik perhatian pengunjung. Cara membuat judul blog bergerak atau berjalan adalah sebagai berikut :

1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode


<title><data:blog.pageTitle/></title>

Memposting Kode HTML Pada Artikel


Untuk memposting kode HTML pada artikel, Anda harus menggunakan sebuah software untuk mengkonversi/mengubah kode HTML menjadi kode yang dapat dibaca pada artikel.

Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan &lt;

Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:

1. Buka http://centricle.com/tools/html-entities/


Cara Membuat Tabel di Blog

Bagaimana sih cara membuat Tabel di blog? Kalau Anda perhatikan di Info harga hp Nokia, harga hp nokia disusun dalam bentuk tabel sehingga terlihat rapi dan mudah di baca oleh pengunjung. Berikut cara membuat tabel di blogspot tanpa harus menguasai script html.

Sebagai contoh, kita akan mebuat tabel harga hp Nokia, seperti di Info harga Hp Nokia 2009.