ফ্রি ব্লগারের পোস্ট বিষয়ক গেজেট

আমার মূলত ফ্রি ব্লগারে ব্লগিং করতে এবং ব্লগ সাজাতে ভালো লাগে। একটা কথায় বলা যায় আমি ফ্রি ব্লগার এর ফ্যান। হাজার হাজার গেজেট আছে ফ্রি ব্লগারের জন্য তবে কোন প্রফেশনাল ব্লগার যত কম সম্ভব তত কম গেজেট ব্যাবহার করেন। আবার গেজেট ছাড়া ব্লগটাকে তো ভালোই লাগবে না। তাই এবার আমি হাজির হয়েছি কিছু {মোটামুটি প্রয়োজনীয় সব গুলো} পোষ্ট বিষয় গেজেট নিয়ে।
পোষ্ট বিষয় গেজেট গুলোর মধ্যে মূলত “সাম্প্রতিক পোষ্ট”,“একই রকম পোষ্ট”,“জনপ্রিয় পোষ্ট”(সর্বোচ্চ মন্তব্যের পোষ্ট) ইত্যাদি।

সাম্প্রতিক পোষ্ট

সাম্প্রতিক পোষ্ট গেজেটে নতুন পোষ্ট গুলো দেখানো হয়। যাতে ভিজিটর আপনার ব্লগের কোন একটা পোষ্ট ওপেন করলে সর্বশেষ পোষ্ট গুলো দেখতে পায়।

সাধারণ সাম্প্রতিক পোষ্ট:

এটা শুধু আপনার ব্লগের সর্বশেষ পোষ্ট গুলোর হেড লাইন দেখাবে। এটা আপনার ব্লগে লাগানোর জন্য নিচের কোড গুলো HTML/JavaScript গেজেটে কপি করে পেস্ট করে দিন। এটা খুবই দ্রুততার সাথে লোড হয়।

<script style="text/javascript" src="https://sites.google.com/site/shiblyy111/post/recentposts.js"></script><script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = false;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

পোষ্ট এর ছবি সহ সাম্প্রতিক পোষ্ট:

এটাতে আপনার পোষ্ট এর প্রথম ছবি সহ দেখাবে এবং এটা আমি ব্যবহার করি। এটা আপনার ব্লগে লাগানোর জন্য নিচের কোড গুলো HTML/JavaScript গেজেটে কপি করে পেস্ট করে দিন। এবং নিচে লাল রং করা যে আমার সাইটের ঠিকানাটা আছে এটা বদলিয়ে আপনার ঠিকানা বসিয়ে দিন।

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://sites.google.com/site/neshibly24/win/No--Image.png";

showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 8;

home_page = "http://blogger-shibly.blogspot.com/";

</script>

<script src="https://sites.google.com/site/neshibly24/win/recentposts.js" type="text/javascript"></script>

পোষ্ট এর ছবি সহ এনিমেশন করা সাম্প্রতিক পোষ্ট:

এটাতে আগেরটার মতই আপনার পোষ্ট এর প্রথম ছবি দেখাবে এবং এটা এনিমেশন এর মত নড়বে। অর্থাৎ পোষ্ট গুলো উঠা নামা করবে। এটার ঐ একই কিচ্ছা কোড গুলো HTML/JavaScript গেজেটে কপি করে পেস্ট করে দিন। এবং নিচে লাল রং করা যে আমার সাইটের ঠিকানাটা আছে এটা বদলিয়ে আপনার ঠিকানা বসিয়ে দিন।

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "https://sites.google.com/site/neshibly24/win/No--Image.png";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://blogger-shibly.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

একই রকম পোষ্ট

এটা অতি গুরুত্বপূর্ণ গেজেট আপনার ভিজিটরকে আপনার ব্লগে বেশীক্ষণ রাখার কাজে এটা বিশেষ ভাবে সহযোগিতা করবো। যেমন আমি হাইড্রোজেন বিষয়ক একটা পোষ্ট লিখেছি। আবার আমার ব্লগে অক্সিজেন বিষয়ক একটা পোষ্ট আছে এখন যে হাইড্রোজেন বিষয়ক পোষ্ট পড়ে সে অবশ্যই অক্সিজেন এর ওপর আগ্রহ বোধ করবে। কোড গুলো 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'
,'relatedTitle':'Related Posts:'
,'recentTitle':'Recent Posts:'
,'loadingText':'loading...'
,'maxPosts':'5'
,'blogURL':'http://blogger-shibly.blogspot.com/'
});</script>

জনপ্রিয় পোষ্ট

এটা আপনার ব্লগের সর্বোচ্চ মন্তব্যে হওয়া পোষ্ট গুলো দেখাবে। এটা আপনার ব্লগে লাগানোর জন্য কোড গুলো HTML/JavaScript গেজেটে কপি করে পেষ্ট করে দিন। এবং নিচে লাল রং করা যে আমার সাইটের ঠিকানাটা আছে এটা বদলিয়ে আপনার ঠিকানা বসিয়ে দিন।

<script language="JavaScript">
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://Blogger-Shibly.blogspot.com/";
</script>
<script src="https://sites.google.com/site/shiblyy111/file/popularpostblogger-min.js" type="text/javascript"></script>

আমি এখানে সবচেয়ে সহজ কোড গুলো ব্যাবহার করেছি। যাতে যে কোন ব্যাবহার কারি এগুলো নিজের ব্লগে ব্যাবহার করতে পারে। তারপরেও যদি কোন সমস্যা হয় জানাবেন।

5 thoughts on “ফ্রি ব্লগারের পোস্ট বিষয়ক গেজেট”

  1. স্ক্রিপ্টগুলোর ব্যবহারে ব্লগস্পটের ব্লগ আরও সুন্দর হয়ে ওঠবে আশা করি। বিশেষ করে রিলেটেড পোষ্টের উইজেটটা খুবই কাজের। ধন্যবাদ শিবলী।

Leave a Comment