For those not yet familiar with the new "Responsive" class themes, I offer my demo 4 "Responsive" blogs - one blog per exciting theme.
You can see the links to the 4 demo blogs, at the top of the sidebar.
You have to make an effort, to find the sidebar, however. The effort is necessary, to help the "Responsive" class templates replace the "Layout" / "Designer" class templates - and their special "Mobile" template.
See the linklist "Responsive Templates Tests", in the pop out sidebar?
Whether you are viewing this blog as The Real Blogger Status, or as Now, Ya See It - Now, Ya Don't, or even as Custom Domain Redirection, And "A" Referral Servers, you probably are not looking at the sidebar.
If you do want to see the sidebar, just click on the "hamburger" icon, in the upper right corner of the screen.
Click on the "hamburger" icon, to open the sidebar.
The "hamburger" icon is in the upper right corner.
The sidebar, normally hidden, to let the post content be more readable on a tiny "phone" display.
The "pop out" sidebar is one majorly innovative design feature, that helps the "Responsive" class templates replace the "Layout" / "Designer" class templates, and their special "Mobile" template.
The pop out sidebar is only visible, when you want to access sidebar content - by clicking on the "hamburger" icon.
Now, you see it.
Now, you don't.
Click on the tiny "right arrow" icon, to hide the sidebar, when the sidebar is open.
So yeah, if finding the sidebar is now an effort for your readers, I sympathise. But the hidden sidebar has a practical origin - it's not purely cosmetic.
If you recently upgraded your #Blogger blog to use an exciting new "Responsive" theme, and you can't find the sidebar, with its wonderful complement of gadgets, that's because the sidebar is now hidden.
Just click on the "hamburger" icon, and all will be seen.
DISCLAIMER:
Be advised that this article was written for educational purposes only and no intention to harm fellow coders who is in the template business. TNTTS does not promote stealing other people's work. In fact, we are using a paid mSora Blogger Template at the time of this writing and we got it for $25 lol. Not that we don't know how to make one for ourselves; it's just that the admin of this site usually don't have enough free time to code shits. Keep in mind that the main goal of TNTTS is to promote learning. Further, we are not responsible for any legal complaint filed against you for stealing a piece of code.
The Simple Hidden CSS Trick
This first effective way to do this is to add the CSS style='visibility:hidden' code inside the tag that encapsulates the copyright texts. This could be inside a DIV or A most likely.Take the codes below for example:
<div class='container'>
<p> Template Created By :<a href='http://www.themexpose.com/' id='mycontent' title='Blogger'>ThemeXpose</a> |
Distributed By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a>.
All Rights Reserved.</p><a class='to-top' href='#'>Back to top <i class='fa fa-angle-double-up'/></a>
</div> You may just add the CSS stuff so it would look something like this:
<div class='container' style='visibility:hidden'>
<p> Template Created By :<a href='http://www.themexpose.com/' id='mycontent' title='Blogger'>ThemeXpose</a> |
Distributed By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a>.
All Rights Reserved.</p><a class='to-top' href='#'>Back to top <i class='fa fa-angle-double-up'/></a>
</div> The Throw the Copyright Off Viewable Screen Trick
If the CSS trick above does not work for you, another suggestion would be to teleport the copyright texts to the parts of the screen beyond the sights of your viewers by using the absolute positioning capabilities of style.Take the codes below for example:
<div class='aisa-copyright'>
<div class='container'>
<div class='row'>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 aisa-left'>Copyright © 2017 <data:blog.title/>. Designed By <a href='http://www.themeswear.com/' id='themeswear' ref='dofollow' title='Portfolio Blogger Templates'>Portfolio Blogger Template</a> | Distributed By <a href='https://gooyaabitemplates.com/' rel='dofollow' target='_blank' >Gooyaabi Templates</a></div>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 aisa-right'>
<div class='goto-top goto-top-5847b997a6ce8'>Made With <i aria-hidden='true' class='fa fa-heart' style='color:#d55'/></div>
</div>
</div>
</div>
</div> What was done was:
<div class='aisa-copyright'>
<div class='container'>
<div class='row'>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 aisa-left'>Copyright © 2017 <data:blog.title/>.</div>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 aisa-right'>
<div class='goto-top goto-top-5847b997a6ce8'>Made With <i aria-hidden='true' class='fa fa-heart' style='color:#d55'/></div>
</div>
</div>
</div>
</div>
<div style="position: absolute; top:-99px; left:-99px; width:-99px; height:-99px">
<a href='http://www.themeswear.com/' id='themeswear' ref='dofollow' style='visibility:hidden'></a>
</div> The Hardcore Java Decrypt Unescape Shit Trick
There will be times when you will encounter copy protections using JavaScript. If the above 2 solutions doesn't work for you, and you see some codes that goes like var _0xca15=["\x73\x63\x72\x6F\x6c..........."];. These are what they call the UnEscape / Escape shits. Take note that you need to have at least a minimal experience in interpreting programming language codes to use this trick. You will need to decrypt them through some decoder like http://ddecode.com/hexdecoder/ (not associated with TNTSS).You'll be amazed - the decrypter will convert those gibberish codes into readable JavaScript codes. From here, you'll be able to analyze then do the necessary edits to stop the template from redirecting when copyright texts are removed. Then replace the original encrypted codes with the decrypted equivalent through EDIT HTML
























































