Documentation for Forum UI Blogger Theme

  • Join us to download any resource for free. You will be able to download or guest post.
    Sign Up Now


Staff member
VIP Member
Apr 12, 2022


A post-data XML file is provided in Doc. zip file. However, you can create a post via the below format. Here is the post format with all codes:

Enable Download Button:​

Navigate to Blogger > Settings > Scroll Down and enable this setting.

Note: Header Download Button can only work on posts that have label 'Resource'.

Now you can see a new setting appear in post edit. Simply add link to button from there. *Screenshot is attached.

Page Modes:​

You can easily activate any mode with help of labels.

Full Page With No Sidebar: Add the label 'Fullpage' to disable the sidebar on posts
Blog Post Mode: Add the label 'Blog' to activate blog post mode.
Threads Posting Mode: Add the label 'Thread' to activate threads mode
Resource Posting Mode: Add the label 'Resource' to activate Resouce download mode.

Sidebar Widget: Popular Posts/Threads​

2023-02-02 23_19_17-Window.png

There are three built-in Popular Posts widgets:
  1. Trending Posts
  2. Trending Threads
  3. Trending Resources

1: Trending Posts: Only posts containing label of 'Post' or 'Blog' will be fetched.
2: Trending Threads: Only posts containing label of 'Thread' or 'thread' will be fetched.
3: Trending Resources: Only posts containing label of 'Resource' or 'Product' will be fetched.

Contact Page Configuration​

Create a new page with the title 'contact' in blogger and save it without any content. Now edit the page and paste the following code in 'Post HTML Mode'.
<div class="ContactForm" id="ContactForm1">
  <form name="contact-form">
    <div class="input-area">
      <label>Name</label><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /></div>
    <div class="input-area">
      <label>Email<span>*</span></label><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /></div>
    <div class="input-area">
      <label>Message<span>*</span></label><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message"></textarea></div>
    <div class="input-area">
      <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" /></div>
    <div class="notif-area">
      <p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
      <p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
<script src=""></script>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'xxxxxxxxxxxxxxxx';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//\x3dXXXXXXXXXXXXXXX','//','xxxxxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'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': 'Contact Form', 'blogId': 'xxxxxxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': ''}, 'displayModeFull')); //]]></script>

*Find and replace 'XXXXXXXXXXXXX' with your Blog ID. Save it and you're done.

Ads Placements:​

Most ads can be placed anywhere you like from the Layout Menu in blogger. Ads inside the post container can be placed by editing the HTML code. To do that, search 'Top article ad', 'Bottom article ad', 'Post Comments ad' in HTML File and replace Ads with your Ads.

Widgets Management:​

All widgets can be modified accordingly. Just remember to select only one label while creating the node.


  • 20220812_160023.jpg
    608.8 KB · Views: 47
  • Forum UI Post Markup.txt
    7.7 KB · Views: 68
Last edited:
link downoad

Similar threads

About us

  • Our community has been around from 2017 and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. Providing Free Resources to help newcomers/startups. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu

AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock