------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------

আপনার ব্লগস্পট ব্লগে “রিলেটেড পোস্ট” (Related Posts) গেজেট যুক্ত করুন

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

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

1
<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> এই কোড টুকু খুঁজে বের করুন। পেয়ে গেলে এই কোড টার ঠিক উপরে নিচের কোডটুকু কপি করে নিয়ে পেস্ট করে দিন।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#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 এ ক্লিক করে টেম্পেলেট টি সেভ করুন।
এবার দেখুন তো পোস্টের নিচের “রিলেটেড পোস্ট” অংশটুকু কেমন কাজ করছে।


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

About admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment

Note: Only a member of this blog may post a comment.