Cara Membuat Widget Daftar Link Di Blog

Cara Membuat Widget Daftar Link Di Blog.

1. Klik tambah gadget.
2. Pilih HTML/JavaScript
3. Lalu paste-kan kode script berikut

<div class=”widget-content”> <br /><div style=”border: 0px solid rgb(153, 153, 153); overflow: auto; width: 370px; height: 250px; text-align: left;”> <br /><div class="widgetSystem"> <div class="nama"> Blog Teman</div> <div class="kulit"> <li><br /><br /><a href=" http://anti-fool.blogspot.com/" target="”_blank”">All About All</a></li> <br /><br />    <style type="text/css">.widgetSystem {    width: 96%;    padding: 5px;    background: transparent url(http://bloggerbanyumas.net/about-us/selamat-datang/blogger-banyumas-logo_transparent_255/) no-repeat;    margin: 5px auto;    border: 1px solid #FFFFFF;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    webkit-box-shadow: 0 0 1px 1px #EE9304;    moz-box-shadow: 0 0 1px 1px #EE9304;    box-shadow: 0 0 1px 1px #EE9304    }.widgetSystem .nama {    text-align: center;    font-size: 1.5em;    background: #b80000;    background: rgba(255, 0, 0, 1);    padding:5px;    color: #fff;    font-family: "Arial", Arial, sans serif;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px    }.widgetSystem .kulit {    background: #555555;    background: rgba(55, 22, 10, 0.1);    height: 180px;    overflow: auto;    margin-top: 5px;    border: 1px solid #000;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px    }.widgetSystem a {    text-decoration: none;    margin: 5px;    background: #A2A2A2A2;    background: rgba(5, 1, 3, 0.2);    padding: 5px;    display: block;    color: #fff;    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:#D60000;    color: #FFFFFF    }.widgetSystem li {    list-style: none;    color: #CCC;    margin: 5px    }</style></div> </div> </div> </div>            

Keterangan :
Contoh.
<a href=" http://anti-fool.blogspot.com/" target="”_blank”">All About All</a><br /><br />
Ganti  http://anti-fool.blogspot.com/     Dengan link yang akan di tuju.
Ganti   All About All    Dengan Nama Anda
Dan Juga Yang Lainnya Juga Sama :

>