Setup Scritp
From you Blogger Site go to Layout > Add a Gadget > HTML/JavaScript and add the code below. Change the value for own customization.<script>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
</script>
<script src="https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MQ3g0SjREeTczLTA"></script> <script src="/feeds/posts/default/-/featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
</script>
<script src="https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MQ3g0SjREeTczLTA"></script> <script src="/feeds/posts/default/-/featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Customize Style
Then add the code below if you want to customize style. Change the CSS class style for own customization.<style>
img.label_thumb{ }
img.label_thumb:hover{ }
.label_with_thumbs{ }
.label_with_thumbs a{ }
.label_with_thumbs a:hover{ }
#mdjumplink{ }
#mdjumplink:hover{ }
#mdjumplink a{ }
#mdjumplink a:hover{ }
#mdcomments{ }
#mdcomments:hover{ }
</style>
img.label_thumb{ }
img.label_thumb:hover{ }
.label_with_thumbs{ }
.label_with_thumbs a{ }
.label_with_thumbs a:hover{ }
#mdjumplink{ }
#mdjumplink:hover{ }
#mdjumplink a{ }
#mdjumplink a:hover{ }
#mdcomments{ }
#mdcomments:hover{ }
</style>