১। ড্যাশবোর্ডে গিয়ে --> এডিট HTML এ যাও।
২। ctrl + F চেপে নিচের অংশটা খুঁজে বের করো।
৩। এবার নিচের স্ক্রীপ্টটা দিয়ে উপরের স্ক্রীপ্ট কে রিপ্লেস করে দাও।
নিচের স্ক্রীপ্টটা ঠিক এর আগে বসিয়ে দাও।
৫। প্রিভিউ দেখে সেভ করো। দেখবে ফুটারে চারটি কলাম যোগ হয়ে গেছে।
২। ctrl + F চেপে নিচের অংশটা খুঁজে বের করো।
|
<b:section class='footer' id='footer'/>
|
৩। এবার নিচের স্ক্রীপ্টটা দিয়ে উপরের স্ক্রীপ্ট কে রিপ্লেস করে দাও।
|
<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1'
preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G'
type='Text'/>
</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2'
preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author'
type='Text'/>
</b:section>
</div>
<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3'
preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader'
type='Text'/>
</b:section>
</div>
<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4'
preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go'
type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
|
নিচের স্ক্রীপ্টটা ঠিক এর আগে বসিয়ে দাও।
|
#footer-column-container { border: .3px dotted #cccccc;}
.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}
.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans
Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}
.footer-column ul { list-style:none; margin:0 0 0; padding:0 0
0;}
.footer-column ul li {
background:
url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-
1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}
.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}
|
৫। প্রিভিউ দেখে সেভ করো। দেখবে ফুটারে চারটি কলাম যোগ হয়ে গেছে।
0 মন্তব্য:
একটি মন্তব্য পোস্ট করুন