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


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

শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

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

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

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

    উত্তরমুছুন
    উত্তরগুলি
    1. ধন্যবাদ সঙ্গেই থাকুন !

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

    উত্তরমুছুন

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

 
Top
Blogger Widgets