সম্পূর্ণ বাংলায় ব্লগিং টিপস্: ব্লগারদের জন্য কিছু Animated Recent Post Widget খুবই সাধারন স্টাইল এ।

Animated Recent Post Widget একটি অসাধারণ widget যার মাধ্যমে আপনি আপনার ব্লগ পাঠকদের নতুন পোষ্ট সম্পর্ক্যে অবহিত করতে পারবেন।এর নমনিয় ইফেক্ট আপনার ব্লগের পাঠকদের আকৃষ্ট করবে এবং ভিজিটরের সংখ্যা বাড়াতে সাহায্য করবে।এই Gadget এর কর্যকরী দিক হলো এটি একদম সদ্য প্রকাশিত পোষ্ট সমূহকে একটি ছবি যুক্ত সামারি আকারে সবার সামনে তুলে ধরে।এই widget গুলো একজন নতনি ব্লগার এর জন্য ও খুবই উপকারী এবং অতিসহজে সে এগুলো তার ব্লগে যুক্ত করতে পারবে।

কেমন করে Animated Recent Post Widget যুক্ত করবেন?

চলুন এই Widget যুক্ত করি:

১.আপনার ব্লগার এ Login করে Blogger Dashboard পবেশ করুন । এখন Layout এ ক্লিক করুন নিচের ছবির মতো দেখতে পাবেন।

২.এখন Add a gadget link এ ক্লিক করুন দেখবেন একটি Pop-up Box Open হবে।

অনেক গুলো Gadget এরভিতর HTML/JavaScript Gadget অপসনটি ক্লিক করে তা Open করুন ।

৩.এখন নিচের দেওয়া Code গুলো থেকে আপনার পছন্দেরটি বেছে নিয়ে তা পেষ্ট করুন এবং Sava এ ক্লিক করুন ব্যাস হযে গেল।

আপনার টেমপ্লেট এ যদি আগে থেকেই থাকে তবে এই লাইনটি পুনরায় যুক্ত করার দরকার নেই আর না থাকলে যুক্ত করে নিন।

নিচের বিষয় গুলো অবশ্যই পরিবর্তন করবেন।

যেমন:

হোম পেজ এর নাম অবশ্যই পরিবর্তন করে আপনার ব্লগ এর নাম দিবেন।

home_page = “http:// abpost.blogspot.com/”;

ষ্টাইল:

আপনি আপনার ইচ্ছা মতো এই Widget এর width বা height এর পরিবর্তন করতে পারবেন আপনার টেমপ্লেট এর উপর নির্ভর করে।

আপনি চাইলে background ও পরিবর্তন করতে পারেন।আর চাইলে thumbnail image size পরিবর্তন করতে পারেন।
image size
thumbwidth = 70;

thumbheight = 70;
আপনার পোষ্ট এর সংখ্যাও পরিবর্তন করতে পারেন।
numposts = 10;
এখন নিচের যে কোন একটি স্টাইল পছন্দ করে উপরের বিষয় গুলো পরিবর্তন করুন এবং আপনার ব্লগকে সাজিয়ে তুলুন আপনার ইচ্ছা মতো।

এখন নিচের স্টাইল গুলো থেকে আপনার পছন্দেরটি বেছে নিন।

Stylish Scrolling Recent Posts Widget

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

#workwidget {

overflow: hidden;

margin-top: 5px;

padding: 0px 0px;

height: 385px;

}

#workwidget ul {

width: 295px;

overflow: hidden;

list-style-type: none;

padding: 0px 0px;

margin: 0px 0px;

}

#workwidget li {

width: 267px;

padding: 5px 5px;

margin: 0px 0px 5px 0px;

list-style-type: none;

float: none;

height: 70px;

overflow: hidden;

background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgul1YdtOwDzW8GB4rK3t4AsL87thIjvsMd74RuY3kS_8uBZkWyFvN3X2chdi_tCDSWXCMDEuC5EkdjecCQ2GltVYO5S10ancQnCMA8fjCCAEK57VJpANjoYuXzrRElUOfs1z__fQA5qKXP/s1600/24work-blogspot-com.jpg) repeat-x;

border: 1px solid #ddd;

}

#workwidget li a {

text-decoration: none;

color: #4B545B;

font-size: 15px;

height: 18px;

overflow: hidden;

margin: 0px 0px;

padding: 0px 0px 2px 0px;

}

#workwidget img {

float: left;

margin-top: 10px;

margin-right: 15px;

background: #EFEFEF;

border: 0;

}

#workwidget img {

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;

padding: 4px;

background: #eee;

background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));

background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);

-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);

box-shadow: 0 0 3px rgba(0,0,0,.7);

}

#workwidget img:hover {

-moz-transform: scale(1.2) rotate(-350deg);

-webkit-transform: scale(1.2) rotate(-350deg);

