<style>/*<!--<head>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2059347577744616049&zx=10da6a6d-4f46-4cad-b044-891a8d240f29' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2059347577744616049&zx=10da6a6d-4f46-4cad-b044-891a8d240f29' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1633184471074840&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-1633184471074840 -->

</head>--></head><body class='is-post is-single single-id-980421721550323663' data-lang='default' data-theme='default' id='nB'>*/</style>

ANUTRICKZ

Javascript Blog post thumbnail generator tool

The Thumbnail Generator Tool functions to create thumbnails for your blog posts. Where you no longer need software to edit every thumbnail post you ne

Javascript Blog post thumbnail generator tool

Anupam December 23, 2022 - 1 min read

Javascript Blog post thumbnail generator tool

The Thumbnail Generator Tool functions to create thumbnails for your blog posts. Where you no longer need software to edit every thumbnail post you need. All you have to do is fill out a form such as a blog label, blog title, author, blog name and upload a photo related to the blog title.

For the CSS code, if the display looks messy, you can change width: calc(100% - x) to width: 100%, except for the .title-container selector

Demo Download source

Thus the tutorial about Blog Post Thumbnail Generator Tools , I hope this is useful.

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2725212210-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5uNFqidJN_7E6pfiFVwrE5XaGtfg:1741280999127';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2059347577744616049','//anutrickz.blogspot.com/2022/12/thumbnail-generator-tool-script.html','2059347577744616049');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2059347577744616049', 'title': 'ANUTRICKZ', 'url': 'https://anutrickz.blogspot.com/2022/12/thumbnail-generator-tool-script.html', 'canonicalUrl': 'https://anutrickz.blogspot.com/2022/12/thumbnail-generator-tool-script.html', 'homepageUrl': 'https://anutrickz.blogspot.com/', 'searchUrl': 'https://anutrickz.blogspot.com/search', 'canonicalHomepageUrl': 'https://anutrickz.blogspot.com/', 'blogspotFaviconUrl': 'https://anutrickz.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-TS2WXBJ1XV', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ANUTRICKZ - Atom\x22 href\x3d\x22https://anutrickz.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22ANUTRICKZ - RSS\x22 href\x3d\x22https://anutrickz.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ANUTRICKZ - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2059347577744616049/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ANUTRICKZ - Atom\x22 href\x3d\x22https://anutrickz.blogspot.com/feeds/980421721550323663/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1633184471074840', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/be2648012a8fc17b', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Continue Reading \xbb', 'pageType': 'item', 'postId': '980421721550323663', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJOXMrRgWLnK1Y5MITYGIflSBn2sw8-S2SAieMWg4Ud8z_y-jJ0HY6VQn1kwMrypJtJmetZmKC3LujwMhTuIVJzhcZgk9hkE4B1YCwOnP4zg0Ir3q1-RLoIKlcCIYKza2hdJfaBj_B_IYzeTPuzovc_eiFRymU8-IDRsNhn29KduZXJninukH5BEnX/s72-w640-c-h360/thumbnail%20generator.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJOXMrRgWLnK1Y5MITYGIflSBn2sw8-S2SAieMWg4Ud8z_y-jJ0HY6VQn1kwMrypJtJmetZmKC3LujwMhTuIVJzhcZgk9hkE4B1YCwOnP4zg0Ir3q1-RLoIKlcCIYKza2hdJfaBj_B_IYzeTPuzovc_eiFRymU8-IDRsNhn29KduZXJninukH5BEnX/w640-h360/thumbnail%20generator.png', 'pageName': 'Javascript Blog post thumbnail generator tool', 'pageTitle': 'ANUTRICKZ: Javascript Blog post thumbnail generator tool', 'metaDescription': 'The Thumbnail Generator Tool functions to create thumbnails for your blog posts. Where you no longer need software to edit every thumbnail post you ne'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Javascript Blog post thumbnail generator tool', 'description': 'The Thumbnail Generator Tool functions to create thumbnails for your blog posts. Where you no longer need software to edit every thumbnail post you ne', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJOXMrRgWLnK1Y5MITYGIflSBn2sw8-S2SAieMWg4Ud8z_y-jJ0HY6VQn1kwMrypJtJmetZmKC3LujwMhTuIVJzhcZgk9hkE4B1YCwOnP4zg0Ir3q1-RLoIKlcCIYKza2hdJfaBj_B_IYzeTPuzovc_eiFRymU8-IDRsNhn29KduZXJninukH5BEnX/w640-h360/thumbnail%20generator.png', 'url': 'https://anutrickz.blogspot.com/2022/12/thumbnail-generator-tool-script.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 980421721550323663}}, {'name': 'widgets', 'data': [{'title': 'ANUTRICKZ (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'content', 'id': 'Blog1', 'posts': [{'id': '980421721550323663', 'title': 'Javascript Blog post thumbnail generator tool', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJOXMrRgWLnK1Y5MITYGIflSBn2sw8-S2SAieMWg4Ud8z_y-jJ0HY6VQn1kwMrypJtJmetZmKC3LujwMhTuIVJzhcZgk9hkE4B1YCwOnP4zg0Ir3q1-RLoIKlcCIYKza2hdJfaBj_B_IYzeTPuzovc_eiFRymU8-IDRsNhn29KduZXJninukH5BEnX/w640-h360/thumbnail%20generator.png', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': ''}]}, {'title': 'Popular posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-section', 'id': 'PopularPosts2', 'posts': [{'title': 'How To Add Custom Google Translate Button On Your Website?', 'id': 5371994812086292964}, {'title': ' Anti Adblock Script for blogger | How to Add Adblock detection script [ 2022 ] ', 'id': 9130507176988353748}, {'title': '[ UPDATED ] How To Add Copy And Share Buttons In Blockquotes', 'id': 4111069201761851050}, {'title': 'How To Add Custom Google Translate Button On your Website?', 'id': 6486639804398665261}]}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'content', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'sidebar-section', document.getElementById('PopularPosts2'), {}, 'displayModeFull'));
</script>
</body>*/</style>