কিভাবে আপনার ব্লগে পেজ ন্যাভিগেশন মেন্যু যোগ করবেন তা।
আজ আমি দেখাবো কিভাবে আপনার ব্লগে খুব সহজে রিলেটেড পোস্ট অপশন যোগ করবেন।
পুরাতন ব্লগাররা ব্যপার টা জানেন কিন্তু অনেক নতুন ব্লগার আছেন যারা মাত্র
শুরু করেছেন। আর তাদেরকে উদ্দেশ্য করেই আমার আজকের এই পোস্ট টা।এটি খুব
সহজেই করা যায়। আসুন দেখে নেয়া যাক কিভাবে কি করতে হবে…
১) প্রথমে আপনার ব্লগার.কম এ সাইন ইন করে ড্যাশবোর্ডে প্রবেশ করে Layout >Page elements এ গিয়ে Add Gadget এ ক্লিক করুন।
২) তারপর কোডিং বসানোর জন্য HTML/ Javascript এ ক্লিক করুন। তার পর বক্সে নিচের কোডটুকু কপি করে নিয়ে পেস্ট করে দিন। গেজেটটি সাইডবার বা পোস্টের নিচে বা ফুটার যেখানে খুশি রাখতে পারেন, যে খানেই রাখেন না কেন ঠিকমতোই কাজ করবে।
এই
রিলেটেড পোস্ট অংশটিকে আপনি চাইলে একটু রঙিন করে তুলতে পারেন। না করলেও
কোন অসুবিধা নেই। আচ্ছা চলুণ দেখে নেই কিভাবে রঙ্গিন করতে হবে…
এবার দেখুন তো পোস্টের নিচের “রিলেটেড পোস্ট” অংশটুকু কেমন কাজ করছে।

খুব সহজ না, এটি করা। চেষ্টা করেন পারবেন। আর আপনার কাজে লাগলে আমার পোস্টটি সার্থক হবে।
ভাল লাগলে কমেন্ট করতে ভুলবেন না কিন্তু। আর সমস্যা হলেও আমাকে জানাবেন।
সবাই ভাল থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই মাহ মুদুল হাসান প্রিন্স।
আজ আবারও আপনাদের কাছে নতুন একটা পোস্ট নিয়ে হাজির হলাম। গত পর্বে আমি দেখিয়ে ছিলাম ২) তারপর কোডিং বসানোর জন্য 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{Save Template এ ক্লিক করে টেম্পেলেট টি সেভ করুন।
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;
}
এবার দেখুন তো পোস্টের নিচের “রিলেটেড পোস্ট” অংশটুকু কেমন কাজ করছে।
খুব সহজ না, এটি করা। চেষ্টা করেন পারবেন। আর আপনার কাজে লাগলে আমার পোস্টটি সার্থক হবে।
ভাল লাগলে কমেন্ট করতে ভুলবেন না কিন্তু। আর সমস্যা হলেও আমাকে জানাবেন।
সবাই ভাল থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই মাহ মুদুল হাসান প্রিন্স।
No comments:
Post a Comment