Dec 10, 2015

কিভাবে ব্লগ পোষ্টের উপরে ও নিচে Widget Sections যুক্ত করতে হয়?

ব্লগার ব্লগে যতগুলি Widgets আছে তার মধ্যে Post Section টা বেশ বড় এবং জটিল একটি অংশ। কারণ এর অভ্যান্তরে বেশ কিছু অপশন রয়েছে। এই জন্য অনেকে সঠিকভাবে সেকশন খোঁজে বের করতে পারেন না। আমরা আজ আপনাদের সাথে এই জটিল বিষয়টি খুব সহজভাবে বর্ণনা করব। আশাকরি খুব সহজেই Widgets যুক্ত করতে পারবেন।
কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
ব্লগ পোষ্টের উপরে এবং নিচে Widgets যুক্ত করলে বিভিন্ন ধরনের বিজ্ঞাপন শো করাতে সুবিধা হয়, বিশেষ করে যারা Google Adsense ব্যবহার করেন। তাছাড়া ব্লগ পোষ্টের উপরে একটি Widget থাকলে Featured পোষ্টগুলিও সহজে দেখানো যায়। অন্য দিকে ব্লগ পোষ্টের নিচেও যদি একটি বা দুটি Widgets থাকে তাহলে বিজ্ঞাপন শো করাতে বিশেষ সুবিধা পাওয়া যায়।
সকল পোষ্ট দেখুন

ব্লগ পোষ্টের উপরে Widget Sections যুক্ত করাঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
  • কিবোর্ড হতে Ctrl+F চেপে <b:section class='main' id='main' অংশটি সার্চ করলে নিচের চিত্রের মত দেখতে পাবেন। এ অংশটি হুবহু আপনার ব্লগে দেখতে না পেলে, বামদিকের যে নাম্বারগুলি রয়েছে সেগুলিতে ক্লিক করলে ঠিক নিচের চিত্রের মত দেখতে পাবেন।
কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
  • নোটঃ চিত্রে তীর চিহ্ন দ্বারা উপরের দিকে নির্দেশ করা অংশ হচ্ছে ব্লগ পোষ্ট শুরুর ট্যাগ এবং তীর চিহ্ন দ্বারা নিচের দিকে নির্দেশ করা অংশে ব্লগ পোষ্টের Widgets Section শেষ হয়েছে। কাজেই আপনি যখন ব্লগ পোষ্টের উপরে কোন নতুন Widgets Section যুক্ত করতে যাবেন তখন উপরের দিকে তীর চিহ্ন দ্বারা মার্ক করা অংশের ঠিক উপরে Widget টির কোড বসাতে হবে এবং ব্লগ পোষ্টের নিচে কোন নতুন Widgets Section যুক্ত করতে যাবেন তখন নিচের তীর চিহ্ন দ্বারা মার্ক করা অংশের ঠিক নিচে Widget টির কোড বসাতে হবে।
কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
পোষ্টের উপরে একটি Widgets যুক্ত করা
  • উপরের দিকে তীর চিহ্নিত অংশের ঠিক উপরে নিচের লাইনটি যুক্ত করুন।
<b:section class='posts-top' id='posts-top' maxwidgets='2' showaddelement='yes'/>
  • এরপর Save Template এ ক্লিক করুন।
কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
পোষ্টের উপরে দুটি Widgets যুক্ত করা
  • ঠিক আগের জায়গায় নিচের লাইন দুটি যুক্ত করুন।
<b:section class='posts-top-left' id='posts-top-left' showaddelement='yes'/>
<b:section class='posts-top-right' id='posts-top-right' showaddelement='yes'/>
<div style='clear: both;'/>
  • এখন Layout এর দুরত্ব বজায় রাখার জন্য নিচের Css কোড দুঠি যুক্ত করতে হবে।
  • কিবোর্ড হতে Ctrl+F চেপে <b:skin> অংশটি সার্চ করুন।
কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
  • উপরে চিত্রটিতে লাল চিহ্ন দ্বারা মার্ক করা অংশটির ঐ জায়গাতে নিচের কোড দুটি যুক্ত করুন।
body#layout #posts-top-left {width:48%; float:left; display:inline}
body#layout #posts-top-right {width:48%; float:right; display:inline}
  • এরপর Save Template এ ক্লিক করুন।

ব্লগ পোষ্টের নিচে Widget Sections যুক্ত করাঃ

কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
পোষ্টের নিচে একটি Widgets যুক্ত করা
  • প্রথম চিত্রের নিচের দিকে তীর চিহ্নিত </b:section> অংশের ঠিক পরে নিচের লাইনটি যুক্ত করুন।
<b:section class='posts-bottom' id='posts-bottom' maxwidgets='1' showaddelement='yes'/>
  • এরপর Save Template এ ক্লিক করুন। 
কিভাবে ব্লগ পোষ্টের নিচে এবং উপরে Widget Sections যুক্ত করতে হয়?
পোষ্টের নিচে দুটি Widgets যুক্ত করা
  • ঠিক আগের জায়গায় নিচের লাইন দুটি যুক্ত করুন।
<b:section class='posts-bottom-left' id='posts-bottom-left' showaddelement='yes'/>
<b:section class='posts-bottom-right' id='posts-bottom-right' showaddelement='yes'/>
<div style='clear: both;'/>
  • তারপর আগেরমত কিবোর্ড হতে Ctrl+F চেপে <b:skin> অংশটি সার্চ নিচের Css কোড দুটি যুক্ত করুন।
body#layout #posts-bottom-left {width:48%; float:left; display:inline}
body#layout #posts-bottom-right {width:48%; float:right; display:inline}
  • সবশেষে Save Template এ ক্লিক করুন। That's all. 
সাহায্য জিজ্ঞাসাঃ উপরের সবগুলি ধাপ সাধ্যমত সহজ করে উপস্থাপনের চেষ্টা করেছি। আশাকরি আপনাদের কোথাও কোন সমস্যা হবে না। তারপরও যদি কোন সমস্যা হয় কিংবা আরও কিছু জানার প্রয়োজন হয় তাহলে আমাদেরকে কমেন্ট করে জানাতে পারেন। ইনশাআল্লাহ্ আমরা আপনার প্রশ্নের জবাব যথাসাধ্য দেয়ার চেষ্টা করব।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

3 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

  1. খুব কাজের পোস্ট। আমাদের সাথে শেয়ার করার জন্য ধন্যবাদ।

    ReplyDelete

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: