Membuat link agar tampak rapi

Modar modar modar, kuliah sibuk banget, ditambah seringnya rapat English club, tugas numpuk, kecele banget nih lookj. Bisa-bisa 2 atau 3 minggu ke depan blog ga update dan gak keurus. Mana pikiran udah sumpek mampet kaya got-got di Jakarta, kehabisan ide buat mosting tutorial. Tapi lookj akan berjuang mempertahankan eksistensi blog ini di jagat perbloggeran, cayo!!. Belakangan ini banyak yang nanya, udah sampai lebih dari 3 kali ada pertanyaan yang sama, pertanyaannya intinya begini "Lookj, gimana sih buat link yang rapi seperti link di atas shoutmix blog ini?". Bloggers teman-teman seperjuangan atau yang baru punya blog, itu sebenarnya pake HTML sederhana yang bikinnya super duper manual. Lookj bukannya gak ngasi tahu tetapi emang itu dasarnya dibuat dari HTML yang culun punya dan mungkin tidak lebih susah dari membuat email domain sendiri ataupun tidak lebih terkenal dari forum friendster prostitusi. Tetapi gak apa-apalah, lookj jelasin aja deh daripada ngebahas pertarungan blogger yang gak henti karena adanya blogger nyeleneh.


Mengapa lookj sebut HTML dasar? ya memang dasar banget ni HTMLnya, sebenarnya di blog Kang Rohman udah dijelasin kok cuman mungkin sobat blogger belum nyoba ngemodif dikit-dikit. Untuk membuat deretan link posting rekomendasi seperti punya lookj itu dibuat manual. Link tersebut juga bukan hanya dipakai untuk posting rekomendasi melainkan juga dipakai link-link tertentu yaitu link teman-teman blogger misalnya. Inilah script sederhana yang dipakai, hanya ditambahin garis minus ( - ) yang diketik berulang kali

<center><div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<div align="justify">
1. <a href="link">Nama link</a><br/>
-----------------------------------------------------------------------<br/>
2. <a href="link2 ">Nama link2</a><br/>
-----------------------------------------------------------------------<br/>
3. <a href="link">Nama link3</a><br/>
-----------------------------------------------------------------------<br/>
4. <a href="link2">Nama link4</a><br/>
-----------------------------------------------------------------------<br/>
5. <a href="link3">Nama link5</a><br/>
-----------------------------------------------------------------------<br/>
6. <a href="link4">Nama link6</a><br/>
-----------------------------------------------------------------------<br/>
7. <a href="link5">Nama link7</a><br/>
-----------------------------------------------------------------------<br/>
8. <a href="link6">Nama link8</a><br/>
-----------------------------------------------------------------------<br/>
9. <a href="link7">Nama link9</a><br/>
-----------------------------------------------------------------------<br/>
10. <a href="link8">Nama link10</a><br/>
-----------------------------------------------------------------------<br/>
11. <a href="link9">Nama link11</a><br/>
-----------------------------------------------------------------------<br/>
12. <a href="link10">Nama link12</a><br/>
-----------------------------------------------------------------------<br/>
13. <a href="link11">Nama link13</a><br/>
-----------------------------------------------------------------------<br/>
</div>
</div></center>

hasilnya adalah seperti ini:

1. Nama link
-----------------------------------------------------------------------
2. Nama link2
-----------------------------------------------------------------------
3. Nama link3
-----------------------------------------------------------------------
4. Nama link4
-----------------------------------------------------------------------
5. Nama link5
-----------------------------------------------------------------------
6. Nama link6
-----------------------------------------------------------------------
7. Nama link7
-----------------------------------------------------------------------
8. Nama link8
-----------------------------------------------------------------------
9. Nama link9
-----------------------------------------------------------------------
10. Nama link10
-----------------------------------------------------------------------
11. Nama link11
-----------------------------------------------------------------------
12. Nama link12
-----------------------------------------------------------------------
13. Nama link13
-----------------------------------------------------------------------

Untuk script ini perhatikan jumlah tanda ( - ) yang jumlahnya harus sama dan cocok dengan lebar box. Untuk mengubah lebar box dan tingginya maka anda bisa mengubah angka yang saya tandai warna merah pada script di atas. Terkadang juga saat mempaste di blogger jaraknya menjadi agak jauh tapi itu gak masalah, tinggal hilangin aja jarak antar linknya.

atau kalau pembatasnya ingin dipakai garis tegas yang gak putus putus bisa pakai yang ini:

<center><div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 300px; height: 200px;">
<div align="justify">
1. <a href="http://www.blogger.com/link">Nama link</a><hr />
2. <a href="http://www.blogger.com/link2">Nama link2</a><hr />
3. <a href="http://www.blogger.com/link3">Nama link3</a><hr />
4. <a href="http://www.blogger.com/link4">Nama link4</a><hr />
5. <a href="http://www.blogger.com/link5">Nama link5</a><hr />
6. <a href="http://www.blogger.com/link6">Nama link6</a><hr />
7. <a href="http://www.blogger.com/link7">Nama link7</a><hr />
8. <a href="http://www.blogger.com/link8">Nama link8</a><hr />
9. <a href="http://www.blogger.com/link9">Nama link9</a><hr />
10. <a href="http://www.blogger.com/link10">Nama link10</a><hr />
11. <a href="http://www.blogger.com/link11">Nama link11</a><hr />
12. <a href="http://www.blogger.com/link12">Nama link12</a><hr />
13. <a href="http://www.blogger.com/link13">Nama link13</a><hr />
</div>
</div></center>

Hasilnya jadi gini:

1. Nama link

---

2. Nama link2

---

3. Nama link3

---

4. Nama link4

---

5. Nama link5

---

6. Nama link6

---

7. Nama link7

---

8. Nama link8

---

9. Nama link9

---

10. Nama link10

---

11. Nama link11

---

12. Nama link12

---

13. Nama link13

---

Kalau memakai garis yang tegas tadi maka anda tidak perlu memperhitungkan lebar box.

Bagaimana? sederhana banget kan tutorialnya? bagi yang udah expert jangan marah nih...kan belum tentu semua blogger udah bisa buat link yang rapi.