Assalamualaikum Wr. Wb.
Hiasi blog/website anda dengan link Menjalur Bagian Bawahnya ... Penasaran bukan!...... Bisa anda lihat di Klik Demo Atau lihat cara dan lengkapnya. .....Coba lihat indah ........
HTMLnya:
<!-- Footer -->
<div class="footer">
<p><style type="text/css">
<!--
.RizkyGarut1container h3 {
color: #ffff00;
letter-spacing:1px;
}
.RizkyGarut1container h4 {
color: #ff0000;
border-bottom:1px solid #969696;
font-weight:normal;
letter-spacing:1px;
padding-bottom:5px;
}
.RizkyGarut1container {
width: 100%;
margin:0 auto 0 52px;
}
.RizkyGarutcolumn-first {
float: left;
text-align: left;
padding:0 8px;
width: 100px;
}
.RizkyGarutcolumn-middle {
float: left;
text-align: left;
padding:0 8px;
}
.RizkyGarutcolumn-last {
float: left;
text-align: left;
padding:0 8px;
width: 108px;
}
ul.RizkyGarut1 li {
display: block;
border-right: 0px;
text-indent: 0px;
margin: 0px;
padding: 0px;
border-left: 0px;
}
ul.RizkyGarut1 li:last-child {
padding: 0px;
}
.RizkyGarut1 a {
text-decoration: none;
color: #000000;
}
.RizkyGarut1 a:hover {
text-decoration: underline;
color: #000000;
}
.RizkyGarutclear {
clear: both;
}
--></style></p><div class="RizkyGarut1container"><div class="RizkyGarutcolumn-first"><h3>HEADER I</h3><br /><h4>BAGIAN 1</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li></ul><br /><h4>BAGIAN 2</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li><li><a href="#">Link ke 1</a></li></ul></div><div class="RizkyGarutcolumn-middle"><h3>HEADER II</h3><br /><h4>BAGIAN 1</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li></ul><h4>BAGIAN 2</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li></ul><h4>BAGIAN 3</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li><li><a href="#">Link ke 2</a></li></ul></div><div class="RizkyGarutcolumn-middle"><h3>HEADER III</h3><br /><h4>BAGIAN 1</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li></ul><h4>BAGIAN 2</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li></ul><h4>BAGIAN 3</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3</a></li><li><a href="#">Link ke 3Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li></ul><h4>BAGIAN 2</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li></ul><h4>BAGIAN 3</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li><li><a href="#">Link ke 5</a></li></ul></div><div class="RizkyGarutcolumn-middle"><h3>HEADER VI</h3><br /><h4>BAGIAN 1</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li></ul><h4>BAGIAN 2</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li></ul><h4>BAGIAN 3</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li></ul><h4>BAGIAN 4</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li><li><a href="#">Link ke 6</a></li></ul></div><div class="RizkyGarutcolumn-middle"><h3>HEADER VII</h3><br /><h4>BAGIAN 1</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li></ul><h4>BAGIAN 2</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li></ul><h4>BAGIAN 3</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li></ul><h4>BAGIAN 4</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li></ul><h4>BAGIAN 5</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 8</a></li></ul><h4>BAGIAN 6</h4><br /><ul class="RizkyGarut1"><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li><li><a href="#">Link ke 7</a></li></ul></div><div class="RizkyGarutclear"> </div></div><div class="RizkyGarutclear"> </div>
<!-- end #footer --></div>
<div class="vis-clear"></div>
0 comments:
Post a Comment