আপনার ব্লগার ব্লগে যুক্ত করে নিন চার টি অসাধারন RECENT COMMENT ওয়েডগেট । ভাল কাগবে ১০০% ।

আল্লাহ্‌ এর নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আমি আপনাদের জন্য দারুন চার টি অসাধারন  RECENT COMMENT  ওয়েড গেট নিয়ে এলাম আশাকর...



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


***** ব্লগে যুক্ত করবেন যে ভাবে *****
       -------------------------------


* প্রথমে আমি যে চারটি ওয়েড গেট এর চিত্র সহ দিছি সেগুল দেখে নিন এবং নীচের নিয়ম অনুযায়ী কাজ করুন । 


-=- ওয়েড গেট নাম্বার  ঃ 




<style type="text/css">
ul.bh_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bh_recent_comments li {
    background: none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.bh_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.bh_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.bh_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}

.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.bh_recent_comments li:hover {
    background: #FD7474 !important;
    border-radius: 100%;
}


.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    -moz-transform: scale(1.2) translate(15px);
    -ms-transform: scale(1.2) translate(15px);
    -o-transform: scale(1.2) translate(15px);
    transform: scale(1.2) translate(15px);
    box-shadow: 0 0 20px 1px #aaa;
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>




-=- ওয়েড গেট নাম্বার ২  ঃ 




<style type="text/css">
    ul.bh_recent_comments{list-style:none;margin:0;padding-bottom:5px;}
    .bh_recent_comments li{margin:0px 0px 0px 0px;
border-bottom:1px dotted pink;
 display:block;
 clear:both;
 overflow:hidden;
}
    .bh_recent_comments li .avatarImage{-webkit-border-radius:100px ;
 -moz-border-radius:100px ;
 border-radius:100px ;
 padding:3px;
 background: cyan;
 -webkit-box-shadow:0 1px 1px #333;
 -moz-box-shadow:0 1px 1px #333;
 box-shadow:0 1px 1px #333;
 float:left;
 margin:6px 6px 6px 0;
 position:relative;
 overflow:hidden;
img filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
 .bh_recent_comments li .avatarImage:hover{-webkit-border-radius:100px ;
 -moz-border-radius:100px ;
 border-radius:100px ;
 padding:3px;
 background: pink;
 -webkit-box-shadow:0 1px 1px #333;
 -moz-box-shadow:0 1px 1px #333;
 box-shadow:0 1px 1px #333;
 float:left;
 margin:6px 6px 6px 0;
 position:relative;
 overflow:hidden;
img filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .bh_recent_comments li img{-webkit-border-radius:100px;
 -moz-border-radius:100px;
 border-radius:100px;
 padding:0px;
 position:relative;
 overflow:true;
 display:block;
}
    .bh_recent_comments li span{color: #FFFFFF;
 display: block;
 font-size: 11px;
 font-style: italic;
 line-height: 1.4;
}
.commentNavi {
 clear: both;
 padding: 5px 0;
 display:inline-block;
 width:100%;
}
.commentNavi a, .commentNavi span.current {
 font-size:11px !important;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 7,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 50,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=4"></script>




-=- ওয়েড গেট নাম্বার ৩  ঃ





<style type="text/css">
ul.bh_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bh_recent_comments li {
    background: none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.bh_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.bh_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.bh_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}

.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    -moz-transform: scale(1.2) translate(15px);
    -ms-transform: scale(1.2) translate(15px);
    -o-transform: scale(1.2) translate(15px);
    transform: scale(1.2) translate(15px);
    box-shadow: 0 0 20px 1px #aaa;
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>



-=- ওয়েড গেট নাম্বার ৪  ঃ




<style type="text/css">
ul.bh_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bh_recent_comments li {
    background: none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.bh_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.bh_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.bh_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}


.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    border: 2px Solid #1BA1E2;
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>


* আশাকরি এতো খনে কোন টি আপনার ব্লগে যুক্ত করবেন তা পছন্দ করে ফেলেছেন তাহলে আর দেরি না করে দেখে নিন কিভাবে আপনার পছন্দের টা আপনার ব্লগে যুক্ত করবেন । 
-==-===-===-===-====-===-



১) আপনার ব্লগার ব্লগ লগ অন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন তারপর Add a Gadget এ ক্লিক করুন । নীচের চিত্রে দেখুন । 




২) এবার যে বক্স ওপেন হবে সেখান থেকে HTML/JavaScript এ ক্লিক করুন । নীচের চিত্রে দেখুন । 



৩) এবার একটি বক্স ওপেন হবে সেখানে Title ঘর ফাকা রেখে Content ঘরে উপরের যেটি পছন্দ সেই কোডটি কপি করে পেস্ট করুন । নীচের চিত্রে দেখুন । 



