Display Meta Search Description Below Blogger Post’s Heading

There are many blogger sites which are displaying post search description just below of heading on every article and many newbies wondered about this because they don’t know the trick how can they show search description tags just below of headings in their blogger blogs.

Display Meta Description, Show Search Description, Blogger Meta Search Description

Therefore, Today I’m here for share that trick that is used for display meta post description tags just below of each post title. If you have some knowledge about CSS language, then you can cutomize It as per your needs,  otherwise I’ve also added CSS code below you can use that.

Don’t Ignore – 7 Top Writing Tips For Beginners To Write Like Professional

Now let’s get straight to work without wating the time. 🙂

Steps To Adding Post’s Meta Search Description Below Post Titles in Blogger

STEP 1] Go To Blogger.com >> Click On Template >> Again Click On Edit HTML Button.

STEP 2] Now click anywhere inside the code area and Press Ctrl + F and search for <div class=’post-header’/> and then paste below code just after of it.

<b:if cond=’data:blog.pageType == &quot;item&quot;’><div class=’meta-description’><data:blog.metaDescription/></div></b:if>

STEP 3] Now we are going to give it a style using a little CSS code, Search for ]]></b:skin> tag and just above of paste below code.

.meta-description{background: #f9f9f9;     margin: 0 -20px;     padding: 20px;     line-height: 30px;     font-size: 12px;     font-style: italic;     color: grey;     font-weight: bold;     word-spacing: 1px;box-shadow: 0px 4px 3px -2px #ccc}

STEP 4] Now save your template and open your any blog post to see it live on your blogger blog.

Note : If you have not added search description tags on any of your blog post then guys you are missing a great opportunity to get more traffic from search engines and also from social networking sites. So you should add description on every blog post otherwise this trick will not work on your blog posts.

Conclusion:

So above guide is about “How To Display Meta Search Description in Blogger Below Post Heading?” I hope you enjoyed this another awesome and a little SEO blogger trick. Read more article covering Search Engine Optimization. You guys will like those too. 🙂

Did you like this trick? If yes, then share this article on social networking sites.

Don’t forget to subscribe If you want to get new updates direct into your mailbox for free.

Thank You! Stay Blessed and Stay Happy!

Contents

Paramjot Singh
 

I’m Paramjot Singh, the creator of mybloggerguides.com. I started this blog back in 2016 to share my real experiences from the world of blogging – the wins, the failures, and everything in between. Originally from India and now living in Australia, I’ve spent years learning how blogging, SEO, and online income actually work in the real world. On My Blogger Guides, I focus on SEO tips, blogging strategies, product reviews, and step-by-step guides for Google’s Blogger platform, so that anyone can start their blogging journey without investing much money. My goal is simple: to make blogging easier, clearer, and more accessible for beginners who want to build something of their own online.

Click Here to Leave a Comment Below 0 comments

Leave a Reply: