Membuat Blogroll dengan code html


Blogroll adalah deretan link atau teks yang biasanya karena terlalu panjang sehingga dibutuhkan scroll bar untuk memutarnya. Maksudnya adalah dengan membuat blogroll kita bisa menghemat tempat halaman atau sidebar blog kita agar tidak terlalu panjang.

Blogroll biasa digunakan untuk web dan blog yang menyediakan kode html untuk dicopy agar kode-kode html tersebut tidak terlalu memakan halaman.

Kita harus merubah tag html yang sudah kita buat atau bisa juga membuatnya dari awal dan tambahkan kode overflownya saja.

Contohnya:

  • Blogroll dengan garis tepi

link text nomor 1

link text nomor 2

link text nomor 3

link text nomor 4

link text nomor 5

link text nomor 6

link text nomor 7

link text nomor 8

link text nomor 9

Link lainnya

  • Blogroll tanpa garis tepi

link text nomor 1

link text nomor 2

link text nomor 3

link text nomor 4

link text nomor 5

link text nomor 6

link text nomor 7

link text nomor 8

link text nomor 9

Link lainnya

Jika kamu berminat kamu bisa copy code html dibawah ini ke html halaman kamu:

  • Blogroll dengan garis tepi

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: left; background:#ADE8E6;">

<a title="Klik untuk masuk halaman" href="http://URL" target="_blank">link text nomor 1</a><br />

<a title="Klik untuk masuk halaman" href="http://URL" target="_blank">link text nomor 2</a><br />

<a title="Klik untuk masuk halaman" href="http://URL" target="_blank">link text nomor 3</a><br />

Link lainnya

</div>

  • Blogroll tanpa garis tepi

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#ADE8E6;">

<a title="Klik untuk masuk halaman" href="http://URL" target="_blank">link text nomor 1</a><br />

<a title="Klik untuk masuk halaman" href="http://URL" target="_blank">link text nomor 2</a><br />

<a title="Klik untuk masuk halaman" href="http://URL" target="_blank">link text nomor 3</a><br />

Link lainnya

</div>

Kode html blogroll diatas masih bisa dirubah lagi agar sesuai keinginan

Ubah angka (height) tinggi dan width (lebar) sesuai dengan ukuran template kamu

Ubah teks warna biru sesuai link tujuan halaman tersedia misalnya
https://berkahpokroku.wordpress.com/2011/09/11/bismillah/

Ubah perataan teks (left) kiri, (right) kanan, atau (center) untuk membuat teks menjadi rata tengah

Ubah warna latar belakang blogroll kamu agar lebih menarik, ganti teks berikut #ADE8E6 dengan kode warna yang juga sesuai pilihan kamu, kode-kodenya bisa dilihat disini

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: