Color Text Box for Blogger


Add Color Text Box in Blogger Post– Every bloggers tries to attract their visitors by making their blog look elegant. Apart from writing a good keyword rich perfect SEO friendly blog post, article design matters to a lot to appeal a visitor. A well design blog with beautifully curated contents makes visitors feel comfortable while reading a long descriptive article in a blog. One of the key tactics to beautify your blog post is by adding stylish html color text box with images or highlighted text with colored background.

In my previous tutorial, I wrote article relating How to Add Html Text box in Blogger Post and Color Code Box in Blogger Post. In this tutorial I came up with stylish HTML Color Text Box to beautify your blog post, where you can write appealing blog post with highlight text and colorful background. Also, you can add image inside the colorful text box to beautify your article. So, let’s dive in!!!

Why should you use Color Text Box in Blogger Post?

The main reason for adding colored text box in blogger post is to make readers feel comfortable while reading a long descriptive blog post. Nobody likes to read long descriptive black and white blog post. If an article is long descriptive then visitor gets bored, eventually they starts scrolling from top to bottom and they leave that page resulting bounce rate increases and visitors length decreases which is harmful for SEO.

Color Text Box for Blogger

A beautifully curated blog post with colorful background distracts readers from getting bored. Blog Post with colorful text box increases readers focus more into the article resulting reader spends more time on blog which decreases bounce rate & boosts SEO.

Sample Colored Text Boxes for Blogger Post

<div style=”background-color: #FFF8C6; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>Your Text Here </div>

<div style=”background-color: #FFF4D6; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>Your text here </div>

These were the sample color codes for the above two styles. For more styles you can check 10 stylish color Text Box for Blogger Posts.

How to add Color Text Box in Blogger Post?

To add the above colored text boxes in your blogger post follow the above steps:

Step 1: Login to your blogger dashboard and select your blog.

color text box in blogger post

Step 2: Go to Posts >All New Post > HTML.

Step 3: Paste color text box code in HTML area.

Step 3: Replace “Your Text Here” with your desired text.

◆ Customization: To customize above colored text box just just replace #FFF4D6 with your desired colored code. For various codes use this color code generator. Also, to add image inside color code just add image URL inside colored text box code area in HTML. You’re done!

◆ Last Word: Hope you are benefited by this article and learned something new. Let me know how this tutorial helped you to display color text box in your blog post. For any issues relating implementation of the code drop a comment below we are ready to help you. Also, if benefited please share with your friends in social media.

numeric pagination wordpress

Add Numeric Pagination in WordPress(Any WordPress Free Theme)

Numeric Pagination/Pagination in WordPress

In this tutorial you are going to learn “how to add numeric pagination in WordPress” or how can you change “Older Posts” and “Newer Posts” to “1,2,3,…5  Next>“.  This light coded Pagination can be added to any free/premium WordPress theme without using any plugin. Let’s dive in to add Pagination in your WordPress Theme.

What is Numeric Pagination?

Numeric Pagination is the process of dividing blog posts into discrete pages. In any WordPress blog its a feature which prevents to load all articles at once and provides more user friendly, attractive interface by dividing selected posts per page into numbered navigation.

Frequently asked questions about Numeric Pagination

Is it Possible to add pagination in WordPress?

Ans: Yes

Is it possible to add Pagination without plugin in WordPress?

Ans: Yes

Is it possible to add Numeric Pagination on free WordPress theme?

Ans: Yes

Is it possible to add Pagination in any WordPress theme?

Ans: Yes

Can I add Numeric Pagination in my WordPress theme?

Ans: Yes. For adding numeric pagination you don’t have to be an it expert. Anyone without having any coding knowledge can add numeric pagination in their WordPress theme just by using some piece of codes.

How to add numeric pagination in any WordPress theme (free/premium) without plugin

Steps to add Pagination in your wordpress theme:

  1. Go to home.php
  2. Find <?php endif;?>
  3. Paste these codes right after <?php endif;?>

<center><div class=”archive-pagination pagination”>
<?php global $wp_query;
$big = 999999999; // need an unlikely integer
$translated = __( ”, ‘extracatchy’ ); // Supply translatable string
echo paginate_links( array(
‘base’ => str_replace( $big, ‘%#%’, esc_url( get_pagenum_link( $big ) ) ),
‘format’ => ‘?paged=%#%’,
‘current’ => max( 1, get_query_var(‘paged’) ),
‘total’ => $wp_query->max_num_pages,
‘before_page_number’ => ‘<span class=”screen-reader-text”>’.$translated.’ </span>’
) ); ?></center>

You’re done! Just save your home.php file and visit your blog your old “Older Posts” and “Newer Posts” would be replaced by “1,2,3,…5  Next>“.

How to Customize/design numeric pagination in WordPress

Just take inspiration from any blog design and inspect the css codes of that pagination and paste it in your style.css page. You can have any design you want.

◆ Last Word: That’s it guys. Hope you all were benefited by this article. If you have questions relation implementation of the code, Please let us know in comment section. Also, if you successfully added “Pagination” in your WordPress theme do share this article on social media websites & recommend us to write new posts. Thanks for reading.


Free “Disclaimer Page” Template Generator for Blogger/WordPress

A disclaimer page in a blog is by and large any announcement expected to indicate or delimit the extent of rights and commitments that might be practiced and implemented by gatherings in a legitimately perceived relationship.

How to Create a Disclaimer Page for Blogger/WordPress

To create a disclaimer page for your blog/website you can either write a detailed disclaimer page by yourself or you can use any online disclaimer page generator to write Disclaimer for your blog.


You can download my read-made disclaimer template. You just have to change the fields like (Your Site Name, Your Site URL). >>Download Disclaimer Page Template<<

How to Create Disclaimer Page using Online Disclaimer page Generator?

  1. Go to any Online Disclaimer page Generator Site.
  2. Disclaimer Page generator will ask you to fill your site URL and Email address.
  3. There you will find options whether you use “Cookie Policy”, “Google Adsense” or any advert program. So select accordingly.
  4. After filling all information at the end you’ll find “Create my Disclaimer”, after clicking that button automatically a mail will be sent in your email address or you may find direct copy option. It depends which site you’re using.

How to add Disclaimer Page to your Blog?

  1. Open your WordPress/Blogger dashboard > Pages > Add New.
  2. Name your page as “Disclaimer” then paste the Disclaimer text.
  3. Publish it.

You’re done. Now you have successfully created your Disclaimer Page.