Introduction To How To Make Blogs

What is Blogs?

A blog (a truncation of "weblog") is an informational website consisting of discrete, often informal diary-style text entries (posts). Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page. In the 2000s, blogs were often the work of a single individual, occasionally of a small group, and often covered a single subject or topic. In the 2010s, "multi-author blogs" (MABs) emerged, featuring the writing of multiple authors and sometimes professionally edited. MABs from newspapers, other media outlets, universities, think tanks, advocacy groups, and similar institutions account for an increasing quantity of blog traffic. The rise of Twitter and other "microblogging" systems helps integrate MABs and single-author blogs into the news media. Blog can also be used as a verb, meaning to maintain or add content to a blog.

How to Add?

To add a blog to our website, you first need to understand how our site displays blog posts. We use simple HTML and CSS for this purpose. Additionally, our website provides built-in CSS that you can utilize as well.

How to use

This section demonstrates how to use built-in CSS effectively.

    
<p>This section demonstrates how to use built-in CSS effectively.</p>

<ul>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ul>

<ol>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ol>

Please use all the buttons provided for your blogs.

    
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

Documentation

We offer information about all temples in the area.

Header template

    
{
    "title": "Blog Name",
    "links": [
        {"name": "url","url": "/url"},
        {"name": "url","url": "/url"},
        {"name": "url","url": "/url"}
    ]
}

Body template

    
<h1>Next JS</h1>

<p><b>Next.JS</b>is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.</p>
<ul>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ul>

<ol>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ol>

<br>
<br>
<img src='https://kitrum.com/wp-content/uploads/2023/06/Next.JS.png' height="400">
<br>
<br>

<div class="code-container">
<button class="copy-btn">Copy Code</button>
<pre class="code">
<code class="language-js">
// 1
import Script from 'next/script';
export default function Page() { 
    const router = useRouter()
    console.log(router.query.slug);
}</code>
</pre>
</div>

Footer template

    
{
    "written_by": {"name":"author","link":"url"},
    "social_links": [
        {"icon": "fa-twitter","link": "url"},
        {"icon": "fa-facebook-f","link": "url"},
        {"icon": "fa-linkedin-in","link": "url"}
    ],
    "links": [
        {"name": "Next JS","url": "https://nextjs.org/"},
        {"name": "Docs","url": "https://nextjs.org/docs"},
        {"name": "More","url": "https://en.wikipedia.org/wiki/Next.js"}
    ]
}

How to add?

To submit your blog post, please contact us.

Please draft an email quickly that includes the following information.
Please send it to our email at soubhik9123@gmail.com.
Your blog post will be added within 7 to 15 days.

Email template

    
Sub: Request to add a blog post to Sverse Website.

(body)

Name: Example Name.
Contact info...

Blogs info:

Title: Blog Name. (If the title matches the others, we will notify you.)

Image: Link (Only Links)

Search Key Words: Doc, documentation, template (Add in the same format.)

Description: Add description...

Header template:
    {
        "title": "Blog Name",
        "links": [
            {"name": "url","url": "/url"},
            {"name": "url","url": "/url"},
            {"name": "url","url": "/url"}
        ]
    }

Body template:
    <h1>Next JS</h1>

    <p><b>Next.JS</b>is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.</p>
    <ul>
        <li>1st</li>
        <li>2nd</li>
        <li>3rd</li>
    </ul>
    
    <ol>
        <li>1st</li>
        <li>2nd</li>
        <li>3rd</li>
    </ol>
    
    <br>
    <br>
    <img src='https://kitrum.com/wp-content/uploads/2023/06/Next.JS.png' height="400">
    <br>
    <br>
    
    <div class="code-container">
    <button class="copy-btn">Copy Code</button>
    <pre class="code">
    <code class="language-js">
    // 1
    import Script from 'next/script';
    export default function Page() { 
        const router = useRouter()
        console.log(router.query.slug);
    }</code>
    </pre>
    </div>
    
Footer template:
    {
        "written_by": {"name":"author","link":"url"},
        "social_links": [
            {"icon": "fa-twitter","link": "url"},
            {"icon": "fa-facebook-f","link": "url"},
            {"icon": "fa-linkedin-in","link": "url"}
        ],
        "links": [
            {"name": "Next JS","url": "https://nextjs.org/"},
            {"name": "Docs","url": "https://nextjs.org/docs"},
            {"name": "More","url": "https://en.wikipedia.org/wiki/Next.js"}
        ]
    }
    
    (If you do not have all the links, please use a "/" in place of the "url".)

Home Blogs Docs Links More