সর্বাধিক মন্তব্য ব্লগারে জন্য পোস্ট উইজেট মন্তব্য!

তোমাদের অধিকাংশই অনুরোধ কিভাবে আমরা সর্বাধিক মন্তব্য উইজেট যে Top10 সবচেয়ে জনপ্রিয় মন্তব্য বুদবুদ অনুসারে বাছাই করা পোস্ট এর তালিকা দেখায় নির্মিত. আপনি শিরোনাম "সর্বাধিক আলোচিত" অধীনে আমাদের পার্শ্বদন্ডে এই উইজেট দেখতে পারেন. আমরা কি এখানে করেনি পার্স এবং মন্তব্যের এটা পোস্ট এর সর্বোচ্চ সংখ্যা সঙ্গে প্রতিটি পোস্টের প্রদর্শন JSON ব্যবহার করে ইয়াহু পাইপ থেকে বিদ্যমান স্ক্রিপ্ট ব্যবহার ছিল. সিএসএস 3 ছদ্ম বৈশিষ্ট্য ব্যবহার করে, আমরা তখন মন্তব্য বুদবুদ সঙ্গে মন্তব্য গণনা স্টাইল. এই উইজেট কেবল একটি কপি-পেস্ট টুল যে সেকেন্ডের মধ্যে ইনস্টল করা যেতে পারে. আপনার ব্লগার ব্লগে এই গতিশীল এবং দ্রুত লোড উইজেট যোগ করতে দেয়!কিভাবে আমরা এই উইজেটের জন্য যে পটি শৈলী পটভূমি সৃষ্টি খুঁজছেন? তারপর এই চেষ্টা:

    ব্লগার এর জন্য ঝক্মকে রিবন পটভূমিগুলিএছাড়াও পরীক্ষা করুন:

    পড়ুন: স্বয়ংক্রিয় গণ্য বুদবুদ সঙ্গে সর্বাধিক জনপ্রিয় পোস্ট!যোগ সর্বাধিক ব্লগারে উইজেট মন্তব্য

    ব্লগার> লেআউট যান
    "একটি গ্যাজেট যুক্ত করুন" ক্লিক করুন
    এইচটিএমএল / জাভাস্ক্রিপ্ট উইজেট নির্বাচন করুন
    প্রতিলেপন এটা ভিতরে অনুসরণ কোড:

<style>
/* ######### Most Commented Widget by MBT ##########*/
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;

}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</style>

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.mybloggertricks.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

এইসব ছোট পরিবর্তন করুন:

     আপনার ব্লগ URL http://www.yourblog.com দিয়ে প্রতিস্থাপন
     কিভাবে অনেক পোস্ট শিরোনাম আপনি তালিকায় প্রদর্শন করতে ইচ্ছুক সঙ্গে এই 6 প্রতিস্থাপন ক্লিক করুন.
     মন্তব্য বুদবুদ পটভূমির রঙ পরিবর্তন করার জন্য, কেবল হলুদ আপনার কাস্টম রঙ সঙ্গে হেক্সাডেসিমেল কালার কোড (# 292D30) হাইলাইট প্রতিস্থাপন.
     মন্তব্য গণনা টেক্সট রঙ পরিবর্তন করতে #fff প্রতিস্থাপন ক্লিক করুন.
     যদি আপনি সীমানা রং প্রতিটি পোস্টের শিরোনাম নীচে প্রদর্শিত হবে পরিবর্তন করতে ইচ্ছুক #dedede প্রতিস্থাপন ক্লিক করুন. সীমান্ত-নীচে: আপনি প্রতিটি তালিকা আইটেম নিচে একটি সীমান্ত দেখাতে না চান তাহলে শুধু এই লাইন মুছে 1px ড্যাশ #dedede;

   5. সংরক্ষণ এবং আপনার সব সম্পন্ন করা হয়!

আপনার ব্লগ ভিজিট করুন এবং শৌখিন মন্তব্য বুদবুদ সঙ্গে Populat পোস্টগুলো একটি সুন্দর তালিকা দেখুন! :)

খবর বিভাগঃ ব্লগ টিপস

শেয়ার করুন