Kamis, 21 April 2011

Membuat kotak Blogroll

  1. Login dulu ke Blogger
  2. Terus pilih Layout atau Tata Letak
  3. Pilih Tambah Gadget
  4. Kemudian HTML/Javascript
  5. Pastekan deh kode di bawah ini:
    <div style="border: 1px solid rgb(153, 153, 153);
    overflow: auto;
    width: 200px;
    height: 200px;
    text-align: center; ">
    link1 <br/>
    link2 <br/>
    link3 <br/>
    link selanjutnya…
    </div>
  6. Simpan deh
Keterangan:
  • Untuk kode diatas bisa dirubah dengan tidak menampilkan border, yaitu ganti angka 1px dengan 0px kemudian hilangkan kode yang berkedip
  • Ganti tulisan link1, link2, dan link3 dengan link yang kamu inginkan, ehm bisa juga diisi dengan banner link kamu
  • Nah, sekarang tinggal menyesuaikan ukuran yang kuberi dengan huruf berwarna biru, ganti dengan ukuran yang sesuai dengan widget kamu
  • Kalo pengen daftar link-link berjajar tinggal hilangkan kode <br/>
Meluncur ke mode berikutnya yaitu mode Marquee Blogroll. Masih inget khand? Marquee Blogroll adalah kotak widget Rollover yang berjalan. Langsung ajaa yaaa?
  1. Login dulu ke Blogger
  2. Terus pilih Layout atau Tata Letak
  3. Pilih Tambah Gadget
  4. Kemudian HTML/Javascript
  5. Pastekan deh kode di bawah ini:
    <MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover=’this.stop()’ onmouseout=’this.start()’ width="95%" >
    link1 <br/>
    link2 <br/>
    link3 <br/>
    link…<br/>
    </marquee>
  6. Simpan
Keterangan:
  • Kode up itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right
  • Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br/>
  • Ganti tulisan link1, link2, dan link3 dengan link yang kamu inginkan, ehm bisa juga diisi dengan banner link kamu
  • Angka “100″ menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll

Tidak ada komentar:

Posting Komentar