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>