HTML Generator (Link List & Product)

Read: How to Configure HTML Generator Features (Link List & Product)

Link List

YouTube Frame

Code Result

The result of this generator code should be pasted into the widget titled Link List.

Output Generate HTML

Product List

Code Result

The result of this generator code should be pasted into the widget titled Product List.

Output Generate HTML

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2806328968-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7mn89nOK7eIVt_pJ3hY52JU0YtGQ:1744020659500';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7835072219815246897','//onelink.gilatemax.com/p/html-generator-link-list-product.html','7835072219815246897');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7835072219815246897', 'title': 'OneLink - Your Digital Gateway in a Single Link', 'url': 'https://onelink.gilatemax.com/p/html-generator-link-list-product.html', 'canonicalUrl': 'https://onelink.gilatemax.com/p/html-generator-link-list-product.html', 'homepageUrl': 'https://onelink.gilatemax.com/', 'searchUrl': 'https://onelink.gilatemax.com/search', 'canonicalHomepageUrl': 'https://onelink.gilatemax.com/', 'blogspotFaviconUrl': 'https://onelink.gilatemax.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22OneLink - Your Digital Gateway in a Single Link - Atom\x22 href\x3d\x22https://onelink.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22OneLink - Your Digital Gateway in a Single Link - RSS\x22 href\x3d\x22https://onelink.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22OneLink - Your Digital Gateway in a Single Link - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7835072219815246897/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/2c423cb85ff27b65', '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': false, 'jumpLinkMessage': 'Read more', 'pageType': 'static_page', 'pageId': '8208468389812878086', 'pageName': 'HTML Generator (Link List \x26 Product)', 'pageTitle': 'OneLink - Your Digital Gateway in a Single Link: HTML Generator (Link List \x26 Product)', 'metaDescription': ''}}, {'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': 'HTML Generator (Link List \x26 Product)', 'description': 'Minimalist bio link theme for creators, businesses, and individuals. Gather all your links in one easily accessible and customizable page.', 'url': 'https://onelink.gilatemax.com/p/html-generator-link-list-product.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 8208468389812878086}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML999'}, {'title': 'Share Link', 'type': 'HTML', 'sectionId': 'top_bar', 'id': 'HTML1'}, {'title': 'OneLink', 'type': 'Image', 'sectionId': 'profile', 'id': 'Image1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'social_media', 'id': 'LinkList2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'tab_navigation', 'id': 'LinkList1'}, {'title': '', 'type': 'HTML', 'sectionId': 'link_list', 'id': 'HTML2'}, {'title': '', 'type': 'HTML', 'sectionId': 'product_list', 'id': 'HTML3'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML6'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '8208468389812878086', 'title': 'HTML Generator (Link List \x26 Product)', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'labels', 'label': ''}]}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML111'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads1', 'id': 'HTML112'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML113'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads2', 'id': 'HTML114'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML115'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'multiplex_ads1', 'id': 'HTML116'}, {'title': 'Trending', 'type': 'PopularPosts', 'sectionId': 'additional_widget', 'id': 'PopularPosts1', 'posts': [{'title': 'What\u2019s new in the M3 design kit', 'id': 1772464931589902798}, {'title': 'How to Configure HTML Generator Features (Link List \x26 Product)', 'id': 8799902934687792914}, {'title': 'Material Design 3 for Compose version 1.3', 'id': 5965342003277223785}, {'title': 'Material Design Components for Android 1.9.0', 'id': 4625538236839284855}, {'title': 'An updated theming experience with Material Theme Builder 2.0', 'id': 4214270700936422289}]}, {'title': 'Label', 'type': 'Label', 'sectionId': 'additional_widget', 'id': 'Label1'}, {'title': 'Advertisement (Left)', 'type': 'HTML', 'sectionId': 'skyscraper_ads', 'id': 'HTML898'}, {'title': 'Advertisement (Right)', 'type': 'HTML', 'sectionId': 'skyscraper_ads', 'id': 'HTML899'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'floating_ads', 'id': 'HTML900'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget', 'id': 'LinkList3'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget', 'id': 'HTML4'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'settings', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'top_bar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'profile', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'social_media', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'tab_navigation', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'link_list', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'product_list', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'billboard_ads', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML111', 'top_ads', document.getElementById('HTML111'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML112', 'middle_ads1', document.getElementById('HTML112'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML113', 'parallax_ads', document.getElementById('HTML113'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML114', 'middle_ads2', document.getElementById('HTML114'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML115', 'bottom_ads', document.getElementById('HTML115'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML116', 'multiplex_ads1', document.getElementById('HTML116'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'additional_widget', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'additional_widget', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML898', 'skyscraper_ads', document.getElementById('HTML898'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML899', 'skyscraper_ads', document.getElementById('HTML899'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML900', 'floating_ads', document.getElementById('HTML900'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer_widget', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'footer_widget', document.getElementById('HTML4'), {}, 'displayModeFull'));
</script>
</body>

HTML Generator (Link List & Product)

Link List

YouTube Frame

Code Result

Product List

Code Result

What’s new in the M3 design kit

How to Configure HTML Generator Features (Link List & Product)

Material Design 3 for Compose version 1.3

Material Design Components for Android 1.9.0

An updated theming experience with Material Theme Builder 2.0