New Blogger / Blogspot Recent Commented By Widget Only Profile Picture

<script type="text/javascript">

function smsudipbdcmts(json) {

document.write('<ul class="smsudipbdcmts">');

for (var i = 0; i < ListCount; i++)

{

//################### Variables Declared

var listing= ListImage = ListUrl = TotalPosts = ListImage = ListAuthor = ListProfile = thumbUrl = sk =  "";

//################### URL

for (var j = 0; j < json.feed.entry[i].link.length; j++) {

      if (json.feed.entry[i].link[j].rel == 'alternate') {

        break;

      }

    }

if(json.feed.entry[i].link[2] != null)

{

ListUrl= "'" + json.feed.entry[i].link[j].href + "'";

}

else

{ListUrl = "'#'"}

//################### Info

TotalPosts = json.feed.openSearch$totalResults.$t;

ListAuthor= json.feed.entry[i].author[0].name.$t;

var ListAuth = ListAuthor.split(" ");

var ListAuth = ListAuth.slice(0, 1).join(" ");

ListProfile= "'" + json.feed.entry[i].author[0].uri.$t + "'";

//################### Thumbnail Check

if (json.feed.entry[i].author)

{

thumbUrl = json.feed.entry[i].author[0].gd$image.src;

sk= thumbUrl.replace("/s72-c/","/s60-c/");

ListImage= "'" + sk + "'";

}

else

{

ListImage= "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekADJq8nnVIqZykgIgQ4nzzXlWR5HapDyoAmz7lATpFlwFKNgMzJz96aqELJ9QIt_b0rieEntJChGt4v4kNVJmvhFUmCCVRPdQGYc7pFePr6aPxSncbViHGQ1IHdBjlR7_DrNCJ1NscQ/s200/Icon.png'";

}

//################### Printing List

var listing = "<li class='node"+[i]+"' ><a rel='nofollow' href="

+ListUrl+

  " title="+ListAuthor+"><img src="

+ListImage+

"/></a></li>";

document.write(listing);

}

document.write('</ul>');

}

</script>

<script>

var ListCount = 5;

var ChrCount = 90;

</script>

<script src="/feeds/comments/default?alt=json-in-script&callback=smsudipbdcmts"></script>

#HTML5 ul {

    display: flex;

    list-style: none;

    border: 1px solid #ddd;

    padding: 10px;

    text-align: center;

    align-items: center;

    justify-content: center;

}

#HTML5 ul li img  {

    width: 30px;

    height: 30px;

    margin: 2px;

    border: 4px double #000;

    border-radius: 100%;

}

</style>

এর পর সেভ করুন। এখন আপনার সাইট টি ভিসিট করে দেখুন।

কোন রুপ সমস্যা হল , কমেন্ট বক্সে কমেন্ট করে জানাবেন।

আজকের টিউন এখানেই শেষ করতেছি। ভাল থাকবেন। টাটা।