

Sebelum memulai Modifikasi, Harus Memasang dulu Widgetnya dengan Cara Klik Add Widget dan Cari deh [Link List]... Sialahkan Isi 2 atau Beberapa link teman dengan Klik [Add Link] Dan pada bagian Title saya sarankan isi dengan "Link Teman" supaya Nantinya gak Ribet :D jika sudah lanjut pada langkah Modifikasi:
Roll Pada Widget Link List (Blog Roll)
Link Ke Samping:
Di sini, Link yang di Tampilkan Ke Samping dan dari kiri, ke kanan sampai batas kanan, kemudian link pindah kebaris berikutnya. Antar Link yang Satu dan yang Lainnya di Pisahkan oleh Tanda "|" garis lurus seperti huruf i,Langkah Untuk Membuat Widget Link List menjadi Blogroll Samping Caranya Cukup Simple kok:
Perhatik Kode ini:
<b:widget id='LinkList1' locked='false' title='Link Teman' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Caranya Cukup Mudah Kok yaitu dengan Cara menghapus kode <ul> <li> </li> dan </ul> selanjutnya Pasang Pembatas menggunakan simbol yang diinginkan, misalnya |, }, +, dan lainnya letakan sebelum kode </a> tambahkan juga kode Roll (yang tebal warna merah) dan Ini hasil modifikasinya:
<div style='width:100%; height:100px; overflow:auto;'>
<b:loop values='data:links' var='link'>
<a expr:href='data:link.target'><data:link.name/>||</a>
</b:loop>
</div>
Mudah Kan? pembatasanya di sini garis lurus dua buah tuh yang ada background hijau: D
Link Ke Bawah:
Cara ini sudah ada di blog sahabat [ANASKU] mampir Kesana yah.. :) [Roll Pada Widget label], Kalu yang ini, Lik di tampilkan per baris dan Seterusnya Ke Bawah, Agar gak Penuh Makanya di Tambahkan Kode Roll sehingga Linknya bisa di Gulung.Kodenya Sama Seperti di Atas, Hanya menambahkan saja dan Gak ada yang perlu di Hapus :dHasil Modifikasi Kurang Lebih Seperti Ini:
<div style='width:100%; height:100px; overflow:auto;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
</b:loop>
</ul>
</divSelesai Semua Tutorialnya dan Silahkan Pilih yang Mana, sesuai Selera Masing-Masing Jika sudah Silahkan Simpan dan Lihat Hasilnya: Untuk pengaturan lainnya bis menambahkan width, height sesuai dengan nilai yang diinginkan. Sekarang dengan mudah kita pasang Link teman tanpa mesti buka/otak-atik kode HTML, Cukup menambahkan Link dan nama Tampilannya aja Semuanya Selsai deh.... Description: Blog Roll dengan Widget Link List Rating: 4.5 Reviewer: Unknown - ItemReviewed: Blog Roll dengan Widget Link List Hot News!!! "Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda"
0 komentar :
Posting Komentar
Mau tukeran link? silakan buka Link sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...
Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.
Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.