Lansung saja saya kasih tahu caranya nih masukan kode scrif yang ada di bawah ini dana pastekan ke blog anda
<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.
Posting Komentar