rss

সোমবার, ২৩ নভেম্বর, ২০০৯

ব্লগস্পটে অ্যানিমেটেড সাম্প্রতিক পোস্ট সাইডবার তৈরি করবেন যেভাবে

কেউ কেউ জানতে চেয়েছেন আমার ব্লগস্পটে বিভিন্ন ধরনের গ্যাজেট কিভাবে সংযোজন করেছি তা বিস্তারিত লেখার জন্য। তাই আজকে লিখছি "অ্যানিমেটেড সাম্প্রতিক পোস্ট/লেখা" ম্যেনু কিভাবে করেছি তা নিয়ে। আপনার সাম্প্রতিক ব্লগ পোস্টগুলোকে উপরে নিচে স্ক্রলের মাধ্যমে দৃষ্টিনন্দনভাবে উপস্থাপন করে এই গ্যাজেটটি। এই ইফেক্টটির নাম Simple Spy



Bloggers এর Sidebar Gadget থেকে Add a gadget খুলুন। এরপর select html অপশন বেছে নিন। সব html কোড গ্যাজেটে কপি করুন। নিচের কোডটুকু পেস্ট করুন।

<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://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/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] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
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://blog.mukul.us/";

limitspy=4
intervalspy=4000


</script>

<div id="spylist">
 <script src='http://c0d3.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> 



এরপর গ্যাজেটটি সেভ করে নিন। ব্যাস হয়ে গেলো। আপনার সাইডবারের আকারের সাথে মিল রাখার জন্য
width : 220px;
width:208px:
এর স্থানে পিক্সেল প্রয়োজন অনুযায়ি বাড়িয়ে কমিয়ে নিতে পারেন।
আর হ্যাঁ, home_page = "http://blog.mukul.us/"; এর জায়গায় আপনার নিজের ব্লগের ঠিকানা দিতে ভুলবেন না। নইলে... ! ;-)

আরেকটা কথা, কারো কারো ব্লগে পোস্টের ছবির থাম্বনেইল ভিউ নাও আসতে পারে।
সেক্ষেত্রে আপনার ব্লগ সেটিংস থেকে RSS feed setting summary না দিয়ে Full Feed সিলেক্ট করে নিন।
আশা করি কোন সমস্যা হবে না।

ফেইসবুকে যোগ করুন

10 টি মন্তব্য:

আলী মাহমেদ - ali mahmed on ১ ডিসেম্বর, ২০০৯ এ ২:০০ PM বলেছেন...

সাইটটা খুঁটিয়ে খুঁটিয়ে দেখলাম। দুর্ধর্ষ!
কোডিং শেখার জন্য আবারও নোয়াখালী যেতে হবে :-)

admin on ১ ডিসেম্বর, ২০০৯ এ ২:০২ PM বলেছেন...

হা হা হা। নোয়াখালীতে চলে আসেন। :D

@ শুভ ভাই

শিবলী on ১৯ জানুয়ারী, ২০১০ এ ১:৪০ PM বলেছেন...

মুকুল ভাই রনি ভাইয়ের কাছ থেকে আপনার সাইটের খবর পেলাম সাইটা যা বাইয়েছেন অসাধারণ। মুকুল ভাই আপনর সইটে "পরিচিতি" নামক একটা বাটন আছে এখানে ক্লিক করলে আকটা নতুন ব্লগ ওপেন হয়। আমার সাইটে "আমর সথে পরিচয় ও যোগাযোগ" নামক একটি বাটন আছে। আমি এটাতে আপনার মত ব্যাবস্থা করব কিভাবে।

শিবলী on ১৯ জানুয়ারী, ২০১০ এ ১:৪১ PM বলেছেন...

ভাই আর একটা কথা "পরিসংখ্যান" লাগাইছেন কিভাবে।

admin on ১৯ জানুয়ারী, ২০১০ এ ৩:৫৩ PM বলেছেন...

@ শিবলী,

আমার পরিচিতি লিঙ্কের সাইটটা আমার নিজস্ব ডোমেইনে আছে। সেটা করতে হলে অবশ্যই আপনাকে নিজের নামে ডোমেইন নিতে হবে। তারপর সাইট তৈরি করে সার্ভারে হোস্ট করতে হবে।

পরিসংখ্যান দেখানোর জন্য কিছু কোড বসাতে হবে। বিস্তারিত জানতে আমাকে মেইল করতে পারেন। হিট কাউন্টার বসাতে (http://www.statcounter.com/) এর সাহায্য নিতে পারেন। ধন্যবাদ।

Unknown on ১০ মার্চ, ২০১০ এ ১:১৬ AM বলেছেন...

ভাইজান ধন্নবাদ...আইও নয়াখাইল্লা...সেনবাইগগা...আমার ব্লগ টা দেখে একটূ পরামর্শ দিএন...

http://profilefusion.blogspot.com/

মাত্র স্টার্ট করলাম

admin on ১৫ মার্চ, ২০১০ এ ১২:০৩ PM বলেছেন...

@ নাঈম,
আপনার ব্লগ দেখি রিডাইরেক্ট করা! তাও পেজ ঠিকমত ওপেন হলো না।

Arifur rahman on ১৪ মে, ২০১০ এ ৫:৫৪ PM বলেছেন...

Nice Blog

admin on ১৫ মে, ২০১০ এ ৯:৫৯ AM বলেছেন...

ধন্যবাদ আরিফ। :-)

শিক্ষকরাই মানুষকে সত্যিকারের মানুষ হিসেবে গড়ে তুলেন আর শিক্ষক গড়ার প্রতিষ্ঠান হচ্ছে পিটিআই on ২৫ নভেম্বর, ২০১০ এ ১১:৫৩ AM বলেছেন...

Thanks Brother, Kintu Ame parlamna,
Please Visit sylhetpti.blogspot.com