Add Custom Codes to your Website

How to create three widgets footer in blogger? To install the three widget footer in blogger, you have to first declare the widget area’s in the blogger template. Therefore, go to  Blogger >> Template >> Edit HTML >>  and search for the ending  </body>  tag and just above it paste the following piece of coding: <div id='footer-widgets-container'> <div id='footer-widgets-containerback'> <div class='clearfix' id='footer-widgets'> <div class='footer-widget-box'> <ul class='widget-container'> <li> <b:section class='footersec' id='footersec1' showaddelement='yes'>   <b:widget id='HTML15' locked='false' title='' type='HTML'>     <b:includable id='main'>   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title...

How to Remove Drop caps in blogger Notable theme.  (The first letter of blog the post is bigger, larger .) Go To Your Theme > Customize > Advanced > Add CSS > add the CSS code below ; body.item-view .Blog .post-body::first-letter{   float: none;   font-size: inherit;   font-weight:inherit;   line-height:inherit;   margin: 0; } click  Apply to Blog

How To Remove Showing Posts with Label Message : 1 .Go to blogger dashboard and choose the blog. 2 .Navigate towards the  Template section  of the blog and click  Edit Template . 3 .Press CTRL + F to get the search bar and search for this tag :  < b:includable id='status-message ' > 4 .Click on the tag to expand it.The final code will look similar to the one given below.  <b:includable id='status-message'>   <b:if cond='data:navMessage'>   <div class='status-msg-wrap'>     <div class='status-msg-body'>       <data:navMessage/>     </div>     <div class='status-msg-border'>       <div class='status-msg-bg'>         <div class='status-msg-hidden'><data:navMessage/></div>       </div>     </div>   </div>   <div style='cl...

How to add javascript in blogger, how can i add javascript code to my blogspot post ? Create a post. Click to enter html as opposed to compose. Type your script. To the right Click Post Settings >> Options >> Compose Mode then change Show HTML Literally to Interpret HTML. It should now accept your script as a script intsead of text..

How to use <h1><h2><h3><h4><h5><h6> header tags effective and properly. The explanations and samples of header elements. H1: Blog’s name H2: Your blog’s tagline, if it’s “keyword-rich”; if not, all your recent posts should have an H2. H3: Your recent posts, or, if those have an H2, this could be used for somewhat older posts. H4: related content in the sidebar, like the heading of an “about” widget. H5: Unrelated headings in your sidebar, footer, etc. SAMPLES This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>

How to delete - remove Home Button on Blogger Log in to your Blogger account. Click the Template link and then click the "Edit HTML" link. Click the "Expand Widget Templates" box  Find this line in the syntax and delete it: <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> Click the "Save Template" button to finish deleting it.

How to remove subscribe to: Posts (Atom) link from your blogspot blog?  Step 1.  Go to your  Dashboard  >>  Design  >>  Edit HTML; Step 2.  Check "expand widget templates"; Step 3.  Find (CTRL + F) this line: <b:include data='feedLinks' name='feedLinksBody'/> Step 4.  Remove it and Save Template.

How to change and optimize your Blogspot blog titles from H3 to H1 to make your blogspot blog more SEO friendly.  Go to Blogger Account Select Template -> Edit HTML Find the code like below [Find with Crtl+F] Or simply find <H3 <h3 class='post-title entry-title'>       <b:if cond='data:post.link'>         <a expr:href='data:post.link'><data:post.title/></a>       <b:else/>         <b:if cond='data:post.url'>           <b:if cond='data:blog.url != data:post.url'>             <a expr:href='data:post.url'><data:post.title/></a>           <b:else/>             <data:post.titl...