সুখবর! প্রিয় টিউনারদের জন্য নিয়ে এলাম সুখবর! আমি কোডিং তেমন একটা জানিনা তবে একেবারে মূর্খও নই। আমরা সাইটে প্রায়ই Recent Post উইডগেট নামের একটা উইডগেট বা প্লাগিনস ব্যবহার করে থাকি। এতে ব্লগের সর্বশেষ পোস্ট গুলো সাইডবারে দেখানো হয়ে থাকে। আবার অনেক সাইটে বিভিন্ন নিউজ সাইটের সর্বশেষ আপডেট দেয়া থাকে যা সম্পূর্ণ স্বয়ংক্রিয়। আর এ দেখেই আমার এই প্রয়াসের উদ্ভব। ভাবলাম টিটিবাসীর অনেকেই আছেন যারা টিটিকে অনেক ভালোবাসেন। তাদের জন্যই মূল ভাবনা। ওই সব নিউজ আপডেট উইডগেটের সোর্স কোড কপি করে তারপর নতুন ডিজাইন করে আপনাদের জন্য নিয়ে এলাম টেকটিউন্স লাইভ আপডেট উইডগেট। অর্থাৎ উইডগেটটি আমার ডেভেলপ করা। 😀  এর মাধ্যমে ওইসব Recent Posts উইডগেটের মত টিটির সর্বশেষ আপডেট অ্যানিমেটেডভাবে চলতে থাকবে। আবার অনেকেই এই উইডগেট ব্যবহার করতে চাইবেনা। তাদের জন্যও একটা বন্দোবস্ত করেছি। আপনি চাইলে এই উইডগেটে শুধুমাত্র আপনার নিজের টিউনসগুলোর আপডেট রাখতেও পারবেন। এবার বলুন আপনি ব্যবহার করবেন কিনা? উইডগেটটির উদাহরন হিসেবে দেখে আসতে পারেন লাইভ ডেমো এই লিংক থেকে।  আশা করছি আপনি আপনার ওয়েবসাইট বা ব্লগসাইটে যথানিয়মে এই উইডগেট বসাতে পারবেন। আমি তাই শুধু সোর্স কোড এবং কাস্টমাইজ সম্পর্কে লিখছি।

টেকটিউনসের সর্বশেষ পোস্ট লাইভ আপডেট উইডগেট সোর্স কোড এবং কাস্টমাইজেশন

<script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"><' + '/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "https://www.techtunes.io",rssmikle_frame_width: "100%",rssmikle_frame_height: "300",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "on",responsive: "on",rssmikle_css_url: "",text_align: "left",text_align2: "justify",corner: "on",scrollbar: "off",autoscroll: "on_mc",scrolldirection: "up",scrollstep: "3",mcspeed: "30",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "টেকটিউনস | ক্রেডিট ব্লগার মারুফ",rssmikle_title_link: "http://www.bloggermaruf.com",rssmikle_title_bgcolor: "#0066FF",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "100",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "title_only",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",item_description_style: "text",item_thumbnail: "full",article_num: "10",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; "><a href="http://www.bloggermaruf.com" rel="dofollow" target="_blank" style="color:#CCCCCC;">Blogger Maruf</a></div>

এবার কাস্টমাইজেশনের পালা। আসলে কোড কাস্টমাইজেশনের কাজ কাম নাই এখানে। কপি করেন, সাইটে কোডগুলো নির্দিষ্ট স্থানে পেস্ট করুন এবং সেভ করে মজা দেখুন! 😆

শুধুমাত্র আপনার টিউনস আপডেট উইডগেট সোর্স কোড এবং কাস্টমাইজেশন

<script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"><' + '/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "https://www.techtunes.io/tuner/blogger_maruf",rssmikle_frame_width: "100%",rssmikle_frame_height: "300",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "on",responsive: "on",rssmikle_css_url: "",text_align: "left",text_align2: "justify",corner: "on",scrollbar: "off",autoscroll: "on_mc",scrolldirection: "up",scrollstep: "3",mcspeed: "30",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "আমার টেকটিউনস আপডেট | ক্রেডিট ব্লগার মারুফ",rssmikle_title_link: "http://www.bloggermaruf.com",rssmikle_title_bgcolor: "#0066FF",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "100",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "title_only",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",item_description_style: "text",item_thumbnail: "full",article_num: "10",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; "><a href="http://www.bloggermaruf.com" rel="dofollow" target="_blank" style="color:#CCCCCC;">Blogger Maruf</a></div>

এইবার সামান্য কাস্টমাইজ করতে হবে। বিরাট মহাভারত অশুদ্ধ করতে হবেনা। কোডের মাঝে https://www.techtunes.io/tuner/blogger_maruf লিংক খুঁজে পাবেন। সেই লিংক এর বদলে শুধু আপনার টেকটিউনস প্রোফাইল আইডি লিংক দিয়ে দিন। ব্যাস, সেভ করুন কাজ শেষ।

ব্লগার মারুফ ডট কম লাইভ আপডেট উইডগেট সোর্স কোড এবং কাস্টমাইজেশন

<script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"><' + '/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://bloggermaruf.com/feeds",rssmikle_frame_width: "100%",rssmikle_frame_height: "300",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "on",responsive: "on",rssmikle_css_url: "",text_align: "left",text_align2: "justify",corner: "on",scrollbar: "off",autoscroll: "on_mc",scrolldirection: "up",scrollstep: "3",mcspeed: "30",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "ব্লগার মারুফ ডট কম",rssmikle_title_link: "http://www.bloggermaruf.com",rssmikle_title_bgcolor: "#0066FF",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "100",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "title_only",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",item_description_style: "text",item_thumbnail: "full",article_num: "10",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; "><a href="http://www.bloggermaruf.com" rel="dofollow" target="_blank" style="color:#CCCCCC;">Blogger Maruf</a></div>

এই উইডগেট সবার জন্য না। এটা শুধুমাত্র তাদের জন্যই যারা আমার প্রতি কিছুটা হলেও কৃতজ্ঞ। আমি বিশ্বাস করি হাজার হাজার কৃতজ্ঞ না থাকলেও অন্তত দু-চারজন ভাই অবশ্যই আছেন। তাদের জন্য দিলাম আমার ব্লগের লাইভ আপডেট উইডগেট কোডগুলো। চাইলে আমার আপডেট উইডগেটটি আপনার সাইটে বসাতে পারেন। তাহলে আমিও আপনার প্রতি কৃতজ্ঞ থাকব।

উইডগেটটি যেহেতু আমি করেছি। বুঝতেই পারছেন কিছু সময় করে হলেও বানিয়েছি। তাই অনুরোধ কোডে আমার ক্রেডিট লিংকটি রিমুভ করবেন না। আর করলেও আমার তো কিছুই করার নাই। এটা আপনার স্বাধীনতা। যাই হোক কোডগুলোতে কোন ভুল বা কাজ না করলে তাৎক্ষনিকভাবে জানাবেন আপডেট করে দেয়ার চেষ্টা করব। সৌজন্যেঃ ব্লগার মারুফ ডট কম