BlogKub Learning Center
Step-by-step guides for every feature of the Blogger theme builder. Learn how each block works and how to use it to build a blog that looks good and does real SEO.
All feature guides
Step-by-step guides for every BlogKub feature, 43 and growing.
All 8 BlogKub Blogger theme templates and how to choose the right one
An overview of BlogKub's 8 Blogger theme templates: Personal, Travel, Tech, Classic + Sidebar, Magazine, Company, Online Course, and Product Review, who each suits, what blocks and features they include, and how to choose the one that fits your site.
How to add a Back to Top button in Blogger
How to add a floating Back to Top button to a Blogger theme with BlogKub: it appears when readers scroll down, scrolls smoothly to the top, lets you pick the left or right side, stays lightweight, plus settings and fixes.
How to add a cookie consent bar in Blogger (PDPA and AdSense)
How to add a cookie consent bar to a Blogger theme with BlogKub: supports PDPA and AdSense, remembers acceptance, lets you edit the text and policy link, plus settings and fixes.
How to add a magazine-style dropcap in Blogger articles
How to add a dropcap (a large magazine-style first letter) to a Blogger theme with BlogKub: the system picks the real first paragraph automatically, you can choose an accent color or the normal text color, plus settings and fixes.
How to add a Newsletter signup box in a Blogger blog
How to add a Newsletter signup box (subscribe to new posts) to a Blogger theme with BlogKub: set the heading, subtext, button, and background, connect an email service, build a base of regular readers, plus settings and fixes.
How to add a reading progress bar in Blogger
How to add a reading progress bar at the top of the screen in a Blogger theme with BlogKub: adjust the height and color, light and does not affect speed, improves UX on long articles, plus settings and fixes.
How to add a search box in a Blogger blog
How to add a search box to a Blogger theme with BlogKub so readers can search posts on your site: set the heading and placeholder, uses Blogger's built-in search, works instantly with no external service, plus settings and fixes.
How to add a Sidebar (content plus side column) in Blogger
How to add a Sidebar to a Blogger theme with BlogKub: place the main content beside a side column, choose the left or right side, set the width, add search, categories, archive, and about the author, laid out automatically, plus settings and fixes.
How to add a sticky side share bar in Blogger articles
How to add a sticky side share bar to a Blogger theme with BlogKub: buttons for Facebook, X, LINE, and copy link, floating along with scroll on article pages, choose the left or right side, plus settings and fixes.
How to add a Theme Color Picker letting readers change your site color in Blogger
How to add a Theme Color Picker to a Blogger theme with BlogKub, letting readers change the site's main color themselves: several preset color tones, remembers the choice in the browser, plus settings and fixes.
How to add a Translate button in Blogger (no API key)
How to add a translate button to a Blogger theme with BlogKub: uses Google Translate to translate the whole page for readers, choose several languages, no API key needed, free, plus settings and fixes.
How to add an image slider/gallery with captions in Blogger
How to add an image slider/gallery with captions to a Blogger theme with BlogKub: navigate images with buttons and position dots, supports swipe on mobile, placed in a post with the .bk-slider class, plus usage and fixes.
How to add image zoom (Lightbox) in Blogger articles
How to add image zoom (Lightbox) to a Blogger theme with BlogKub: click an image in an article to expand it full screen, close by clicking or a button, ideal for photos, infographics, and screenshots, plus settings and fixes.
How to add reading time on cards and articles in Blogger
How to add reading time '⏱ X min' on homepage cards and in articles of a Blogger theme with BlogKub: calculated automatically from the content, supports Thai, pulled via the feed and cached 12 hours, plus settings and fixes.
How to add social share buttons in Blogger articles
How to add inline social share buttons to Blogger articles with BlogKub: buttons for Facebook, X, LINE, and copy link, shown in the article, uses clean links, mobile friendly, plus settings and fixes.
How to add Web Stories (tap-to-view fullscreen circles) in Blogger
How to add Web Stories to a Blogger theme with BlogKub: show story circles from your latest posts, tap to view fullscreen with auto-advance like Instagram/IG Stories, pulled from your own Blogger feed, plus settings and fixes.
How to build a bookmark (save articles for later) in Blogger
How to add a bookmark button that lets readers save articles for later in a Blogger theme with BlogKub, stored in the browser with no login, with a counter and a saved list, plus settings and fixes.
How to build a Call To Action (CTA) box in a Blogger theme
How to set up a Call To Action (CTA) box in a Blogger theme with BlogKub: add a heading, subtext, a button with a link, choose a gradient/soft background, and stats in some templates, to lead readers to the action you want, plus settings and fixes.
How to build a copy code button in Blogger code blocks
How to add a copy code button to code blocks (<pre>) in a Blogger theme with BlogKub, so readers copy in one click without selecting by hand, with a 'Copied' state, plus settings and fixes.
How to build a dismissible announcement bar in Blogger
How to add a top announcement bar to a Blogger theme with BlogKub: add text, a CTA link, choose a background color, and readers can dismiss it and it remembers being dismissed, ideal for promos or news, plus settings and fixes.
How to build a feature Columns section in Blogger
How to build a feature Columns section in a Blogger theme with BlogKub: show highlights in 2 or 3 columns, each with an icon, a heading, and a description, add or remove columns, ideal for selling points or services, plus settings and fixes.
How to build a Featured posts section in Blogger
How to set up a Featured posts section in a Blogger theme with BlogKub: pin a recommended post with a label, show it as a large highlight on the homepage, fall back to the latest post automatically, pulled from the feed, plus settings and fixes.
How to build a footer (links + copyright) in a Blogger theme
How to set up the footer in a Blogger theme with BlogKub: add a site description, link columns, copyright text, and choose a background color (text adjusts readability automatically), to aid navigation and credibility, plus settings and fixes.
How to build a header (logo + menu) in a Blogger theme
How to set up the header in a Blogger theme with BlogKub: add a logo, blog name, multi-level menus, choose the mobile menu side (left/right), a search button, sticky top, and an automatic mobile bottom bar, with no coding, plus settings and fixes.
How to build a homepage Hero banner in Blogger
How to set up the homepage Hero banner in a Blogger theme with BlogKub: edit the eyebrow, heading, subtext, button, circular image, left/center alignment, gradient/dark/soft background, and template-specific options, plus settings and fixes.
How to build a Post Grid (homepage post cards) in Blogger
How to set up a Post Grid in a Blogger theme with BlogKub: show post cards from the feed automatically, adjust the column count, image, excerpt, read more button, corner radius, and card style (shadow/border/flat), plus settings and fixes.
How to build a Post List (horizontal list) in Blogger
How to set up a Post List in a Blogger theme with BlogKub: show posts as a horizontal list with a small image and a title, pulled from the feed automatically, set the heading, count, and toggle the image, ideal for narrow spaces, plus settings and fixes.
How to build a Pros/Cons box + review score (Verdict) in Blogger articles
How to add a Pros/Cons box and a review verdict box (score + stars) to a Blogger theme with BlogKub, ideal for review articles, placed in the post with the .bk-pc / .bk-verdict classes, plus how to use it and fixes.
How to build an About/author block (E-E-A-T) in a Blogger theme
How to set up an About/author block in a Blogger theme with BlogKub: add a name, bio (E-E-A-T), profile image, eyebrow, and stats/verification badge (some templates), to build credibility, plus settings and fixes.
How to build an AdSense ad slot in a Blogger theme
How to place an ad slot in a Blogger theme with BlogKub: choose below-header, in-article, or sidebar, show an 'Ad' label per AdSense policy, and place ad code tidily, plus settings and fixes.
How to build an AEO summary box in Blogger, so AI cites you
How to add an AEO (Answer Engine Optimization) summary box at the top of Blogger posts with BlogKub, pulled from the Search Description with no AI API, so Google AI Overviews, ChatGPT, and Perplexity cite your content.
How to build an automatic table of contents (TOC) in Blogger, a detailed guide
How to build an automatic table of contents (TOC) in a Blogger theme with BlogKub, generated from your H2/H3 headings with clickable jumps, plus the SEO benefits, settings, common problems, and detailed fixes.
How to build an FAQ + FAQPage schema in Blogger, a detailed guide
How to add a frequently asked questions (FAQ) accordion with FAQPage JSON-LD to a Blogger theme with BlogKub, to help AEO/GEO so AI cites your answers, plus how to write it and what to know about rich results.
How to build an image block (with ALT + caption) in a Blogger theme
How to add an image block to a Blogger theme with BlogKub: set the image URL, ALT text (important for SEO), a caption, and a 16:9/4:3/1:1 ratio so images look good and follow SEO best practice, plus settings and fixes.
How to build anchor links (copy a link to a heading) in Blogger
How to add anchor links to a Blogger theme with BlogKub, letting readers copy a link straight to the H2/H3 heading they want. The system generates ids automatically and supports Thai, plus settings and fixes.
How to build breadcrumbs + schema in Blogger, a detailed guide
How to add breadcrumbs (Home › Category › Article) with BreadcrumbList JSON-LD to a Blogger theme with BlogKub, so they appear in Google results and improve navigation and SEO.
How to build Callout boxes (Note / Tip / Warning) in Blogger articles
How to add Callout boxes (note, tip, success, warning, danger, download) to a Blogger theme with BlogKub, 6 types with icons and colors, placed in the post with the .bk-note etc. classes, plus how to use them and fixes.
How to build dark mode in Blogger, a detailed guide
How to add a dark mode toggle to a Blogger theme with BlogKub: switch dark/light, remember the reader's choice, sync across the whole site, no flash on load, plus the UX benefits and fixes.
How to build recent and random posts (Recent & Random Posts) in Blogger
How to add a recent or random posts section to a Blogger theme with BlogKub, pulled from the feed automatically, filterable by label, with images, titles, and dates, to keep readers reading, plus settings and fixes.
How to build related posts in Blogger
How to add related posts to a Blogger theme with BlogKub, pulled automatically from the JSON feed by label, to raise further reading, reduce bounce, and build internal links that are good for SEO.
How to change the favicon in Blogger
How to upload a favicon in Blogger step by step, the 100KB square file requirement, where to find the URL for the BlogKub field, what Google needs before it shows your icon in search, and how to fix an icon that will not update.
How to create a page in Blogger
How to create a page in Blogger step by step, why to title it in the Latin alphabet before renaming it, how pages differ from posts, how to link the URL to a menu item in BlogKub, and which pages your blog needs before applying to AdSense.
Let Google Index Blogger Label Pages
How to let Google index your Blogger label pages so they work as real category pages. Covers the BlogKub switch, the robots.txt file you have to paste alongside it, the one post one label rule, and how to check it actually worked.
Explore more of BlogKub
However you arrived, there is always a next step.