• HOW TO HIDE DEFAULT CSS STYLESHEET BLOGGER:
The annoying CSS bundle that come with nowhere that can't be erased :<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/728935430-widget_css_bundle.css' />
<link type="text/css" rel="stylesheet" href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=861305691958952969&zx=f53c741c-973c-4edf-a7a7-87b16355eef9"/>
Disable the function by editing some code. Find this code:
<b:skin><![CDATA[Replace that <b:skin><![CDATA[ with these code:
..•..•..•..
Some random CSS here
..•..•..•..
]]></b:skin>
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
And then change code ]]></b:skin> with:
</style>
Finish! But some default widgets from blogger will not work properly because the original CSS has been disabled. Check the navigation button or blog pager. Fix the errors with adding some CSS ourself.
#blog-pager-newer-link { float:left; }... And other widgets.
#blog-pager-older-link { float:right; }
#blog-pager { text-align: center; }
• HIDING BLOGGER NAVBAR:
DELETE Attribution Power By Blogger
•• LOCKED: True ► False ► Delete!<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
• HIDING BLOGGER ATTRIBUTE:
#Attribution1 { height:0px; visibility:hidden; display:none!important; }
#navbar, #navbar-iframe { height: 0px; visibility: hidden; display: none!important; }
.icon-action, .quickedit { height: 0px; visibility: hidden; display: none!important; }
• HIDING BLOGGER STATUS: 'No Post.'
.status-msg-wrap { visibility: hidden; display: none!important; }