It is a Fully Bangla site |About Job information | Blogger Tutorial tips |SEO Tips |Make money Tips | Freelancer and many more...

বিজ্ঞাপন

ব্লগার ব্লগে যুক্ত করে নিন অটো এনিমেশন Latest Posts ওয়েডগেট

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

যে ভাবে  Latest Posts ওয়েডগেট যুক্ত করতে হবে ?

১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন ।

২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন ..






৩// Title ঘর ফাকা রেখে 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://amar-pc.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>


নোটঃ উপরে হাই লাইট কালার গায়জায় নিজের ব্লগার লিঙ্ক দিন ।

৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন আশা করি করতে পেরেছেন ।

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

3 comments :

  1. গ্রামীণফোন কাস্টমার কেয়ার , কল সেন্টার চাকরীর জন্য আবেদন করার নিয়ম।How to apply grameenphone
    https://www.youtube.com/watch?v=cEBMPaRGSso

    ReplyDelete
  2. The DailySurma.com news has been published from our own News Reporter as well as from the sources of various news sites, blog websites, Bangla and English websites. Outside of our own report, there is no door for the Daily Surma for other news. There are news sources for each news. If there is any doubt about any kind of news please contact us. We'll remove the news. Also, by email, email us or contact us from the contact page to reveal the events that happened next to you.
    all bangla newspaper, bangla news

    ReplyDelete