Ads By Blogger

Ads By Bdtipstech

Friday, August 04, 2017

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

(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-->
                         ব্লগ/ওয়েবসাইট আছে কিন্তু ইনকাম করত্তে পারছেন না এবার ইনকাম হবেই



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

No comments:

Leave A Comment

আমাদের পোস্টগুলি ভালো লাগলে কমেন্ট করে আমাদের উৎসাহ দিন

Get post by Email

copyright 2014-19@bdtipstech DMCA.com Protection Status