Cara Membuat Link Friend V.02 Pada Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Link Friend Bergerak", dan kali ini Saya kembali Update V.02-nya. Seperti yang Kalian ketahui, Link Friend atau Blogroll adalah Link Sahabat2 Blogger yang kita ajak bertukaran Link Blog Kita. OK, kita langsung saja ke langkah-langkahnya.

[1]. Pertama, Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Tata Letak atau Elemen Laman.

[3]. Kemudian, Klik Tambahkan Gadget --> HTML/JavaScript.

[4]. Kemudian Copy dan Paste-kan Code di bawah ini kedalamnya.

<div class='widgetSystem'>
<div class='kulit'>
<li><a href='http://www.adaisinya.com/'>* Ada Isinya *</a></li>
<li><a href='http://danar-xp.blogspot.com/'>* anak-INDONeSIA *</a></li>
<li><a href='http://berbagi-kreativitas.blogspot.com/'>* Berbagi Kreativitas *</a></li>
<li><a href='http://cek-info.blogspot.com/'>* Cek Info *</a></li>
<li><a href='http://exsat57.blogspot.com/'>* Exsat only share for all *</a></li>
<li><a href='http://gusbuana.blogspot.com/'>* Gus Buana *</a></li>
<li><a href='http://info-adit.blogspot.com/'>* Info Adit *</a></li>
<li><a href='http://kuncir261.blogspot.com/'>* Kuncir261 Blog *</a></li>
<li><a href='http://mbahqopet.blogspot.com/'>* Mbah Qopet's Blog *</a></li>
<li><a href='http://infotipsblogging.blogspot.com/'>* My Life Is Blogging *</a></li>
<li><a href='http://dipaste.blogspot.com/'>* Sudah Bekas *</a></li>
<li><a href='http://sumbersumbermanfaat.blogspot.com/'>* Sumber Sumber Manfaat *</a></li>
<li><a href='http://torayasurabaya.blogspot.com/'>* Torayasurabaya™ *</a></li>
<li><a href='http://trikdantutorialblog.blogspot.com/'>* Tutorial Blog *</a></li>
<li><a href='http://wahidsahidu.blogspot.com/'>* WahidSahidu Blog *</a></li>
<li><a href='http://by-amshyonk.blogspot.com/'>* Ғь-[̲̳̅̿a̲̳̅̿m̲̅s̲̅H̲̅y̲̅o̲̅n̲̅k̲̅]-™ *</a></li>
<li><a href='http://senangnyapakecheat.blogspot.com/'>* ™HARRYS BLOGZ™ *</a></li>
<li><a href='http://musik246.blogspot.com/'>* MY MUSIK 246 created by ean praha *</a></li>
<li><a href='http://tianosidmugi.blogspot.com/'>* TIAN OSID MUGI *</a></li>
</div>
</div>
<style type='text/css'>
.widgetSystem {
    width: 96%;
    padding: 5px;
    background: transparent;
    margin: 5px auto;
    border: 2px inset #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 1px 1px #333;
    -moz-box-shadow: 0 0 1px 1px #333;
    box-shadow: 0 0 1px 1px #333;
    }
.widgetSystem .nama {
    text-align: center;
    font-size: 1.5em;
    background: transparent;
    padding:5px;
    color: #FFF;
    font-family: "Times new roman", Arial, sans serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.widgetSystem .kulit {
    background: Transparent;
    height: 250px;
    overflow: auto;
    margin-top: 5px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.widgetSystem a {
    text-decoration: none;
    margin: 5px;
    background: transparent;
    padding: 5px;
    display: block;
    color: #BBB;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    font-family: "Arial", Arial, sans serif;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
    }
.widgetSystem a:hover {
    background: #FFFFFF;
    color: #ccc;
    }
.widgetSystem li {
    list-style: none;
    color: #CCC;
    margin: 5px
    }

</style>

KETERANGAN :

* Tulisan yang berwarna Merah, ganti dengan Link Friend Kalian atau Blogroll Kalian.

* Tulisan yang berwarna Biru, ganti dengan Nama Link Friend Kalian atau Nama Blogroll Kalian.

* Dan untuk tulisan yang berwarna Kuning, Kalian bisa sesuaikan dengan keinginan Kalian. Mulai dari Warna Background sampai Garis Pinggirnya.

* Buat Kalian yang tidak punya Code Warna HTML, jangan kawatir, Saya sudah mempersiapkannya, Klik di SINI.

[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...