Grid View Sitemap For Blogger With Thumbnails / Images

Grid View Sitemap For Blogger With Thumbnails / Images - Hallo sahabat Information About Blogger, Pada Artikel yang anda baca kali ini dengan judul Grid View Sitemap For Blogger With Thumbnails / Images, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger Widgets And Gadgets, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Grid View Sitemap For Blogger With Thumbnails / Images
link : Grid View Sitemap For Blogger With Thumbnails / Images

Baca juga


Grid View Sitemap For Blogger With Thumbnails / Images

grid-view-template-for-blogger-with-thumbnails-image

Sitemap is a good way to showcase all your posts and help visitors find every post in one place. By far I have shared two types of sitemaps, first is simple list of all posts with label names and other with grid view but names of posts only, so in this post I will teach you how to create a grid view sitemap with thumbnails. It is simple sitemap with all published posts and when a picture is hovered with mouse cursor it flips and show the name of respective post with its publish date and number of comments if any ! So its a impressive sitemap and you show try it once.

Here is a demo of the grid view sitemap with thumbnails/images for blogger blog.

Steps To Add Grid View Sitemap For Blogger With Thumbnails

Step 1: Go to Blogger > Pages and click on New Page.

grid-view-template-for-blogger-with-thumbnails-images

Step 2: Switch to HTML view.


Step 3: Copy below code and replace https://101helper.blogspot.com with your blog link

<style type="text/css">
.grid-sitemap {
 overflow: hidden;
 position: relative;
 height: 565px;
 margin: 20px 0 40px 0;
}
.grid-sitemap iframe {
    display: block;
    width: 100%;
    height: 680px;
    margin-top: -115px;
    margin-left: -5px;
}
</style>
<div class="grid-sitemap">
 <iframe src="https://101helper.blogspot.com/view/flipcard"></iframe>
</div>


Step 4: Give a title to your page and Publish it and its done

Similar Posts:

● How To Add A Html Sitemap Page In Blogger

● How To Add Advanced Sitemap In Blogger

I hope you like this post, if not and you have a good opinion, tell me in comments. Thanks for visiting 101helper. Don't forget to share.

Search Keywords: Grid View Sitemap For Blogger With Thumbnails / Images,Simple sitemap for blogger,how to add sitemap code in blogger pages,how to create a sitemap page in blogger,gadgets and widgets for blogger 101helper



That is the discussion about Grid View Sitemap For Blogger With Thumbnails / Images

Thank you for visiting the article Grid View Sitemap For Blogger With Thumbnails / Images hopefully always provide useful information, see you in another article.

the article you are reading is about Grid View Sitemap For Blogger With Thumbnails / Images with the link as follows https://www.booknagar.com/2018/04/grid-view-sitemap-for-blogger-with.html

0 Response to "Grid View Sitemap For Blogger With Thumbnails / Images"

Post a Comment


Tag: how to create a free blog, how to create a website, how to create a blog website, how to create a blog for free, how to make a blog, wordpress, how to create a wordpress blog, how to create a blog page, how to start a blog, blogger, how to create a blog in wordpress, how to create a blog account, how to create a blog on wordpress, how to create a blog and make money, how to create a blog in google, how to create a successful blog