24/05/12

MENGGANTI BACKGROUND TEMPLATE PADA BLOG

Jika ingin mengganti background template pada blog ada dua pilihan yang masing-masing caranya hampir sama. Sobat tinggal pilih mengganti dengan background warna atau dengan gambar/image. Jika ingin mengganti dengan warna sobat tinggal masukkan kode warna menurut selera sobat.

sedangkan untuk gambar sobat harus siapkan alamat gambar/image yang sudah terupload ke tempat hosting di mana sobat menyimpan gambar/image.Dengan ukuran gambar cukup kecil saja. Jika sobat belum jelas bagaimana cara memasukkan kode warna dan alamat gambar/image bisa ikuti cara di bawah ini:

Untuk mengganti background warna pada template klasik:
  • Masuk ke blog sobat.
  • Pilih tata letak.
  • Klik edit HTML.
  • Untuk antisipasi backup template dulu.
  • Cari kode css seperti di bawah ini:
body { background:#fffff;margin:0;
color:#333333;
font:x-small Georgia Serif; font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

Ganti kode yang berwarna merah dengan kode warna yang sobat inginkan,misal dengan warna kuning kodenya seperti ini: #FFFF33.

    Cara Membuat Blogroll

    Blogroll ini bisa digunakan sebagai salah satu alternatif untuk menaruh link yang berjumlah banyak agar tidak terlalu nampak memanjang ke bawah. Sebenarnya di dalam blogroll ini bisa saja kita menaruh gambar. Tapi untuk saat ini mari kita coba dulu bagaimana cara memanfaatkan blogroll tersebut untuk menaruh beberapa link. Sobat tinggal memasukkan beberapa link yang biasanya berada di sidebar maupun footer,sehingga kita bisa sedikit menghemat tempat.

    Sebenarnya cara ini sudah umum digunakan,tetapi tidak ada salahnya utnuk membantu para sobat yang baru belajar bikin blog untuk sama-sama belajar di sini.

    Langkah pertama siapkan dulu link yang ingin sobat masukkan.
    Di bawah ini yang berwarna hijau adalah contoh link yang sudah kita masukkan. Ganti link tersebut dengan alamat link milik sobat.
    Biar lebih mudah sobat bisa mengedit menggunakan notepad. Jika sudah siap masuk ke blog sobat,klik tata letak tambahkan elemen halaman atau gadget kemudian pilih HTML/javascript. Setelah itu masukkan kode yang sudah siap ke gadget yang akan ditambahkan.


    Menambah Halaman Header menjadi beberapa kolom untuk Gadget

    Disini saya ingin berbagi untuk sobat yang ingin membagi elemen header menjadi beberapa kolom. Sobat bisa menaruh daftar isi,iklan,link atau apa saja yang sobat suka. Jika satu kolom header yang tersedia dirasa masih kurang cukup untuk menambahnya sobat bisa ikuti beberapa langkah dibawah ini:

    Disini kita akan coba menambah 4 kolom dibawah header yang nanti hasilnya akan terdapat 1 kolom penuh(100%) dan 4 kolom dari hasil pembagian (25% x 4). Selanjutnya kita masih bisa menambahkan lagi menjadi beberapa kolom.

    Langkah-langkahnya:
    1. Login ke blog sobat pilih tata letak kemudian klik edit html.
    2. Jangan kasih tanda centang pada expand template widget.
    3. Cari kode ]]></b:skin> dan letahkan kode dibawah ini diatasnya.

    Hingga hasilnya seperti kode dibawah ini:

    MEMBUAT TEXT BERJALAN ATAU MARQUEE

    Mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee atau bahasa jawanya Markun.

    Tag yang kita gunakan adalah:

    <marquee>text yang kita inginkan</marquee>Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:

    KODE WARNA

    KODE WARNA
    KODE WARNA
    KODE WARNA

    <FONT COLOR="#009900">Kode ini berwarna hijau</FONT>

    <FONT COLOR="#0000CC">This text would be blue</FONT>

    #000000#000033#000066#000099#0000CC#0000FF
    #330000#330033#330066 #330099 #3300CC #3300FF
    #660000 #660033 #660066 #660099 #6600CC #6600FF
    #990000 #990033 #990066 #990099 #9900CC #9900FF
    #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
    #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
    #003300 #003333 #003366 #003399 #0033CC #0033FF
    #333300 #333333 #333366 #333399 #3333CC #3333FF
    #663300 #663333 #663366 #663399 #6633CC #6633FF
    #993300 #993333 #993366 #993399 #9933CC #9933FF
    #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
    #FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
    #006600 #006633 #006666 #006699 #0066CC #0066FF
    #336600 #336633 #336666 #336699 #3366CC #3366FF
    #666600 #666633 #666666 #666699 #6666CC #6666FF
    #996600 #996633 #996666 #996699 #9966CC #9966FF
    #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
    #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
    #009900 #009933 #009966 #009999 #0099CC #0099FF
    #339900 #339933 #339966 #339999 #3399CC #3399FF
    #669900 #669933 #669966 #669999 #6699CC #6699FF
    #999900 #999933 #999966 #999999 #9999CC #9999FF
    #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
    #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
    #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
    #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
    #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
    #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
    #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
    #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
    #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
    #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
    #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
    #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
    #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
    #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF