ব্লগারে সংশ্লিষ্ট পোস্ট উইজেট (Related Post Widget) যোগ করার পদ্ধতিঃ
ধাপ-১ঃ প্রথমে ব্লগারড্যাশবোর্ডে যান। টেম্পলেট (Template) থেকে এডিট এইচটিএমএলে (Edit Html) ক্লিক করুন।
ধাপ-২ঃ নিচের কোডটি (Code) খুঁজে বের করুন।
</head>
ধাপ-৩ঃ এবার নিচের কোডগুলো কপি (Copy) করে উপরের কোডটার আগে বসিয়ে দিন।
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
(লক্ষ্য করুনঃ ১।এই উইজেটের উচ্চতা (Hight) এবং প্রস্থ (Width) এডিট (Edit) করতে লাল রঙের মান (Value) পরিবর্তন (Change) করতে হবে।
২। সংশ্লিষ্ট পোস্ট এর শিরোনামের (Title) রঙ ও সাইজ (Size) পরিবর্তন করতে নীল রঙের মান (Value) পরিবর্তন করতে হবে।
৩। যদি সংশ্লিষ্ট পোস্ট উইজেটটি আপনি হোম পেজেও দেখাতে চান তাহলে সবুজ রঙের লাইন গুলো কেটে (Remove) দিন।
)
২। সংশ্লিষ্ট পোস্ট এর শিরোনামের (Title) রঙ ও সাইজ (Size) পরিবর্তন করতে নীল রঙের মান (Value) পরিবর্তন করতে হবে।
৩। যদি সংশ্লিষ্ট পোস্ট উইজেটটি আপনি হোম পেজেও দেখাতে চান তাহলে সবুজ রঙের লাইন গুলো কেটে (Remove) দিন।
)
ধাপ-৪ঃ এবার নিচের কোডটি খুঁজে বের করুন। কোড টি দুবার পাবেন দ্বিতীয় বার থামতে হবে।
<div class='post-footer'>
ধাপ-৫ঃ এবার নিচের কোডগুলো কপি করে উপরের কোডটার আগে বসিয়ে দিন।
(লক্ষ্য করুনঃ সংশ্লিষ্ট পোস্ট উইজেটে পোস্ট সংখ্যা বারাতে (To Increase The Num Of Post) "maxresults=5" এর মান (Value) পরিবর্তন করতে পারেন। যদি সংশ্লিষ্ট পোস্ট উইজেটটি আপনি হোম পেজেও দেখাতে চান তাহলে সবুজ রঙের লাইন গুলো কেতে দিন।)<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerwidgetgenerators.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRzddBhFrz6uU2L8Ose4phK4K8Sin-azPK6fDkj_I-R-XiIMhtI3QrY-9kGbsd-AwMqDeNcJc5ZT_r7gFG3bN-V4b5KY30gI-GnSayP24Y8wQ1bUxmNo6sd3VUg9wrIbrYEYQY00A_NlNY/s1600/best+blogger+tips.png'/></a>
</b:if>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
