Scribd
Upload
40 views2 pages

How To Customizing Sticky Menu Blog

The document provides instructions for customizing the sticky menu and featured content area on a Blogger blog. It explains how to edit the HTML template to replace URL placeholders in the sticky menu code. It also describes how to add custom HTML/JavaScript to the post body gadget area to display featured content labeled "Tech" by pasting and customizing code snippets provided.

Uploaded by

RenditiaRachman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
40 views2 pages

How To Customizing Sticky Menu Blog

The document provides instructions for customizing the sticky menu and featured content area on a Blogger blog. It explains how to edit the HTML template to replace URL placeholders in the sticky menu code. It also describes how to add custom HTML/JavaScript to the post body gadget area to display featured content labeled "Tech" by pasting and customizing code snippets provided.

Uploaded by

RenditiaRachman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

How To Customizing Sticky Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<div class='span-24'> <div class='menu-secondary-container'> <ul class='menus menu-secondary'> <li><a href='http://flatmag.blogspot.com/'>Home</a></li> <li><a href='#'>Blog</a> <ul class='children'> <li><a href='#'>Internet</a></li> <li><a href='#'>Market</a></li> <li><a href='#'>Stock</a></li> </ul> </li> <li><a href='#'>Contact</a> <ul class='children'> <li><a href='#'>Dvd</a></li> <li><a href='#'>Games</a></li> <li><a href='#'>Software</a> <ul class='children'> <li><a href='#'>Office</a> </li> </ul> </li> </ul> </li> <li><a href='#'>About Us</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Tutor</a></li> </ul> </div> </div>

How to Customize Featured Content Area?


The first thing you need to do is to go to Blogger.com >> Your Blog >> Layout >> now beside post body and right sidebar you will notice a small thin gadget area. Press "Add a gadget >> Add HTML/JavaScript and paste the following code there. Note: Replace "Tech" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<script type='text/javascript'> var numposts = 10; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100; </script> <script src='/feeds/posts/default/-/Tech?orderby=updated&amp;alt=jsonin-script&amp;callback=labelthumbs' type='text/javascript'/></script>

You might also like