Home » » Cara Membuat Widget BlogRoll

Cara Membuat Widget BlogRoll

Banyak yang bertanya bagaimanakah untuk membuat blogroll ini. Memang kegunaan blogroll ini salah satunya untuk menghemat tempat dan menambah rapi blog anda.

Berikut ini adalah script yang bisa dijalankan di Blogger  dan Wordpress. Dan widget blogroll ini hanya memerlukan tag HTML biasa dengan menggunakan semacam “kotak” kemudian diberi overflow dengan dibatasi width (lebar) dan height (tinggi) sehingga overflow pun berfungsi dengan baik jika link blog teman-teman Anda sudah begitu banyaknya. Tiga tipe tersebut adalah dengan border (garis tepi) tanpa border dan menggunakan warna background.

Tag HTML blogroll dengan border (Blogroll 1)
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width:
150px; height: 200px; text-align: center; background:#FFFFF;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>


Tag HTML blogroll tanpa border (Blogroll 2)
<div style="border: 0px; overflow: auto; width: 150px; height: 200px;
text-align: center; background:#FFFFFF;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>

Tag HTML blogroll dengan background (Blogroll 3)
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width:
150px; height: 200px; text-align: left; background:#FEA8A1;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>

Nah selamat mencoba yach ... dan sukses buat kalian semua :)



Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. Berita & Teknologi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger