আপনার ব্লগার ব্লগে যুক্ত করুন ৩ 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 এ ক্লিক করে চেক করে নিন । দেখুন যুক্ত হয়েগেছে ।


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

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

5 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. b:skin body apner ei tag gulo to khuje pachina

    উত্তরমুছুন
    উত্তরগুলি
    1. ভাই কোডিং বক্স এর মধ্যে মউস ক্লিক করে তারপর CTRL+F প্রেস করুন তারপর সার্চ করে দেখুন অবশ্যই পাবেন ।

      মুছুন
  2. ধন্যবাদ সুন্দর পোষ্টের জন্য

    উত্তরমুছুন
  3. ধন্যবাদ সুন্দর পোষ্টের জন্য । কিন্তু Profile ফটো কিভাবে যোগ করব ? যেরকম আপনি দিয়েছেন ?

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال