Blogger is a great
free platform for blogging.It has several features that helps to stand out from other blogging platforms.Blogger has a preview option both in it's layout page and in it's
post editor.This helps the user to quickly get a preview of the page or the post.But this preview option won't show any effects such as hover effect or other
transition effects in it.This forces the user to view the blog every time he make changes.This is an unnatural way of generating views to your blog.If you are an
AdSense publisher then you are doing wrong, because you are generating fake ad impressions.In this post you can learn how to view a fully functional preview of your post or page with the preview button.
Steps To View A Fully Functional Preview Of Blogger Post/Page In Chrome
The following trick is performed using the chrome Dev tools.
- Click the preview button on post page or layout page.
- When the page loads ,navigate to inspect element in the right click menu.
- Find the code which looks something like this <div class="blogger-clickTrap" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; cursor: default; background-color: white; opacity: 0.01; background-position: initial initial; background-repeat: initial initial;"> </div>
- Right click on the code and click on delete node.
- Now check the blog preview.You will now be able to see the preview with all the effects in it!
Leave your comments about this useful trick.
Sharing Is Caring
