ব্লগারে কমেন্ট উইজেট যুক্ত করুন - How to add recent comment and public response widget on blogger

ব্লগারের কমেন্ট গুলোকে একত্রে ওয়ার্ডপ্রেসের মতো একটি উইজেটে যদি দেখানো যেতো তাহলে কেমন হতো? ব্লগারে কি এমন প্রফেশনাল ওয়েবসাইট বানানো সম্ভব? হ্যা সম্ভব! তাও আবার খুব সহজে। তার জন্য প্রথমে নিচের কোডটি কপি করুন।

<div class='recent-comments spinner load'>
  <ul class='comments'></ul>
  <input id='numcomments' type='hidden' value='0'/>
  <input id='allcomments' type='hidden' value=''/>
  <div class='loading spinner hidden'></div>
</div>
<script>//<![CDATA[
$(window).on('load', function() {
  setTimeout(function() {
    var numcomments = 5;
    $.ajax({
      type: 'GET',
      url: '/feeds/comments/summary',
      data: {
        'max-results': numcomments,
        'alt': 'json'
      },
      dataType: 'jsonp',
      jsonp: 'callback',
      jsonpCallback: 'getComments',
      success: function(e) {
        $('.recent-comments').removeClass('spinner').removeClass('load')
        var totalcomments = e.feed.openSearch$totalResults.$t
        $('#allcomments').attr('value', totalcomments)
        scroll = 1
        $('.recent-comments').scroll(function() {
          var a = $('.recent-comments').scrollTop(),
            b = parseInt($('.comments').height() - $('.recent-comments').height())
          if (a >= b) {
            if (scroll == 1) {
              scroll = 0
              $('.loading').removeClass('hidden')
              var items = Number($('#numcomments').val())
              items = items + numcomments
              if (items <= totalcomments) {
                setTimeout(function() {
                  $('#numcomments').val(items)
                  $.ajax({
                    type: 'GET',
                    url: '/feeds/comments/summary',
                    data: {
                      'max-results': numcomments,
                      'start-index': items + 1,
                      'alt': 'json'
                    },
                    dataType: 'jsonp',
                    jsonp: 'callback',
                    jsonpCallback: 'getComments',
                    success: function() {
                      scroll = 1
                      var lastcomments = items + numcomments;
                      if (lastcomments > totalcomments) {
                        $('.loading').addClass('hidden')
                      }
                    }
                  })
                }, 1000)
              } else {
                $('.loading').addClass('hidden')
              }
            }
          }
        })
      }
    })
  }, 2000)
})

তারপর Layout এ ক্লিক করুন