রিসেন্ট পোস্ট ওয়েডগেট ব্লগার ব্লগস্পটের জন্য । এনিমেশন স্টাইল ।

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






✔ আজকের এই রিসেন্ট পোস্ট ওয়েডগেট এর স্টাইলটি খুব সাধারন একটি স্টাইল তবুও আপনাদের পছন্দ হবে নীচে থেকে এর লাইভ ডেমো দেখে নিন সঙ্গে কিভাবে যুক্ত করবেন তার প্রক্রিয়াও ।




Post Loading...




✔ কি আশাকরি আপনাদের পছন্দ হয়েছে তাহলে কিভাবে যুক্ত করবেন চিন্তা নেই খুব ইজি নীচের ছোট্ট স্টেপ গুলো দেখুন ।

১// ব্লগ অ্যাকাউন্ট লগইন করুন ।

২// ড্যাশবোর্ড থেকে Layout > Add a Gadget > HTML/Javascript এ ক্লিক করুন ।

৩// এবার Content ঘরে নীচের কোড গুলো কপি পেস্ট করুন ।



<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://asobondhu.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>


নোটঃ উপরের কোড থেকে শুধু http://asobondhu.blogspot.com মুছে আপনার ব্লগের URL বসান ।


৪// এবার Save এ ক্লিক করে সেভ করে নিন ব্যাস । কাজ শেষ ।



✔ তাহলে আজকের মতো এই পর্যন্ত পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন । কোন রকম সমস্যা হলে আমাকে জানাবেন আমি হেল্প করবো ইনশাআল্লাহ্‌ । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

2 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. Rajib ahmed১১:১৮ AM

    vai sodho akta post animated hoi...keno??sob golo hobe na??

    উত্তরমুছুন
  2. মোঃ আসলাম পারভেজ২:২৪ PM

    স্টাইলটি ঐ ভাবে করা হয়েছে । আর সব গুলো বলতে আপনি ঠিক কি বুঝেতে চেয়েছেন একটু খুলে বলুন । ধন্যবাদ ।

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال