ব্লগে যুক্ত করুন ছবি সহ related post widget(ব্লগার দিয়ে প্রফেশনাল ওয়েবসাইট তৈরি পর্ব-৪)

ads

(bd tech tips)খুব সহজে ওয়েবসাইটের তৈরির চতুর্থ পর্বে আপানাদের স্বাগতম।এই পর্বে দেখাবো কিভাবে ছবি সহ রিলেটেড পোস্ট যোগ করতে।এটি ব্লগের জন্য খুবই গুরুত্বপূর্ণ।একজন ভিজিটরকে অনেক সময় ব্লগে
ধরে রাখার জন্য টি খুবই কার্যকর।যার ফ্রলশ্রুতিতে দেখা যায় আপনার ব্লগের পেজ ভিউ অনেকগুনে বেড়ে যায়।

রিলেটেড পোস্ট-bd tips tech

আসুন গুগুল ব্লগ দিয়ে নিজের ওয়েব সাইট তৈরি করি,কিভাবে ব্লগ/ওয়েব সাইট তৈরি করবেন ও সেখান হতে আয় করবেন,ওয়েবসাইট তৈরি করার নিয়ম,ওয়েবসাইট তৈরি করুন,ফ্রি ওয়েব সাইট তৈরি,বিনা খরচে তৈরী করুন ওয়েব সাইট,বিনামূল্যে বানান নিজের ওয়েবসাইট,ব্লগ, ব্লগার এবং ব্লগিং কি? ব্লগিং করার জন্য সেরা ১২ টি ব্লগিং সাইট,একটি নতুন ব্লগের জন্য backlink বৃদ্ধি করার ৫টি পদ্ধতি ,নিয়ে নিন কিছু অসাধারন টেমপ্লেট আপনার ব্লগার ব্লগের জন্য,bd tech tunes,trick bangla,bd tech blog

কিভাবে ব্লগে যুক্ত করবেনঃ

প্রথমে আপনার ব্লগে লগইন করুন।

এরপর Template > Edit Html এ ক্লিক করুন।

তারপর কিবোর্ড হতে Ctrl+F চেপে 

 </head>  

অংশটি সার্চ করুন।

এখন নিচের কোডগুলি

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#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:2px solid #f2f2f2;object-fit: cover;width:110px;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;-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Get code

কাস্টমাইজেশনঃ উচ্চতা চেঞ্জ করতে চাইলে 100px এর জায়গায় আপনার পছন্দ মত এবং প্রস্থ চেঞ্জ করতে চাইলে 110px এর জায়গায় আপনার পছন্দমত দিন

এবার সার্চ করুন 

 <div class='post-footer'>  

 এটি।আপনি দুই বার পাবেন দ্বিতীয়টির উপরে নিচের কোডটী পেস্ট করুন

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a  style="font-size: 9px; text-decoration: none;" href="http://bdtipstech.blogspot.com/2016/01/create-website-part-4.html" rel="dofollow" >Related Posts Widget</a></div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Get code

 এগুলি দেখুন কিভাবে আপনার ব্লগ বা ওয়েবসাইটকে গুগল সার্চ ইঞ্জিনে সাবমিট করবেন

                         ব্লগ/ওয়েবসাইট আছে কিন্তু ইনকাম করত্তে পারছেন না এবার ইনকাম হবেই

কাষ্টমাইজেশনঃ max-results=5 এর জায়গায় আপনি যতগুলি পোস্ট দেখাতে চান তা সংখ্যায়  লিখুন।

আশাকরি পোস্টটি আপনাদের ভাল লেগেছে।শেয়ার এবং কমেন্ট করে যাবেন।আমাদের আমাদের পোস্টগুলি আপনি চাইলে ইমেইলের মাধ্যমে পেতে পারেন এর জন্য নিচে ইমেইল বক্সে সাসক্রাইব করুন।ধন্যবাদ।