-o-transform: scale(1.2) rotate(-350deg);

-ms-transform: scale(1.2) rotate(-350deg);

transform: scale(1.2) rotate(-350deg);

-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

}

.spydate {

overflow: hidden;

font-size: 10px;

color: #0284C2;

padding: 2px 0px;

margin: 1px 0px 0px 0px;

height: 15px;

font-family: Tahoma,Arial,verdana, sans-serif;

}

.spycomment {

overflow: hidden;

font-family: Tahoma,Arial,verdana, sans-serif;

font-size: 10px;

color: #262B2F;

padding: 0px 0px;

margin: 0px 0px;

}

</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinne_jBNr8ru9SdoIJtduSfE0KZWPpc6RXFAwd-wggl8_sSs3NeCW1cuzQ8gLJAgtijIerDtzvQnCpUy1B8VGvB_mKSeIeHAZdii1lifwFKlwNQMIVHdjE4k4uOBqzJfwLc65bxcGxI_eC/s1600/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinne_jBNr8ru9SdoIJtduSfE0KZWPpc6RXFAwd-wggl8_sSs3NeCW1cuzQ8gLJAgtijIerDtzvQnCpUy1B8VGvB_mKSeIeHAZdii1lifwFKlwNQMIVHdjE4k4uOBqzJfwLc65bxcGxI_eC/s1600/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinne_jBNr8ru9SdoIJtduSfE0KZWPpc6RXFAwd-wggl8_sSs3NeCW1cuzQ8gLJAgtijIerDtzvQnCpUy1B8VGvB_mKSeIeHAZdii1lifwFKlwNQMIVHdjE4k4uOBqzJfwLc65bxcGxI_eC/s1600/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinne_jBNr8ru9SdoIJtduSfE0KZWPpc6RXFAwd-wggl8_sSs3NeCW1cuzQ8gLJAgtijIerDtzvQnCpUy1B8VGvB_mKSeIeHAZdii1lifwFKlwNQMIVHdjE4k4uOBqzJfwLc65bxcGxI_eC/s1600/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinne_jBNr8ru9SdoIJtduSfE0KZWPpc6RXFAwd-wggl8_sSs3NeCW1cuzQ8gLJAgtijIerDtzvQnCpUy1B8VGvB_mKSeIeHAZdii1lifwFKlwNQMIVHdjE4k4uOBqzJfwLc65bxcGxI_eC/s1600/noimage.png";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 55;

thumbheight = 55;

fntsize = 15;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 6;

home_page = "http://abpost.blogspot.com/";

limitspy=4;

intervalspy=4000;

</script>

</div>

Sliding Recent Post Widget

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

#rp_plus_img{height:370px;}

#rp_plus_img li {height:60px;padding:5px;list-style:none;

background-color:#ffffff;

border:solid 1px #000000;}

#rp_plus_img a{color:#00000;}

#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

text-align:justify;

-moz-border-radius: 5px;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:60px;}

var speed = 1500;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

var numposts = 6;

var numchars = 0;

</script>

Stylish Animated Blogger Recent Posts Widget

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

#workwidget {

overflow: hidden;

margin-top: 5px;

padding: 0px 0px;

height: 385px;

}

#workwidget ul {

width: 290px;

overflow: hidden;

list-style-type: none;

padding: 0px 0px;

margin: 0px 0px;

}

#workwidget li {

width:232px;

background: #1ed2f2;

list-style-type: none;

margin:0 0 5px 0px;

padding:5px 5px 1px 10px !important;

-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;

}

#workwidget li a {

text-decoration: none;

color: #4B545B;

font-size: 15px;

height: 18px;

overflow: hidden;

margin: 0px 0px;

padding: 0px 0px 2px 0px;

}

#workwidget img {

float: left;

margin-top: 10px;

margin-right: 15px;

background: #EFEFEF;

border: 0;

}

#workwidget img {

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;

padding: 4px;

background: #eee;

background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));

background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);

-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);

box-shadow: 0 0 3px rgba(0,0,0,.7);

}

#workwidget li:hover {

background: #84f6f5;

}

#workwidget img:hover {

-moz-transform: scale(1.2) rotate(-350deg);

-webkit-transform: scale(1.2) rotate(-350deg);

-o-transform: scale(1.2) rotate(-350deg);

-ms-transform: scale(1.2) rotate(-350deg);

transform: scale(1.2) rotate(-350deg);

-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

}

.spydate {

overflow: hidden;

font-size: 10px;

color: #0284C2;

padding: 2px 0px;

margin: 1px 0px 0px 0px;

height: 15px;

font-family: Tahoma,Arial,verdana, sans-serif;

}

.spycomment {

overflow: hidden;

font-family: Tahoma,Arial,verdana, sans-serif;

font-size: 10px;

color: #262B2F;

padding: 0px 0px;

margin: 0px 0px;

}

