How to Add Manual Related Post Widget to Blog

How to Add Manual Related Post Widget to Blog

Manual Related Articles HTML code or Widget allows site owners to manually select and display related articles or posts alongside the main content. This feature is beneficial for enhancing user engagement, improving SEO, and providing readers with a curated selection of content that complements the main article. In this article, I’m going to give related post html code and css code widgets that works with all HTML websites and the one that works with UI template only. Let’s dive in. Related Post for HTML Below is an example of HTML code to create a simple “Manual Related Post” section. This code includes three related posts as examples, each with a title, image, and brief description. You can modify the structure and styling as needed to fit your website’s design. The CSS Style: <style> /* Basic styling for the Related Posts section */ .related-posts { max-width: 800px; margin: 0 auto; padding: 20px; font-family: Arial, sans-…

About the author

Temmy is the founder of Budgetrend. He is a seasoned journalist with extensive experience in business of technology, economy, finance, business, money, politics and education. He is currently studying Accounting at the Federal University of Oye-Ekit…

Post a Comment

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2422103421-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7OGaRLESgMJXKVit5XQZNgrwyyew:1754252304410';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d698402116367049363','//www.mainwave.xyz/2024/11/how-to-add-manual-related-post-widget.html?amp\x3d1','698402116367049363');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '698402116367049363', 'title': 'Mainwave', 'url': 'https://www.mainwave.xyz/2024/11/how-to-add-manual-related-post-widget.html?amp\x3d1', 'canonicalUrl': 'https://www.mainwave.xyz/2024/11/how-to-add-manual-related-post-widget.html', 'homepageUrl': 'https://www.mainwave.xyz/?amp\x3d1', 'searchUrl': 'https://www.mainwave.xyz/search', 'canonicalHomepageUrl': 'https://www.mainwave.xyz/', 'blogspotFaviconUrl': 'https://www.mainwave.xyz/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-706XDW3ZF9', 'analytics4': true, '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\x22Mainwave - Atom\x22 href\x3d\x22https://www.mainwave.xyz/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Mainwave - RSS\x22 href\x3d\x22https://www.mainwave.xyz/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mainwave - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/698402116367049363/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mainwave - Atom\x22 href\x3d\x22https://www.mainwave.xyz/feeds/8792573998202194013/comments/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/8063e825842ed3ac', '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': 'item', 'postId': '8792573998202194013', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94zvmfMEcjm8NHVAmsPTBVQD0BMNL8nvJLv5askIm30kRMAtfsYFjggw-FprAF5ljnY0M0e7Abbgd8zhUogBDzLtSCKBFiYU7cdeIEo7TAA9ZuNk0OdLVfiRsQRtBo5d84h71yr2OmiZbrVdTaX5-p8SC4EpCo1CaLvPFXQn6oDS_41XuX0didJjR8NE/s72-c-rw/manual-related-post.webp', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94zvmfMEcjm8NHVAmsPTBVQD0BMNL8nvJLv5askIm30kRMAtfsYFjggw-FprAF5ljnY0M0e7Abbgd8zhUogBDzLtSCKBFiYU7cdeIEo7TAA9ZuNk0OdLVfiRsQRtBo5d84h71yr2OmiZbrVdTaX5-p8SC4EpCo1CaLvPFXQn6oDS_41XuX0didJjR8NE/s973-rw/manual-related-post.webp', 'pageName': 'How to Add Manual Related Post Widget to Blog', 'pageTitle': 'Mainwave: How to Add Manual Related Post Widget to Blog', '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': 'How to Add Manual Related Post Widget to Blog', 'description': 'Mainwave is is an informative website that keeps you informed and updated with expert insights on business of tech, economy, business and finance.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94zvmfMEcjm8NHVAmsPTBVQD0BMNL8nvJLv5askIm30kRMAtfsYFjggw-FprAF5ljnY0M0e7Abbgd8zhUogBDzLtSCKBFiYU7cdeIEo7TAA9ZuNk0OdLVfiRsQRtBo5d84h71yr2OmiZbrVdTaX5-p8SC4EpCo1CaLvPFXQn6oDS_41XuX0didJjR8NE/s973-rw/manual-related-post.webp', 'url': 'https://www.mainwave.xyz/2024/11/how-to-add-manual-related-post-widget.html?amp\x3d1', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8792573998202194013}}, {'name': 'widgets', 'data': [{'title': 'Mainwave (Header)', 'type': 'Header', 'sectionId': 'sec_Header_Title', 'id': 'Header01'}, {'title': 'Looking for something?', 'type': 'BlogSearch', 'sectionId': 'sec_Header_Search', 'id': 'BlogSearch01'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'sec_Header_Icon', 'id': 'TextList01'}, {'title': 'Bookmark Posts', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList02'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'sec_Nav_Widgets_1', 'id': 'HTML01'}, {'title': 'Additional Links', 'type': 'PageList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'PageList02'}, {'title': 'Social Links', 'type': 'LinkList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'LinkList04'}, {'title': 'Labels Description', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList07'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'sec_Main_Widgets', 'id': 'Blog01', 'posts': [{'id': '8792573998202194013', 'title': 'How to Add Manual Related Post Widget to Blog', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94zvmfMEcjm8NHVAmsPTBVQD0BMNL8nvJLv5askIm30kRMAtfsYFjggw-FprAF5ljnY0M0e7Abbgd8zhUogBDzLtSCKBFiYU7cdeIEo7TAA9ZuNk0OdLVfiRsQRtBo5d84h71yr2OmiZbrVdTaX5-p8SC4EpCo1CaLvPFXQn6oDS_41XuX0didJjR8NE/s973-rw/manual-related-post.webp', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'sec_Main_Widgets', 'id': 'HTML11'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sec_Side_Widgets', 'id': 'PopularPosts01', 'posts': [{'title': 'Google Launches New Video Player to Drive', 'id': 5847158300932407281}, {'title': 'SoftBank Plans to Launch $1 Trillion AI and Robotics Industrial Complex in Arizona', 'id': 3535742547444706943}, {'title': 'How to Order Ride on Waymo as a Teenager', 'id': 8454782812899988395}, {'title': 'How to Use DNS to Access More Contents on Smart TV', 'id': 4292598944572994327}, {'title': 'Why Musk\u2019s xAI Working to Remove Grok\u2019s \u2018Inappropriate\u2019 Chat Posts', 'id': 2981265245360344191}, {'title': 'Grok 4 is smarter than almost all graduate students in all disciplines simultaneously\u2014Elon Musk', 'id': 6143398985966430535}, {'title': 'Telegram Founder Pavel Durov to Distribute His Fortune To Over 100 Children He Fathered', 'id': 6730424883370502140}, {'title': 'What is Spotify HiFI and how does it works', 'id': 4628206634607468328}, {'title': 'Meta-owned WhatsApp Now Support Bitcoin through Sati Wallet', 'id': 7929640181966454627}, {'title': 'How to watch the Microsoft Build 2025 keynote', 'id': 672337073911320373}]}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'sec_Error_404', 'id': 'HTML404'}, {'title': 'Organization [BlogTitle]', 'type': 'Image', 'sectionId': 'sec_Footer_Organization', 'id': 'Image21'}, {'title': 'Social Media Links', 'type': 'LinkList', 'sectionId': 'sec_Footer_Organization', 'id': 'LinkList21'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'sec_Footer_Bottom', 'id': 'HTML21'}, {'title': 'Mobile Menu', 'type': 'TextList', 'sectionId': 'sec_Mobile_Menu', 'id': 'TextList99'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Theme_Hidden', 'id': 'Label41'}, {'title': '\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09ab\u09b0\u09cd\u09ae', 'type': 'ContactForm', 'sectionId': 'sec_Theme_Hidden', 'id': 'ContactForm41'}, {'title': 'Pageviews last month', 'type': 'Stats', 'sectionId': 'sec_Theme_Hidden', 'id': 'Stats41'}, {'title': 'Cookie Consent [NoTitle]', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList63'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header01', 'sec_Header_Title', document.getElementById('Header01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch01', 'sec_Header_Search', document.getElementById('BlogSearch01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList01', 'sec_Header_Icon', document.getElementById('TextList01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList02', 'sec_Header_Icon', document.getElementById('LinkList02'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML01', 'sec_Nav_Widgets_1', document.getElementById('HTML01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList02', 'sec_Nav_Widgets_2', document.getElementById('PageList02'), {'title': 'Additional Links', 'links': [{'isCurrentPage': false, 'href': '/p/sitemap.html', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': 'https://www.mainwave.xyz/p/toc.html?amp\x3d1', 'id': '5261112518587878983', 'title': 'TOC'}, {'isCurrentPage': false, 'href': 'https://www.mainwave.xyz/p/dmca.html?amp\x3d1', 'id': '7707437117047777559', 'title': 'DMCA'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList04', 'sec_Nav_Widgets_2', document.getElementById('LinkList04'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList07', 'sec_Under_Header', document.getElementById('LinkList07'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog01', 'sec_Main_Widgets', document.getElementById('Blog01'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sec_Main_Widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts01', 'sec_Side_Widgets', document.getElementById('PopularPosts01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'sec_Error_404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image21', 'sec_Footer_Organization', document.getElementById('Image21'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList21', 'sec_Footer_Organization', document.getElementById('LinkList21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sec_Footer_Bottom', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'sec_Mobile_Menu', document.getElementById('TextList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label41', 'sec_Theme_Hidden', document.getElementById('Label41'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm41', 'sec_Theme_Hidden', document.getElementById('ContactForm41'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': '\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09ab\u09b0\u09cd\u09ae', 'blogId': '698402116367049363', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY6-f1nFZXrk_qB61zeUrEOiJqu13Q:1754252304411', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats41', 'sec_Theme_Hidden', document.getElementById('Stats41'), {'title': 'Pageviews last month', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//www.mainwave.xyz/b/stats?amp\x3d1\x26style\x3dBLACK_TRANSPARENT\x26timeRange\x3dLAST_WEEK\x26token\x3dAPq4FmBZPjRcOZnVJAIp7UmrtvVbm7IAx3_tm2nDhmKQSiBwKZATpZDa9WUgoruV4DYpq1sfw53tXyX-9X8g1JP2gMO7nVik9g'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList63', 'sec_Addon_Widgets', document.getElementById('LinkList63'), {}, 'displayModeFull'));
</script>
</body>