How to make $1000 with Blogging Website? Complete Blogging Guidance

Welcome to another Tutorial of Complete Blogging Website Step By Step Guidance.

Are you excited to explore complete blogging website?

We will look forward one by one step to complete our blogging website.

Most Important Theme for Blogging Website

• GeneratePress
• Astra
• Ocean WP
• Kendence
• Hello Elementor
• Newsmatic

Most Important Plugins for Blogging Website

• Smush
• Easy Table of Contents
• Social Snap
• Classic Editor
• Rank Math
• WPForms
• Updraftplus
• Elementor
• The Post Grid
• LiteSpeed Cache
• Ads Inserter
• One Signal(Push Notification)

Important Pages

• Home
• Blog
• Contact us
• About us
• Terms & Conditions
• Disclaimer
• Privacy Policy

Create Niche Categories

To start blogging you need to define your niche and its categories to start writing post and rank on that categories by finding best keywords or phrase. You have to write very engaging content so that users stay on your post for more time.

Ex: – Net Worth, Lifestyle, Body Nutrition, Health Rules & Discipline etc.

WhatsApp Code

Change WhatsApp and Telegram group link

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
   <style>
        .group-card {
            margin-bottom: 20px;
            position: relative;
            border: 2px solid transparent;
            border-radius: 5px;
            background: #f0f8ff;
            display: flex;
            align-items: center;
            padding: 7px;
            justify-content: space-between;
            overflow: hidden;
        }

        .whatsapp-card {
            animation: whatsapp-border-animation 1s infinite;
        }

        .telegram-card {
            animation: telegram-border-animation 1s infinite;
        }

        .instagram-card {
            animation: instagram-border-animation 1s infinite;
        }

        @keyframes whatsapp-border-animation {
            0% {
                border-color: transparent;
            }

            50% {
                border-color: #25d366;
            }

            100% {
                border-color: transparent;
            }
        }

        @keyframes telegram-border-animation {
            0% {
                border-color: transparent;
            }

            50% {
                border-color: #004F7A;
            }

            100% {
                border-color: transparent;
            }
        }

        @keyframes instagram-border-animation {
            0% {
                border-color: transparent;
            }

            50% {
                border-color: #E1306C;
            }

            100% {
                border-color: transparent;
            }
        }

        .seoquake-nofollow {
           display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            padding: 5px 20px;
            border-radius: 2px;
            transition: all 0.3s ease-in-out;
            color: white !important;
        }

        .seoquake-nofollow i {
            margin-right: 5px;
        }

        .whatsapp-card .seoquake-nofollow {
            background: #25d366;
        }

        .telegram-card .seoquake-nofollow {
            background: #004F7A;
        }

        .instagram-card .seoquake-nofollow {
            background: #E1306C;
        }

        .seoquake-nofollow:hover {
            transform: scale(1.05);
        }
    </style>

    <div class="group-card whatsapp-card">
        <span style="display: flex; align-items: center;"><i class="fab fa-whatsapp"
                style="font-size:24px;color:#25d366;"></i>
            <span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">WhatsApp Group</span>
        </span>
        <a class="seoquake-nofollow" href="https://whatsapp.com" rel="nofollow noopener noreferrer"
            target="_blank">
           Join Now
        </a>
    </div>

    <div class="group-card telegram-card">
        <span style="display: flex; align-items: center;"><i class="fab fa-telegram"
                style="font-size:24px;color:#004F7A;"></i>
            <span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">Telegram Group</span>
        </span>
        <a class="seoquake-nofollow" href="https://telegram.me/" rel="nofollow noopener noreferrer"
            target="_blank">
            Join Now
        </a>
    </div>

Customization CSS Code

.navigation {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}

.site-header,
#mobile-header,
#sticky-navigation {
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.20);
}

h2.tpg-widget-heading span{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:80px;
	padding-right:80px;
}

body{
	background:white;
}
.separate-containers .inside-right-sidebar{
	border: solid 1px;
	margin: 5px;
	border-color: grey;
	margin-top:20px;
	margin-bottom: 30px;
}
h2.wp-block-heading.has-text-align-center{
	background-color: #1c3c6f;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
	font-size:24px;
	font-weight:800;
	line-height:29px;
}
.widget ul li{
	padding: 10px;
	border: solid 1px;
}
@media(min-width: 769px) {
  .generate-columns-container .generate-columns.grid-50 {
    width: 50%;
  }
  .generate-columns-container .generate-columns.grid-50:nth-child(4n+0),
  .generate-columns-container .generate-columns.grid-50:nth-child(4n+1) {
    width: 50%;
  }
}

/* making border to grid archieve blogs */

.generate-columns-container .inside-article {
  padding: 20px !important;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden
}
/* grid padding left and right */
@media(max-width: 768px) {
  #primary {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#footer-widgets a{
	color: #fff;
}
#footer-widgets h2{
	font-size: 18px;
}
.entry-header h2.entry-title a{
	font-size:18px;
	font-weight:600px;
}