24.03.2016.

Kako da dodate tri kolone u podnozju vaseg bloga

Dodavanje tri kolone u podnozju Blogger bloga (3 Column Footer)

tri-kolone-u-podnozju-vaseg-bloga

Trebaju vam vise kolona u podnozju vaseg bloga? Zelite da dodate widgete u podnozju?

U ovom tutorijalu cu pokazati kako da dodate tri kolone u podnozju bloga kako biste mogli da dodate vise widgeta. Dodavanje ove tri trake je vrlo jednostavno samo pratite moje sledece korake:

  • Ulogujte se na vas blogger nalog i idite na opciju Sablon > Izmeni HTML
  • Pronadjite (Ctrl + F)  <b:section class='footer' id='footer'/>
  • Zamenite  <b:section class='footer' id='footer'/> sa sledecim kodom:

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/></div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div><div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/></div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'><b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section></div><div style='clear:both;'/></div>

  • Sada pronadjite (Ctrl+F)  ]]></b:skin>
  • Iznad  ]]></b:skin> nalepite sledeci kod:

/* Footer by www.bloggerisanje.blogspot.com */
#footer-column-container {clear:both;}
#footer-column-container h2{font-size:18px;text-align:left;color:#ddd;Times New Roman&quot;,Times,serif;
font:normal bold 18px Arial,Georgia,&quot;text-transform:none}
.footer-column {padding: 10px;}

  • Sacuvajte sablon.
Sada vase podnozje ima tri kolone i mozete da dodajete widgete!

0 komentara:

Постави коментар