Menambahkan widget position pada blog anda "lengkap"
Menambahkan widget position pada blog anda "lengkap"
Artikel Tutorial Blog, Pernahkah anda berniat ingin menambah module position / widget position pada blog anda.. sebenernya cara ini sudah pernah saya jelaskan.. namun jika anda belum berhasil pada tutorial yang sebelumnya cobalah tutorial berikut ini.. dan dijamin bisa.. oke langsung saja hanya di BLOG TUTORIAL DAN SOFTWARE.Menambah elemen di atas footer
Login ke blogger dengan id anda
Tuju menu Tata Letak
Pada tab menu, klik Edit HTML
Backup template anda, klik Download Template Lengkap
Sekarang cari kode ini :
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Tambahkan atau copy lalu paste kode berikut di bawah kode tadi
/* bottom
----------------------------------------------- */
#bottom {
width:900px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:1px solid #333;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#045FB4;
text-decoration:none;
}
#bottom h2 {
padding:20px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#bottom ul {
padding:0;
margin:0;
color:#333;
}
#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .17em;
padding-left:17px;
margin-top:2px;
}
#left-bottom {
width:200px;
float:left;
padding-left:15px;
}
#center-bottom {
width:200px;
float:left;
padding:0 20px 0 20px;
}
#right-bottom {
width:420px;
float:right;
padding-right:15px;
}
Sekarang kita membuat id untuk elemen di atas footer tersebut. Cari kode ini :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Tambahkan kode berikut di atas kode tadi :
<div id='bottom'>
<b:section class='bottom' id='left-bottom' preferred='yes'/>
<b:section class='bottom' id='center-bottom' preferred='yes'/>
<b:section class='bottom' id='right-bottom' preferred='yes'/>
</div> <!-- end bottom -->
Sekarang klik tombol SIMPAN TEMPLATE
Selesai
Demikianlah Artikel Menambahkan widget position pada blog anda "lengkap"
Sekian review computer Menambahkan widget position pada blog anda "lengkap", mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan kali ini.
Anda sedang membaca artikel Menambahkan widget position pada blog anda "lengkap" dan artikel ini url permalinknya adalah https://review-computer.blogspot.com/2011/01/menambahkan-widget-position-pada-blog.html Semoga artikel ini bisa bermanfaat.
Menambahkan widget position pada blog anda "lengkap"
Tag : Tutorial Blog,