How to operate the Google blogger's preview page as a published page
Google blogger provide preview function to let you preview publish result when it is not ready to publish. The preview page look like a snapshot image and it can not click any anchor or do other things. For example, if there is a iframe and you can not scroll it. Not to say the other special animation effect that you want to preview but it has be triggered.
Actually, the preview is not an image. It is just a div element that applied "blogger-clickTrap" class to become a mask. So, we only need to modify this mask's z-index of css attribute. Change it to "-1", and all the things can be operated. This manner can be achieved by use Chrome developer tool or Firefox with firebug plug-in temporarily. If you don't want to keep it forever, it must modify your template. Insert code into body's onload attribute, as below:
Don't replace 「"」 to 「"」.
Actually, the preview is not an image. It is just a div element that applied "blogger-clickTrap" class to become a mask. So, we only need to modify this mask's z-index of css attribute. Change it to "-1", and all the things can be operated. This manner can be achieved by use Chrome developer tool or Firefox with firebug plug-in temporarily. If you don't want to keep it forever, it must modify your template. Insert code into body's onload attribute, as below:
onload='(function(t){if(t)t.style.zIndex="-1";})(document.querySelector(".blogger-clickTrap"));' Don't replace 「"」 to 「"」.
留言