আপনার ব্লগার ব্লগে যুক্ত করুন ৩ Column বিশিষ্ট ফুটার ! ঠিক আমার ব্লগের মতো !!

আসসালামু অলাইকুম বন্ধুরা সবাই কেমন আছেন আশাকরি সবাই খুব ভালোও সুস্থ আছেন । আপনাদের দোয়াই ও আল্লাহ্‌ এর অশেষ রহমতে আমিও খুব ভালোও সুস্থ আছি । আজকে আমি আপনাদের জন্য খুব কাজের ও মজার একটি ব্লগার টিপস , ওয়েডগেট নিয়ে এলাম । আজকে আমি আপনাদের দেখাবো কিভাবে আপনি আপনার ব্লগার ব্লগে ৩ Column বিশিষ্ট ফুটার যুক্ত করবেন , বুজতে না পারলে আমার নিচের ফুটার দেখুন । হুম এটা আপনি আপনার ব্লগে খুবি সহজে যুক্ত করতে পারবেন এর জন্য আপনাকে আমার নিচের টিপস গুলো একটু মন দিয়ে লক্ষ করতে হবে ।

পোস্টের নিচে ডেমো দেখুন

☞ বিষয়টি খুব একটা জটিল কিছুনা । নিচের স্টেপ বাই স্টেপ কাজ করুন আশাকরি আপনি কাজটি করতে সফল হবে ।

কিভাবে আপনার ব্লগে যুক্ত করবেন স্টেপ দেখুন !

• প্রথমে আপনার ব্লগার ব্লগ লগইন করুন ।

• ড্যাশবোর্ড থেকে Template এ ক্লিক করে আপনার  থিম ব্যাকআপ নিয়ে নিন ।

• এবার Edit HTML এ ক্লিক করুন ।

• আপনার কীবোর্ড এর CTRL+ F প্রেস করে নিচের ট্যাগটি সার্চ করুন ।

</body>

• উপরের কোড খুজে পেলে তার ঠিক উপরে নিচের কোড গুলো বসিয়ে দিন ।

<div id='footer-widgets-container'>
<div id='footer-widgets-containerback'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
  <b:widget id='HTML15' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
  <b:widget id='HTML14' locked='false' title='Gallery' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
  <b:widget id='HTML13' locked='false' title='About' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>
</div>
</div></div>
<div style='clear:both;'/>

• এবার একি ভাবে আপনার কীবোর্ড এর CTRL + F প্রেস করে নিচের ট্যাগ সার্চ করুন ।

]]></b:skin>

• উপরের ট্যাগ এর ঠিক উপরে নিচের CSS কোড গুলো বসিয়ে দিন ।

#footer-widgets {
    padding: 20px 0 0 0;
}
.footer-widget-box {
    width: 300px;
    float: left;
    margin-left: 15px;
}
.footer-widget-box-last {
}
#footer-widgets .widget-container {
    color: #374142;
}
#footer-widgets h2 {
    font-family: inherit;
    text-shadow: none;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 4px solid #444444;
    padding-bottom: 10px;
}
#footer-widgets .widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#footer-widgets .widget ul li {
    padding: 0 0 9px 0;
    margin: 0 0 8px 0;
}
#footer-widgets-containerback {
    width: 980px;
    margin: auto;
}
#footer-widgets-container {
    background: #484848;
    border-top: 10px solid #66b381;
}
.footersec {
    color: #A1A6AF;
    font-size: 13px;
    line-height: 18px;
}
.footersec .widget {
    margin-bottom: 20px;
}
#footer-widgets-container { background: #484848; border-top: 10px solid #66b381; float: left; width: 100%; }
.footersec ul {
}
.footersec ul li {
}

• এবার সব ঠিক ভাবে হয়েগেলে Save Template এ ক্লিক করে বেরিয়ে আসুন । 

☞ ব্যাস হয়েগেল ফুটার যুক্ত করা এবার আপনার ব্লগের ড্যাশবোর্ড থেকে Layout এ ক্লিক করে চেক করে নিন । দেখুন যুক্ত হয়েগেছে ।


☞ আমার এই টিপসটি আশাকরি আপনাদের বুঝতে কোন সমস্যা হলনা কোন রকম সমস্যা হলে অবশ্যই কমেন্ট করে যানাতে পারেন । পোস্টটি কষ্ট করে পড়ার জন্য অনেক ধন্যবাদ । ভালো থাকুন সুস্থ থাকুন আমাদের সাথেই থাকুন । আল্লাহ্‌ হাফেজ ।