সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ [পর্ব-০২] :: আপনার ব্লগস্পট ব্লগে “রিলেটেড পোস্ট” (Related Posts) গেজেট যুক্ত করুন

সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ

আসসালামালাইকুম। সবাই আশা করি আল্লাহর রহমতে ভাল আছেন।

আজ আবারও আপনাদের কাছে নতুন একটা পোস্ট নিয়ে হাজির হলাম।

আজ আমি দেখাবো কিভাবে আপনার ব্লগে খুব সহজে রিলেটেড পোস্ট অপশন যোগ করবেন। পুরাতন ব্লগাররা ব্যপার টা জানেন কিন্তু অনেক নতুন ব্লগার আছেন যারা মাত্র শুরু করেছেন। আর তাদেরকে উদ্দেশ্য করেই আমার আজকের এই পোস্ট টা।এটি খুব সহজেই করা যায়। আসুন দেখে নেয়া যাক কিভাবে কি করতে হবে…

১) প্রথমে আপনার ব্লগার.কম এ সাইন ইন করে ড্যাশবোর্ডে প্রবেশ করে Layout >Page elements এ গিয়ে Add Gadget এ ক্লিক করুন।
২) তারপর কোডিং বসানোর জন্য HTML/ Javascript এ ক্লিক করুন। তার পর বক্সে নিচের কোডটুকু কপি করে নিয়ে পেস্ট করে দিন। গেজেটটি সাইডবার বা পোস্টের নিচে বা ফুটার যেখানে খুশি রাখতে পারেন, যে খানেই রাখেন না কেন ঠিকমতোই কাজ করবে।

 <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” type=”text/javascript”></script> <script src=”http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js” type=”text/javascript”></script> <script type=”text/javascript”> relatedPostsWidget({ ‘containerSelector’:'div.post-body’ ,’loadingText’:'Loading Related Posts…’ });</script>

৪) এবার সেইভ করুন।

এবার প্রতিটি পোস্টের নিচের ছবিটার মতোই ৫টি একই রকম রিলেটেড পোস্ট দেখা যাবে।

এই রিলেটেড পোস্ট অংশটিকে আপনি চাইলে একটু রঙিন করে তুলতে পারেন। না করলেও কোন অসুবিধা নেই। আচ্ছা চলুণ দেখে নেই কিভাবে রঙ্গিন করতে হবে…

সেক্ষেত্রে Layout > Edit HTML অংশে গিয়ে cont+F চেপে  ]]></b:skin> এই কোড টুকু খুঁজে বের করুন। পেয়ে গেলে এই কোড টার ঠিক উপরে নিচের কোডটুকু কপি করে নিয়ে পেস্ট করে দিন।

#related-posts{
margin:4px;
padding:10px;
}
#related-posts h2{
background: #BDEDFF;
color: #000000;
}
#related-posts ul{
background: #e0ffff;
color: #2008AF;
font-size: 12px;
}
#related-posts-loadingtext{
color:#ff0000;
}

Save Template এ ক্লিক করে টেম্পেলেট টি সেভ করুন।
এবার দেখুন তো পোস্টের নিচের “রিলেটেড পোস্ট” অংশটুকু কেমন কাজ করছে।

খুব সহজ না, এটি করা। চেষ্টা করেন পারবেন। আর আপনার কাজে লাগলে আমার পোস্টটি সার্থক হবে।
ভাল লাগলে কমেন্ট করতে ভুলবেন না কিন্তু। আর সমস্যা হলেও আমাকে জানাবেন।

সবাই ভাল থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই আসিফ পাগলা সাব্বির।

Level 0

আমি সাব্বির আলম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 108 টি টিউন ও 868 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 10 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি মোহাম্মদ সাব্বির আলম ( আসিফ পাগলা সাব্বির ) । Google Adsense এর একজন পাবলিশার্স হিসাবে কাজ করছি। বর্তমানে SEO নিয়েই পরে থাকতে এবং সবার মাঝে শেয়ার করতেই ভালো লাগে। আর বাংলা ব্লগিং করাটাই সব চেয়ে বড় নেশা। আমার সম্পর্কে আরো বিস্তারিত জানতে অথবা লাইভ সাপোর্ট পেতে আমাকে ফেইসবুকে অ্যাড...


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

ভাই হয় না তো কোন কিছুই আসে না তো ।

Level 0

amaro aslo na

প্রথমে আপনার ব্লগার.কম এ সাইন ইন করে ড্যাশবোর্ডে প্রবেশ করে Layout >Page elements এ গিয়ে Add Gadget এ ক্লিক করুন>>>>>>>ভাই আপনার এই অপশন কোথায় আমি তো সারাদিন তন্ন তন্ন করে খুজলাম পেলাম না, যদি একটু স্ক্রিন শর্ট দিতেন খুব সুবিধা হতো ।

Add but not work.

Level 0

Kaj kore na. ame vul korce naki tune ta vul ase.

Regards,
Cheap Car Blog

Bro, I m nt very expert here bt if you really wanna add widget about related post than check here
http://www.linkwithin.com/learn?ref=widget
u will know how it work I added it here
http://websemblog.blogspot.com/2011/08/top-5-domain-name-mistakes-you-should.html

Level 0

এটা কাজ করেছে ভাই। অনেক ধন্যবাদ আপনাকে।

Level 0

কাজ করে না…কিন্তু কোন উত্তর দেন না কেন সাব্বির ভাই?

আমি এখন পর্যন্ত ম্যানুয়ালি প্রতিটা পোস্ট এর নিচে রিলেটেড পোস্ট যুক্ত করি। অনেক আশা নিয়ে পোস্ট টি পরছিলাম কিন্তু কাজ করল না 🙁

not working .