Membuat daftar blog rekanan

Bloger Tetango Klinik ICT

<br />
<div class="widgetSystem">
<div class="kulit">
<br />
<br />
<li><a href="#">* A *</a></li>
<li><a href="#">* B *</a></li>
<li><a href="#">* C *</a></li>
<li><a href="http://www.klinikict.com/">*Charles Batubara, S.Kom*</a></li>
<li><a href="#">* D *</a></li>
<li><a href="#">* E*</a></li>
<li><a href="http://erisatria13.blogspot.com/">* Eri Satria, M.Pd *</a></li>
<li><a href="#">* F *</a></li>
<li><a href="#">* G *</a></li>
<li><a href="#">* H *</a></li>
<li><a href="#">* I *</a></li>
<li><a href="#">* J *</a></li>
<li><a href="#">* K *</a></li>
<li><a href="#">* L *</a></li>
<li><a href="#">* M *</a></li>
<li><a href="#">* N *</a></li>
<li><a href="#">* O *</a></li>
<li><a href="#">* P *</a></li>
<li><a href="#">* R *</a></li>
<li><a href="http://sdsejatijambi.blogspot.com/">* SD Sejati JAmbi *</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>

Artikel Terkait: