Step 01: In first, add HTML code
Step 02: Now add some parsed jquery given below into your blog that will render your html content of id='top' and makes possible to hide.
Add the above jquery code just between <head> and </head> but do not include google api more than one time that means if you have already use google api into your blog, you do not have to include it again. Now it is ready to hide some content of your blog. Look this demo from all blog solution
<div id='top' style='background:black; color:white; padding:5px 0px; text-align:center;'>Featured Article For Visitors<a href='http://techydesk.blogspot.com/2015/09/blue-template-all-blog-solution.html' style='font-weight:bold; color:white;' target='new'> Download This Template Now For Free </a>In this section, the most important thing is id='top' and span section which you must include. You can add id='top' in that content which you want to hide manually. And the <span> section is mandatory for this widget.
<span id='hide' style='float:right; font-size:18px; font-weight:bold; padding-right:15px;'>X</span>
</div>
Step 02: Now add some parsed jquery given below into your blog that will render your html content of id='top' and makes possible to hide.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("#top").hide();
});
});
</script>
Add the above jquery code just between <head> and </head> but do not include google api more than one time that means if you have already use google api into your blog, you do not have to include it again. Now it is ready to hide some content of your blog. Look this demo from all blog solution
Make Featured Article Hidden Jquery Code For Blogger
Reviewed by Ariyal
on
September 30, 2015
Rating:
Reviewed by Ariyal
on
September 30, 2015
Rating:
No comments: