Blogger 3gatget ekleme

1-Blogger Paneli 

2-Şablon 

3-CTFL + F ile ]]></b:skin> kodunu bulup aşağıdakileri üstüne yerleştiriyoruz.

Kodlar:

*--Üç Adet Yanyana Gatget Ekleme --*/#lower {       margin:auto;       padding: 0px 0px 10px 0px;       width: 100%;       background:#000000;}#lower-wrapper {       margin:auto;       padding: 20px 0px 20px 0px;       width: 960px;}#lowerbar-wrapper {     border:1px solid #DEDEDE;       background:#333333;       float: left;       margin: 0px 5px auto;       padding-bottom: 20px;       width: 32%;       text-align: justify;       font-size:100%;       line-height: 1.6em;       word-wrap: break-word;       overflow: hidden;}       .lowerbar {margin: 0; padding: 0;}       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}.lowerbar h2 {      margin: 0px 0px 10px 0px;       padding: 3px 0px 3px 0px;       text-align: left;       color:#0084ce;        text-transform:uppercase;      font: bold 14px Arial, Tahoma, Verdana;       border-bottom:3px solid #0084ce;}.lowerbar ul {      margin: 0px 0px 0px 0px;      padding: 0px 0px 0px 0px;      list-style-type: none;}.lowerbar li {      margin: 0px 0px 2px 0px;      padding: 0px 0px 1px 0px;      border-bottom: 1px dotted #ccc;} 

Tekrar CTRL+F ile </body> kodunu buluyoruz aşağıdaki kodları üstüne yerleştiriyoruz.

<div id='lower'><div id='lower-wrapper'><div id='lowerbar-wrapper'><b:section class='lowerbar' id='lowerbar1' preferred='yes'></b:section></div><div id='lowerbar-wrapper'><b:section class='lowerbar' id='lowerbar2' preferred='yes'></b:section></div><div id='lowerbar-wrapper'><b:section class='lowerbar' id='lowerbar3' preferred='yes'></b:section></div><div style='clear: both;'/></div> </div>