Bismillahirrahmanirrahim raraosan tos lami pisan te nga update blog kulantaran sibuk sareng pabelit sareng pangabutuh sa hari hari ha ha (just kiding sa alit) ..
cuang kawaitan deui blog ieu ku gucap bismillahirahmanirrahim dina postingan ieu sim kuring bade mosting sa alit tentang cara ngadamel atanapi nambihan 4 kolom di luhuren footer.. moal seer carios lah hayu langsung we kana cara nambihkeun gadget 4 kolom luhuren footer.
- Sepertos biasa pertama login ka Blogger
- Teras klik Rancangan
- Langkah nu salajengna Klik Edit HTML
Teras download hela template blog rekan rekan sateacan di edit sok bilih dina pengeditan te leres. sahentena upami lepat rekan rekan gaduh backup na. saentos di backup template na teras tog hilap centang Expand Template Widget. teras pilari kode ]]></b:skin>
Sakedar Info : Supaya Pencarianna Gampil rekan rekan tekan Ctrl + F dina Keyborad atani tekan F3. mun tos kapendak kopi script di handap ieu teras Vaste di luhuren kode ]]></b:skin>
#handap
brder :1px solid # 000000 ;
-moz-border-radius :10px;
margin : 0 0 10px 0;
}
#handap-wrapper {
Margin : auto;
Padding : 0px 0px 20px 0px;
Width : 960px;
Background : # ffffff ;
-moz-border-radius-bottomleft :10px;
-moz-border-radius-bottomright :10px;
-webkit-border-bottom-left-radius :10px;
-webkit-border-bottom-right-radius :10px;
}
#handap-wrapper {
Float : left;
Margin : 0px 0px 0px 0px;
Padding : 10px 0px 0px 0px;
Width : 25%;
text-align : justify;
font-size :100%;
color : # ffffff ;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.handapbar {
Margin : 0;
Padding : 0;
}
. handapbar .widget {
Margin : 0;
Padding : 10px 20px 0px 20px;
}
. handapbar h2 {
background : # ffffff ;
-moz-border-radius-bottomleft : 6px;
-moz-border-radius-bottomright : 6px;
-webkit-border-bottom-left-radius : 6px;
-webkit-border-bottom-right-radius : 6px;
Margin : -10px 0px 10px 0px;
Padding : 3px 0px 3px 0px;
text-align : center;
color :# ffffff ;
font-size :20px;
font-weight :bold;
text-transform :sekawancase;
}
. handap bar ul {
Margin : 0px 0px 0px 0px;
Padding : 0px 0px 0px 0px;
list-style-type : none;
}
. handap bar li {
Margin : 0px 0px 2px 0px;
Padding : 0px 0px 1px 0px;
border-bottom :1px dotted # 000000 ;
}
. handapbar a {
Color : # 0000ff ;
text-decoration : none;
}
. handapbar a :visited {
text-decoration : none;
color : # 0000ff ;
}
. handapbar a :hover {
text-decoration : underline;
color : # ff0000 ;
}
Rekan rekan tiasa ngedit CSS ieu ku CSS rekan" nu pikahoyong misalkan bade ngagentos warna pengkerna atanapi naonna we lah nu kinten kintenna cocok sareng template blog rekan rekan. tah sa entos di vaste simpen hela (saving) template blogna..
Langkah salajengna pilari kode <div id='footer-wrapper'> cara milarianna sepertos tadi ambih gampil.
saentos kapendak kopi kode di handap teras simpen di luhuren kode <div id='footer-wrapper'>
<div id='handap'>
<div id='handap-wrapper'>
<div id='handapbar-wrapper'>
<b:section class='handap' id=handapbar1' preferred='yes'>
</b:section>
</div>
<div id='handapbar-wrapper'>
<b:section class='handapbar' id=handapbar2' preferred='yes'>
</b:section>
</div>
<div id='handapbar-wrapper'>
<b:section class='handapbar' id='handapbar3' preferred='yes'>
</b:section>
</div>
<div id='handapbar-wrapper'>
<b:section class='handapbar' id='handapbar4' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
<!-- end handap-wrapper -->
Saentos di vaste teras simpen tempalate ... teras tingali hasilna... wilujeng nyobian we semoa berhasil.
Categories:
Template Blog,
Tutorial Blog
