Tag Archive: Kotak Blogroll


Membuat Daftar Blog (bag Kedua)

Postingan ini merupakan lanjutan tips membuat daftar blog bagian pertama, di sini. Pada bagian kedua ini, adalah pengembangan dari postingan yang lalu di mana kita akan akan membuat daftar blog yang dikombinasikan dengan efek marquee (teks berjalan). Lebih lengkap tentang marquee dapat Anda lihat di sini.

Langsung saja, contoh aplikasinya adalah sebagai berikut.

Hasilnya seperti di bawah ini

Yang belum punya daftar blog ini, silakan mencoba !! Yang sudah, silakan kunjungi tips n trik komputer dan bisnis internet.

Iklan

Tips Membuat Daftar Blog

Setiap blogger memberikan nama yang berbeda-beda untuk menyebut link ektern, baik yang memakai bahasa Inggris maupun Indonesia. Ada yang menyebut sebagai BLOGROLL, LINK TEMAN, FRIENDS, BLOG FAVORIT, KUMPULAN LINK, dan blogspot sendiri menamakan Daftar Blog. Formatnya pun berbeda-beda tergantung selera masing-masing. Nah, jika Anda ingin format yang lain, silakan simak tips membuat daftar blog bersama Tips dan Trik Blog berikut ini.

Tips membuat daftar blog ini saya dapatkan dari guru saya, Mas Kendhin. Sebelum susah payah membuatnya, Anda dapat melihat hasilnya di Tips dan Trik Internet terlebih dahulu. Jika tidak tertarik, silakan tutup saja postingan ini, he he

Namun jika tertarik, Anda dapat mengikuti tipsnya berikut ini.

Kita harus menuliskan scriptnya dengan format seperti di bawah ini.

<div style="border: 1px solid rgb(R, G, B); overflow: auto; width: 220px; height: 150px; text-align: center;”>

| <a href=”Alamat_URL_Link1”>Nama_Link1
| <a href=”Alamat_URL_Link2”>Nama_Link2
| <a href=”Alamat_URL_Link3”>Nama_Link3

Keterangan :

  • Anda dapat merubah ukuran garis tepi dengan merubah angka pada border dgn satuan pixel, semakin besar pixelnya maka ukuran garis tepinya semakin tebal.
  • Anda dapat merubah jenis garis, yaitu dari solid (garis tidak putus-putus) menjadi dotted (garis putus-putus) atau dashed (garis putus-putus agak panjang).
  • Anda pun dapat mengganti warna garis dengan format rgb. Untuk mengetahui kode warna silakan kunjungi di sini.
  • Angka pada Width adalah menunjukkan lebar kotak yang dapat Anda ubah sesuai kebutuhan, dapat disesuaikan dengan lebar sidebar blog.
  • Angka pada Height menunjukkan tinggi kotak yang juga dapat diubah sesuai dengan kebutuhan.
  • Alamat_URL_Link diganti dengan alamat URL blog teman Anda.
  • Nama_Link diganti dengan Judul Blog teman Anda.
  • Anda dapat menambahkan tanda “|” untuk memberi sekat antara link satu dengan lainnya, atau Anda ganti dengan tanda yang lain sesuai selera Anda.
  • Center pada Text-align merupakan perataan teks yang dapat Anda ubah sesuai kebutuhan.
  • Anda juga dapat menambahkan abjad untuk mengelompokkan judul blog dengan huruf awal abjad yang sama.
  • Contoh Anda dapat menambahkan abjad “A” kemudian diikuti dengan judul-judul blog dengan huruf awal “A” dan begitu seterusnya dengan abjad “B”.
  • Dengan demikian akan memudahkan pengunjung untuk menemukan blog yang mereka cari.

Contoh aplikasinya seperti di bawah ini.

<div style="border: 3px solid rgb(118, 32, 75); overflow: auto; width: 220px; height: 150px; text-align: center;”>

| (M) My Business | My Life | (T) Tips dan Trik Blog | Tips dan Trik Internet | Tips dan Trik Komputer

Hasilnya seperti ini.

| (M) My Business | My Life | (T) Tips dan Trik Blog | Tips dan Trik Internet | Tips dan Trik Komputer

Untuk membuat setiap link menjadi baris tersendiri, tambahkan kode “
” (tanpa tanda petik) di akhir setiap script link.

Contoh aplikasinya seperti ini.

<div style="border: 3px solid rgb(118, 32, 75); overflow: auto; width: 220px; height: 150px; text-align: left;”>
| (M) My Business
| My Life
| (T) Tips dan Trik Blog
| Tips dan Trik Internet
| Tips dan Trik Komputer

Hasilnya seperti ini.

(M)
My Business
My Life

(T)
Tips dan Trik Blog
Tips dan Trik Internet
Tips dan Trik Komputer

Jika ingin mengatur ukuran huruf, Anda dapat menambahi script “font”, contoh aplikasinya seperti di bawah ini.

<div style="border: 3px solid rgb(118, 32, 75); overflow: auto; width: 220px; height: 110px; text-align: center;”>

| (M) My Business | My Life | (T) Tips dan Trik Blog | Tips dan Trik Internet | Tips dan Trik Komputer

Hasilnya seperti di bawah ini di mana ukuran hurufnya lebih kecil.

| (M) My Business | My Life | (T) Tips dan Trik Blog | Tips dan Trik Internet | Tips dan Trik Komputer

Kunjungi juga Tips dan Trik Komputer

Selamat Mencoba !!!

Bersambung ke postingan berikutnya Tips Membuat Daftar Blog bagian kedua.

Tags:
Komentar
Buat situs web atau blog gratis di WordPress.com.
[ Kembali ke atas ]