Hero Content

The free blogger template uses the latest version of Bootstrap 5.3

See All

Popular Posts

These are the most visited articles because they contain useful information or resources, you will probably find something that will help you in development.

Webkit Newslatter Blogger Fullpage

This template features a popular post widget on the main page after the hero. The reason is to attract visitors to read popular articles whil…

How to Install the Bstrap Blogger Template

Here are the general steps for using a template on blogger How to use First, log in to your Google Blogger account Go to the theme page …

blogger CSS javascript

Install Bstrap Template Blogger

Here are the general steps for using a template on blogger How to use First, log in to your Google Blogger account Go to the theme page …

System Comment for Bstrap Template

Here are the general steps for using a template on blogger How to use First, log in to your Google Blogger account Go to the theme page …

All Style, Text and Writing Formats and Other Additional Features

Please note that some styles can be used directly in 'Writing view' mode and some can only be used in 'HTML View' mode but we still t…

blogger bootstrap

All Style, Text and Writing Formats and Other Additional Features

Next is to customize the Bootstrap theme according to your needs. For a guide to each section, please see other posts on this blog Here are the g…

Latest Posts

Here you will find innovative content created from ideas or suggestions contributed by the community, along with my own vision and creativity. View all

How to Install the Bstrap Blogger Template

How to Install the Bstrap Blogger Template

Here are the general steps for using a template on blogger How to use First, log in to your Google Blogger account Go to the theme page …

All Style, Text and Writing Formats and Other Additional Features

All Style, Text and Writing Formats and Other Additional Features

Please note that some styles can be used directly in 'Writing view' mode and some can only be used in 'HTML View' mode but we still t…

Widget Label for Bstrap

Widget Label for Bstrap

This template features a popular post widget on the main page after the hero. The reason is to attract visitors to read popular articles whil…

Populer Post for Bstrap Template Blogger

The navigation menu is available in two versions, namely main navigation and boostrap offcanvas style navigation. Open the Blogger HTML editor …

Ad unit for Bstrap Template

Ad unit for Bstrap Template