* আশাকরি আপনাদের বুজতে কোন অসুবিধা হবে না তাও যদি কেউ কোন রকম সমস্যার সমখিন হন তাহলে আমাকে নির্দ্বিধাই কমেন্ট করে জানাতে পারেন । 

* তাহলে আজকের মতো এই পর্যন্ত এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । আল্লাহ্‌ হাফেজ । 








COMMENTS

নাম

অনলাইন ইনকাম,11,অন্যান্য,13,অ্যাডসেন্স,4,অ্যান্টিভাইরাস,6,আইটি নিউজ,11,আলেক্সা,6,ইন্টারনেট,63,ইসলামিক,8,উইন্ডোজ,35,উইন্ডোজ ১০,3,উবুটু,1,এইচটিএমএল,60,এনড্রয়েড,56,ওয়ার্ডপ্রেস,11,ওয়ালপেপার,12,ওয়েডগেট,77,ওয়েব ব্রাউজার,7,ওয়েব হোস্টিং,1,কবিতা,1,ক্র্যাক,18,খবর,3,গুগল অ্যাডসেন্স,2,গেম,8,টিপস অ্যান্ড ট্রিকস,121,টেম্পেলেট,53,ডাউনলোড,74,নোটিফিকেশন,1,পিসি টিপস,14,পোর্টবেল,3,ফীডবার্নার,4,ফেসবুক,29,ফ্রীলান্সিং,1,বাংলা ইবুক,11,বিনোদন,8,ব্লগার,419,ব্লগার টিপস,194,মিডিয়া,1,মিডিয়া প্লেয়ার,1,মুভি,2,সফটওয়্যার,16,CSS ( সিএসএস ),8,Mp3 গান,1,SEO,27,WhatsApp,2,
ltr
item
এসো বন্ধু: আপনার ব্লগার ব্লগে যুক্ত করে নিন চার টি অসাধারন RECENT COMMENT ওয়েডগেট । ভাল কাগবে ১০০% ।
আপনার ব্লগার ব্লগে যুক্ত করে নিন চার টি অসাধারন RECENT COMMENT ওয়েডগেট । ভাল কাগবে ১০০% ।
http://3.bp.blogspot.com/-NIV5KifUxL4/Ub_woO1QmEI/AAAAAAAABoQ/ApqQ1wB0el8/s1600/blogger_256+copy.png
http://3.bp.blogspot.com/-NIV5KifUxL4/Ub_woO1QmEI/AAAAAAAABoQ/ApqQ1wB0el8/s72-c/blogger_256+copy.png
এসো বন্ধু
http://www.esobondhu.com/2013/06/recent-comment.html
http://www.esobondhu.com/
http://www.esobondhu.com/
http://www.esobondhu.com/2013/06/recent-comment.html
true
8212991989234450027
UTF-8
Loaded All Posts Not found any posts আরও দেখুন বিস্তারিত পড়ুন Reply Cancel reply Delete By মূল পাতা PAGES POSTS View All আরও কিছু পোস্ট ARCHIVE সার্চ করুন সকল পোস্ট সমূহ Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy