বন্ধুরা সবাই ক্যামন আছেন আশাকরি ভালো ও সুস্থই আছেন । আজকেও আপনাদের জন্য ধারাবাহিক হিসাবে খুব সুন্দর একটি রিসেন্ট পোস্ট ওয়েডগেট । আজকের যে স্টাইল এটাতে কোন ইমেজ শো করবে না এটা লিস্ট আকারে দেখাবে সঙ্গে একটা সুন্দর ইফেক্ট আছে আর সেটা হল এটা অটো এনিমেশন বলতে পারেন । এর আগেও আমি এই ওয়েডগেট নিয়ে ভিন্ন স্টাইল নিয়ে পোস্ট করেছি সেগুলোও আপনাদের পছন্দ হয়েছে আশাকরি আজকের টাও আপনাদের পছন্দ হবে । যাই হোক বিস্তারিত নীচে থেকে দেখুন ।
✔ আজকের এই রিসেন্ট পোস্ট ওয়েডগেট এর স্টাইলটি খুব সাধারন একটি স্টাইল তবুও আপনাদের পছন্দ হবে নীচে থেকে এর লাইভ ডেমো দেখে নিন সঙ্গে কিভাবে যুক্ত করবেন তার প্রক্রিয়াও ।
✔ আজকের এই রিসেন্ট পোস্ট ওয়েডগেট এর স্টাইলটি খুব সাধারন একটি স্টাইল তবুও আপনাদের পছন্দ হবে নীচে থেকে এর লাইভ ডেমো দেখে নিন সঙ্গে কিভাবে যুক্ত করবেন তার প্রক্রিয়াও ।
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>
.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 এ ক্লিক করে সেভ করে নিন ব্যাস । কাজ শেষ ।
✔ তাহলে আজকের মতো এই পর্যন্ত পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন । কোন রকম সমস্যা হলে আমাকে জানাবেন আমি হেল্প করবো ইনশাআল্লাহ্ । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্ হাফেজ ।
vai sodho akta post animated hoi...keno??sob golo hobe na??
উত্তরমুছুনস্টাইলটি ঐ ভাবে করা হয়েছে । আর সব গুলো বলতে আপনি ঠিক কি বুঝেতে চেয়েছেন একটু খুলে বলুন । ধন্যবাদ ।
উত্তরমুছুন