This template features a popular post widget on the main page after the hero. The reason is to attract visitors to read popular articles whil…

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1601900224-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4XfX7oVAOucVaNgj9B9-WLAzBzGg:1761312990233';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7856664781383005257','//bstraptemplate.blogspot.com/','7856664781383005257');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7856664781383005257', 'title': 'Bootstrap', 'url': 'https://bstraptemplate.blogspot.com/', 'canonicalUrl': 'https://bstraptemplate.blogspot.com/', 'homepageUrl': 'https://bstraptemplate.blogspot.com/', 'searchUrl': 'https://bstraptemplate.blogspot.com/search', 'canonicalHomepageUrl': 'https://bstraptemplate.blogspot.com/', 'blogspotFaviconUrl': 'https://bstraptemplate.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, '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\x22Bootstrap - Atom\x22 href\x3d\x22https://bstraptemplate.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Bootstrap - RSS\x22 href\x3d\x22https://bstraptemplate.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bootstrap - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7856664781383005257/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/13065328668432973837\x22 /\x3e\n', '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/393826d54b197e14', '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': 'index', 'pageName': '', 'pageTitle': 'Bootstrap', 'metaDescription': 'The free blogger template uses the latest version of Bootstrap 5.3'}}, {'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': 'Bootstrap', 'description': 'The free blogger template uses the latest version of Bootstrap 5.3', 'url': 'https://bstraptemplate.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'Bootstrap (Header)', 'type': 'Header', 'sectionId': 'header-logo', 'id': 'Header1'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'header-menu', 'id': 'HTML000'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'header-social', 'id': 'LinkList002'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'header-until', 'id': 'TextList000'}, {'title': 'Hero Banner', 'type': 'HTML', 'sectionId': 'header-hero', 'id': 'HTML4'}, {'title': 'Card profile', 'type': 'HTML', 'sectionId': 'nobel-wrapper', 'id': 'HTML66'}, {'title': 'Category', 'type': 'LinkList', 'sectionId': 'nobel-wrapper', 'id': 'LinkList001'}, {'title': 'Try \x27Media Sosial\x27', 'type': 'BlogSearch', 'sectionId': 'search', 'id': 'BlogSearch1'}, {'title': 'Search Suggest', 'type': 'HTML', 'sectionId': 'search', 'id': 'HTML98'}, {'title': 'Breaking News', 'type': 'PopularPosts', 'sectionId': 'search', 'id': 'PopularPosts51', 'posts': [{'title': 'Webkit Newslatter Blogger Fullpage', 'id': 2111833650793553072}, {'title': 'Install Bstrap Template Blogger', 'id': 6924132663923609229}, {'title': 'Widget Label for Bstrap', 'id': 7071673174537138838}, {'title': 'All Style, Text and Writing Formats and Other Additional Features', 'id': 159587648563990368}, {'title': 'How to Install the Bstrap Blogger Template', 'id': 2285313047107250778}, {'title': 'All Style, Text and Writing Formats and Other Additional Features', 'id': 2289249523505726689}, {'title': 'Populer Post for Bstrap Template Blogger', 'id': 6714954769253805916}, {'title': 'Ad unit for Bstrap Template', 'id': 566088808563038083}, {'title': 'System Comment for Bstrap Template', 'id': 8598392226400808056}, {'title': 'How to Instal Bstraptemplate Blogger', 'id': 2383049282981278637}]}, {'title': 'Under header ad', 'type': 'HTML', 'sectionId': 'horizontal-ad', 'id': 'HTML91'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'main-upper', 'id': 'PopularPosts11', 'posts': [{'title': 'Webkit Newslatter Blogger Fullpage', 'id': 2111833650793553072}, {'title': 'How to Install the Bstrap Blogger Template', 'id': 2285313047107250778}, {'title': 'Install Bstrap Template Blogger', 'id': 6924132663923609229}, {'title': 'System Comment for Bstrap Template', 'id': 8598392226400808056}, {'title': 'All Style, Text and Writing Formats and Other Additional Features', 'id': 159587648563990368}, {'title': 'All Style, Text and Writing Formats and Other Additional Features', 'id': 2289249523505726689}]}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'content', 'id': 'Blog1', 'posts': [{'id': '2285313047107250778', 'title': 'How to Install the Bstrap Blogger Template', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9KfSNcJDU0VYlS7JAgy0L8aev9NgikYNV6XHh91um0VvgjDGcxn35gbcsR6SuyzVl-6-IZDEEUXSJv6nHE3FO8c8JOZ2aNiQhkfbMjhU62RmoVKm7tezs7pXil3SjOAZRybJsooe-uQGoCCkLUZyQ5_hx24A_TrUKCSgV7RrlKzUH-Ua6n0wp-VIu/s900-rw-l80-e30/bstrap%20instal.png', 'showInlineAds': false}, {'id': '159587648563990368', 'title': 'All Style, Text and Writing Formats and Other Additional Features', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOqddiW9fogqLvTL9F8ktmxEB04tS4ht_jlyqIpBVtKbrI-4wpRWQnADeX3Yjj7RQiL6QV5sGIIOUg7qo5Z8DnhZgkt2dkU7TTLj7ntLxhGdsptCdUnGSRWTMgHUB7Mp8EO4MI6ycZDFnFqsmPxb0EIAuwhlHQtmhh4N3KBUm_A0uVcOM1-dJfdXlP/s900-rw-l80-e30/bstrap%20populer%20post%20main%20page.png', 'showInlineAds': false}, {'id': '7071673174537138838', 'title': 'Widget Label for Bstrap', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOqddiW9fogqLvTL9F8ktmxEB04tS4ht_jlyqIpBVtKbrI-4wpRWQnADeX3Yjj7RQiL6QV5sGIIOUg7qo5Z8DnhZgkt2dkU7TTLj7ntLxhGdsptCdUnGSRWTMgHUB7Mp8EO4MI6ycZDFnFqsmPxb0EIAuwhlHQtmhh4N3KBUm_A0uVcOM1-dJfdXlP/s900-rw-l80-e30/bstrap%20populer%20post%20main%20page.png', 'showInlineAds': false}, {'id': '6714954769253805916', 'title': 'Populer Post for Bstrap Template Blogger', 'showInlineAds': false}, {'id': '566088808563038083', 'title': 'Ad unit for Bstrap Template', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOqddiW9fogqLvTL9F8ktmxEB04tS4ht_jlyqIpBVtKbrI-4wpRWQnADeX3Yjj7RQiL6QV5sGIIOUg7qo5Z8DnhZgkt2dkU7TTLj7ntLxhGdsptCdUnGSRWTMgHUB7Mp8EO4MI6ycZDFnFqsmPxb0EIAuwhlHQtmhh4N3KBUm_A0uVcOM1-dJfdXlP/s900-rw-l80-e30/bstrap%20populer%20post%20main%20page.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'at'}, {'name': 'comments', 'label': 'comments'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'at'}, {'name': 'comments', 'label': 'comments'}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': 'News with coffee', 'type': 'LinkList', 'sectionId': 'main-lower', 'id': 'LinkList1'}, {'title': 'Pinned Post', 'type': 'FeaturedPost', 'sectionId': 'sidebar', 'id': 'FeaturedPost1', 'postId': '8598392226400808056'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidebar', 'id': 'Label11'}, {'title': 'Trending', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts12', 'posts': [{'title': 'Webkit Newslatter Blogger Fullpage', 'id': 2111833650793553072}, {'title': 'Install Bstrap Template Blogger', 'id': 6924132663923609229}, {'title': 'Widget Label for Bstrap', 'id': 7071673174537138838}, {'title': 'All Style, Text and Writing Formats and Other Additional Features', 'id': 159587648563990368}, {'title': 'How to Install the Bstrap Blogger Template', 'id': 2285313047107250778}]}, {'title': 'Toc (Table of content)', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML21'}, {'title': 'Sticky ad placement(desktop only)', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML95'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'footer-social', 'id': 'LinkList026'}, {'title': 'Protected by DMCA', 'type': 'HTML', 'sectionId': 'footer-widget-1', 'id': 'HTML1'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget-2', 'id': 'LinkList2'}, {'title': 'Product \x26amp; Service', 'type': 'LinkList', 'sectionId': 'footer-widget-3', 'id': 'LinkList3'}, {'title': 'Support', 'type': 'LinkList', 'sectionId': 'footer-widget-4', 'id': 'LinkList4'}, {'title': 'Another link', 'type': 'LinkList', 'sectionId': 'footer-widget-5', 'id': 'LinkList5'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML06'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML000', 'header-menu', document.getElementById('HTML000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList002', 'header-social', document.getElementById('LinkList002'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList000', 'header-until', document.getElementById('TextList000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'header-hero', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML66', 'nobel-wrapper', document.getElementById('HTML66'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList001', 'nobel-wrapper', document.getElementById('LinkList001'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML98', 'search', document.getElementById('HTML98'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts51', 'search', document.getElementById('PopularPosts51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'horizontal-ad', document.getElementById('HTML91'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts11', 'main-upper', document.getElementById('PopularPosts11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'content', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/6096503-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'main-lower', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'sidebar', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label11', 'sidebar', document.getElementById('Label11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts12', 'sidebar', document.getElementById('PopularPosts12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sidebar-sticky', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML95', 'sidebar-sticky', document.getElementById('HTML95'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList026', 'footer-social', document.getElementById('LinkList026'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-widget-1', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-widget-2', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer-widget-3', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'footer-widget-4', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'footer-widget-5', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML06', 'copyright', document.getElementById('HTML06'), {}, 'displayModeFull'));
</script>
</body>