ব্লগস্পটে থাম্বনেইল যুক্ত সাম্প্রতিক পোস্ট উইজেট স্থাপনের পদ্ধতি

ব্লগস্পট সম্পর্কিত আরও একটি টিউটোরিয়াল আজকে আপনাদের সামনে উপস্থাপনের প্রয়াস চালাব। টিউটোরিয়ালের বিষয়বস্তু শিরোনাম দেখে হয়ত অনুমান করে ফেলেছেন। সাম্প্রতিক পোস্ট সম্পর্কিত ভরি ভরি উইজেট পাওয়া যায়। ব্লগারের নিজস্ব গ্যালারীতে সাম্প্রতিক পোস্টের বেশ কয়েকটি উইজেট আছে। কিন্তু আমি যেই উইজেটটি নিয়ে আলোচনা করব সেই উইজেটটি ব্লগ পোস্টের প্রথম ছবিটিকে থাম্বনেইল আকারে উইজেট বারে প্রকাশ করবে।

তাহলে চলুন কথা না বাড়িয়ে কাজেই বাস্তব প্রমান দেখা যাক। তাহলেই প্রথমেই ব্লগার আইডিতে লগিন করে Dashboard(ড্যাশবোর্ড) থেকে Design(ডিজাইন) এ যান। এখান Page Element(পৃষ্ঠা উপাদান) থেকে Add a widget এ ক্লিক করে HTML/Javascript গ্যাজেটটি নিন। তারপর শিরোনামবিহীন রেখে বা সাম্প্রতিক পোস্ট টাইটেল দিয়ে নিচের কোডটি যুক্ত করুন-

<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= 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 = 5;
HOME_PAGE = “HTTP://YOURBLOGNAME.COM/”;
</SCRIPT>
<SCRIPT SRC=”HTTP://WWW.YOURJAVASCRIPT.COM/1412468306/RECENTPOSTS_THUMBNAIL.JS ” TYPE=”TEXT/JAVASCRIPT”></SCRIPT>

গ্যাজেটটি সেভ করুন।

উইজেট কাস্টমাইজেশন

উপরের লাল চিহ্নিত কোডের ভ্যালু আপনি আপনার টেম্পলেটের আকার অনুযায়ী ইচ্ছামত পরিবর্তন করতে পারবেন।

boxwidth – উইজেটের প্রশস্ততা

cellspacing – সেলগুলোর মধ্যেকার দুরত্ব (কোডের ডিফল্ট ভ্যালুটা সবচেয়ে ভাল)

borderColor – বোর্ডারের রঙ (টেম্পলেটের সাথে মিল রেখে উইজেটের ব্যাগ্রাউন্ড কালার দিন) )

thumbwidth & thumbheight – থাম্বনেইলের প্রশস্ততা ও উচ্চতা (কোডের ডিফল্ট ভ্যালুটা সবচেয়ে ভাল)

fntsize – টাইটেলের ফন্ট সাইজ

acolor – টাইটেলের রঙ

aBold – টাইটেলকে বোল্ড করতে চাইলে ভ্যালু true আর না চাইলে false দিন।

numposts – উইজেটে যে কয়টি পোস্ট দেখাতে চান তার ভ্যালু

home_page : http://yourblogurl.com/ (আপনার ব্লগের ইউআরএলটি দিন)

অনুগ্রহ করে এই জাভাস্ক্রিপ্টটি ডাউনলোড করে নিচের নির্দেশনা মত সম্পাদনা করে নিন।

এবার আসা যাক ছোট্ট একটা মডিফিকেশনে। কোডটি আপনি আপনার ব্লগে স্থাপনের পর আপনার ব্রাউজারের অপর একটি ট্যাবে পোস্টটি অপেন করুন। পোস্টের একেবারে নিচে দেখতে পাবেন নিচের ছবির মত একটা লিঙ্ক।

এখানে লেখা আছে Widget for bigganprojukti users। এটি আপনি পরিবর্তন করে নিজের পরিচয়টি বসাতে পারেন।

তাহলে প্রথমেই আপনি এই http://www.yourjavascript.com/1412468306/recentposts_thumbnail.js ঠিকানাই গেলে একটা Javascript কোড পাবেন কোডটুকু আপনি Notepad অপেন করে তাতে পেস্ট করবেন এবং .js ফরম্যাটে সেভ করবেন এবং সেভ এর পূর্বে Save as type-all files দিয়ে সেভ করবেন।
কোডটির একেবারে শেষে লেখা আছে Widget For Bigganprojukti Users এখানে আপনার ইচ্ছামত একটি নাম দিন।এর কিছু আগেই http://www.bigganprojukti.com লিঙ্কটি পাবেন এবং সেখানে আপনার লিঙ্কটি বসিয়ে দিলেই হয়ে গেল।
সেভ হয়ে গেলে এই সাইটে গিয়ে আপনার ই-মেইল আড্রেসটি দিয়ে .js ফাইলটি আপলোড করুন। আপনার ই-মেইলে একটি লিঙ্ক চলে যাবে।লিঙ্কটি উপরের কোডের শেষের লিঙ্কে প্রতিস্থাপন করে দিন।