Setiap blogger memberikan nama yang berbeda-beda untuk menyebut link ektern, baik yang memakai bahasa Inggris maupun
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>
| <a href=”Alamat_URL_Link2”>Nama_Link2</a>
| <a href=”Alamat_URL_Link3”>Nama_Link3</a>
</div>
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>
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 "<br>" (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) <a href="http://clixsense2007.blogspot.com/">My Business</a><br> | <a href="http://pegadaiandiari.blogspot.com/">My Life</a><br> | (T) <a href="http://tips-trik-blog.blogspot.com/">Tips dan Trik Blog</a><br> | <a href="http://tips-net.blogspot.com/">Tips dan Trik Internet</a><br> | <a href="http://onoid.blogspot.com/">Tips dan Trik Komputer</a>
</div>
Hasilnya seperti ini.
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;">
<font size=”1”>
| (M) <a href="http://clixsense2007.blogspot.com/">My Business</a> | <a href="http://pegadaiandiari.blogspot.com/">My Life</a> | (T) <a href="http://tips-trik-blog.blogspot.com/">Tips dan Trik Blog</a> | <a href="http://tips-net.blogspot.com/">Tips dan Trik Internet</a> | <a href="http://onoid.blogspot.com/">Tips dan Trik Komputer</a>
</font>
</div>
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.
0 komentar:
Posting Komentar