আপনার ব্লগার ব্লগে যুক্ত অসাধারন একটি অটো এনিমেশন Latests Posts ওয়েডগেট। সকলের ভাল লাগবে!!!

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

লাইভ ডেমো দেথতে ভিডিট করুন।

কিভাবে আপনার ব্লগে ব্যবহার করবেন!!

• প্রথমে আপনার ব্লগার ড্যাশবোর্ডে প্রবেশ করুন। 
• তার পর ড্রাপ ডাউন মেনু হতে লে আউট নির্বাচন করুন।
• এবং Add widget বাটনে ক্লিক করুন। 
• তার পর HTML/JavaScript ক্লিক করুন। 

• টালটেল ঘর ফাকা রেখে কনটেন্ট ঘরে হুবাহু নিচের কোডটুকু করি কে পেষ্ট করুন।

<style> .gfg-root { width: 100%; height : auto; position : relative; overflow : hidden; margin: 0 auto; text-align : center; font-size: 12px; border: 1px solid #DBDBDB; } .gfg-title { font-size: 16px; font-weight : bold; color : #6B6B6B; background:#F3F3F3; background-repeat: repeat; line-height : 1.4em; overflow : hidden; white-space : nowrap; padding: 5px; text-shadow: 0px 2px #fff; } .gfg-entry { background-color: #FFFFFF; width : 100%; height : 9.2em; position : relative; overflow : hidden; text-align : left; margin-top : 3px; } .gf-title a { text-transform: capitalize; color: #0000ff; font-size: 14px; } .gfg-subtitle { display: none; } .gfg-list { position : relative; overflow : hidden; text-align : left; } .gfg-listentry { line-height : 1.5em; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; padding-left : 15px; padding-right : 5px; } .gfg-listentry-odd { background-color : #F3F3F3; border-bottom : 1px dotted #CCCCCC; padding: 5px; } .gfg-listentry-even { background-color : #F3F3F3; border-bottom : 1px dotted #CCCCCC; padding: 5px; } .gfg-listentry-odd a{ color: #595959; padding: 0 0px 0 10px; } .gfg-listentry-even a{ color: #242424; padding: 0 0px 0 10px; } .gfg-listentry-highlight { background: #FFFFFF; } .gfg-listentry-highlight:before { position: absolute; left: 0; content: '\25BA '; font-size: 14px; color: #DBDBDB; } .gfg-listentry-highlight a { color: #242424; } .gfg-root .gfg-entry .gf-result { position : relative; background-color: #ffffff; width : auto; height : 100%; padding-left : 20px; padding-right : 5px; } .gfg-root .gfg-entry .gf-result .gf-title { font-size: 14px; line-height : 1.2em; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; margin-bottom : 2px; margin-top: 5px; } .gfg-root .gfg-entry .gf-result .gf-snippet { height : 3.8em; color: #000000; margin-top : 3px; } .clearFloat { clear : both;}</style> <script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <script type="text/javascript"> function showGadget() {var feeds = [{title:'List',url:'http://bloggingjogot.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=10'},]; new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget">Loading...</div>

[ বি: দ্র: হাই লাইট কালার করা স্থানে আপনার ওয়েব সাইট লিংক ব্যবহার করুন।

• ব্যস এবার সেভ দিয়ে বের হয়ে আসুন।

এবার আপনার কাজ শেষ । বন্ধুরা তাহলে আজ এই পর্যন্ত । কোন কিছু  জানার থাকলে নিচের কমেন্ট এর মাধ্যমে জানাবেন। আল্লাহ হাফেজ।