imgr = new Array();

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 15;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 7;

home_page = "http://abpost.blogspot.com/";

limitspy=4;

intervalspy=4000;

</script>

</div>

Scrolling Recent Post Gadget For Blogger

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

var numposts = 7;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = true;

var numchars = 100;

$(document).ready(function () {$('#sai').vTicker({

speed: 500,

pause: 3000,

showItems: 3,

animation: 'fade',

mousePause: false,

height: 0,

direction: 'up'

});});

</script>

</div>

New and Flexible Recent Posts Widget With Thumbnail

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

/*<![CDATA[*/

img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:99px;border-radius:99px;background:#fff;margin-right:10px;height:70px;width:70px}

img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}

.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}

.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}

.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}

#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}

#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}

#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}

#mdjumplink a:hover{color:#888!important;text-decoration:none}

#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}

#mdcomments:hover{background:#F4A557;text-decoration:none}

/*]]>*/

//<![CDATA[

var numposts = 7;

var showpostthumbnails = true;

var displaymore = true;

var displayseparator = true;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = false;

var numchars = 80;

//]]>

</script>

Tooltips Recent Post Widget For Blogger With Thumbnail

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

#post-gallery {

width:304px;

margin:0px auto;

font:normal 11px Arial,Sans-Serif;

color:##000000

;

padding:8px;

background-color:#1BA1E2

;

-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);

-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);

box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);

-webkit-border-radius:4px;

-moz-border-radius:4px;

border-radius:4px;

}

#post-gallery h2 {

font:20px Arial,Sans-Serif;

color:white;

text-shadow:0px 3px 2px black;

text-transform:uppercase;

margin:2px 2px 2px;

padding:7px 14px;

background-color:#000000;

text-align: center;

}

#post-gallery .rp-item {

float:left;

display:inline;

position:relative;

margin:2px;

padding:0px 0px;

background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglLyUvjN1Ltz-BnymXxRDR2IjHc5KhImyrFURqncUI6KQV3F79PD34eb8Cv4UXGhwtxgsnhpRlgstckjKQKvkqYLgcdcrA60tPBVtcKa7LL0It1Lt1CoJMva0F361ZGOW4zMihVBhLtvs0/s1600/24work.blogspot.com.loading.gif') no-repeat 50% 50%;

width:70px;

height:70px;

}

#post-gallery .rp-item img {

width:70px;

height:70px;

border:none !important;

margin:0px 0px !important;

padding:0px 0px !important;

background:transparent !important;

display:none;

}

#post-gallery .rp-item .rp-child {

position:relative;

top:10%!important;

left:10%!important;

z-index:1000;

width:199px;

background-color:white;

border-top:5px solid #1BA1E2;

-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);

-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);

box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);

padding:10px 15px;

overflow:hidden;

word-wrap:break-word;

display:none;

opacity: 0.9;

}

#post-gallery .rp-item .rp-child h4 {

font-size:12px;

margin:0px 0px 5px;

color:#1BA1E2;

}

#post-gallery .rp-item:hover .hidden {display:block;}

var rpTitle = "Latest Post", // Widget Title

numposts = 10, // The number of thumbnails / posts to display

numchar = 200, // Number of characters in the description tooltip

rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears

pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinne_jBNr8ru9SdoIJtduSfE0KZWPpc6RXFAwd-wggl8_sSs3NeCW1cuzQ8gLJAgtijIerDtzvQnCpUy1B8VGvB_mKSeIeHAZdii1lifwFKlwNQMIVHdjE4k4uOBqzJfwLc65bxcGxI_eC/s1600/noimage.png", // Image that show up if the post doesn't have a image

blogURL = "http://abpost.blogspot.com/"; // Your Blog Address

</script><script src="http://dl.dropboxusercontent.com/s/mcnspfkhcl2wwql/animated-recent-posts-ycode-6.js" type="text/javascript"></script>

Color Number Recent Post Widget

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 6;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div>

Color change Recent Post Widget

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

imgr = new Array();showRandomImg = false;boxwidth = 250;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/1wwtykp1mixtr9d/recent-posts-min-2.css" /></div>

Style 1

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

Style 2

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

Style 3

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

Style 4

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 6;

Style 5

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 6;

Style 6

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

Style 7

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

Style 8

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 6;

Style 8

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 6;

Style 9

HTML/Javascript

Now Copy and paste this Code in the HTML/Javascript

home_page = "http://abpost.blogspot.com/";

numposts = 7;

সম্পূর্ণ বাংলায় ব্লগিং টিপস্

Wednesday, January 15, 2014

ব্লগারদের জন্য কিছু Animated Recent Post Widget খুবই সাধারন স্টাইল এ।

0 comments:

জন প্রিয় পোষ্ট

ব্লগে সংরক্ষিত পোষ্ট সমুহ