Premium Blogger,Blogspot Templates |
| Fizz Responsive Blogger Template Posted: 10 Sep 2013 03:14 AM PDT
How To Configure Main Menu Find this in "Edit HTML": <div class='top-menu-container'> <nav> <div id='top-menu'> <ul class='sf-menu' id='menu-main-menu-1'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Portfolio</a> <ul class='sub-menu'> <li><a href='#'>Portfolio Fullwidth</a></li> <li><a href='#'>Illustration</a></li> <li><a href='#'>Web</a></li> </ul> </li> <li><a href='#'>Blog</a></li> <li><a href='#'>Contact</a></li> </ul> </div> </nav> </div> Replace "#" marks with real URLs and change anchor texts as you like. http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html How To Configure Small Screen Menu Find this in "Edit HTML": <div class='block' id='small-screens-menu'> <a href='#' id='topmenu-button'><strong>:::: MENU ::::</strong></a> <nav class='menu-main-menu-container'> <ul class='' id='menu-main-menu'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Portfolio</a> <ul class='sub-menu'> <li><a href='#'>Portfolio Fullwidth</a></li> <li><a href='#'>Illustration</a></li> <li><a href='#'>Web</a></li> </ul> </li> <li><a href='#'>Blog</a></li> <li><a href='#'>Contact</a></li> </ul> </nav> </div> Replace "#" marks with real URLs and change anchor texts as you like. How To Configure Social Buttons Find this in "Edit HTML": <ul class='social'> <li>Stay updated</li> <li><a class='linkedin' href='#' title='LinkedIn'>LinkedIn</a></li> <li><a class='dribble' href='#' title='Dribbble'>Dribbble</a></li> <li><a class='pinterest' href='#' title='Pinterest'>Pinterest</a></li> <li><a class='twitter' href='#' title='Twitter'>Twitter</a></li> <li><a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='RSS'/></li> </ul> Replace existing social links with your own social links. How To Configure Slider Find this in "Edit HTML": <!-- begin #slider --> <div id='slider_container'> <div class='flexslider loading wrapper slide'> <ul class='slides'> <li> <a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6RZCpfwKcH-Psk-ruyxqqj18RwGswrtzLxs2jEkp8iHFMjHInuhpba6kWir1jGJbBcN7da4xiJhLJ5Pn1zb2zLzLtAGnD6rswkRYmPI4A-i-bOJen9fIhN_dIlUac4gmvdgakPEA6q_Y/s1600/slide1.png'/></a> <div class='flex-caption'> <h3>Suitable for all screen sizes</h3> </div> </li> <li> <a href='ENTER-SLIDE-2-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuFFiHrs8lXxJqjbis-1s628LMLjTCtRTMvxLniTKzUIyvDjAHgV0MVjzNRmycMI6NakM68YvzrLHwU4hH2_S1jPvZ_36eW2_fwFp8Mgr33TrG9z08vEVEgZfPNG6Mgi73wP6pp-pL79Q/s1600/slide2.png'/></a> <div class='flex-caption'> <h3>Easy to Customize</h3> </div> </li> <li> <a href='ENTER-SLIDE-3-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOwn2NsyP9UQ_lpCArrH8eYNVVBEPjMefEKmNU5aL685aj88PR7BHDaMaAC7mdRv_2jLlqxqkFyAgAvjFJOfsexrx0a9qT_qxZa_NBz4Uc2pVwQJj41zohSblRvcezl1BZwkUUDpexfE/s1600/slide3.png'/></a> <div class='flex-caption'> <h3>Customizable fonts.</h3> </div> </li> </ul> </div> </div> <!-- end #slider --> Change "ENTER-SLIDE-X-LINK-HERE"s with real featured posts URLs and replace slide images URLs with your images URLs. Slide image size should be 1000px X 375px. How To Configure "A call-to-action text" Button Find this in "Edit HTML": <div class='call_to_action'> <div class='radial_gradient'> <div class='wrapper'> A call-to-action text <a href='#'>Contact us</a> </div> </div> </div> Replace "#" mark with your real contact URL. |
| You are subscribed to email updates from Premium Blogger Templates|Blogspot Themes To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
0 σχόλια:
Δημοσίευση σχολίου