How To Configure Social Buttons and Navigation Menu in Blogger

How To Configure Social Buttons and Navigation Menu in Blogger

How To Configure Social Buttons

Find this in "Edit HTML":

<!-- BEGIN TOP SOCIAL LINKS -->
<div id='topSocial'>
   <ul>
      <li><a class='linkedin' href='http://www.linkedin.com' rel='nofollow' target='_blank' title='Join us on LinkedIn!'><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDfRBK3ZAUQuhCN5JuRQnFw0XcYw4qolreLdcSaSxeqNciphWZRn_xL5cnWcY0kjMcvWHxv18hTxRO7LP5FquKMZ3XrLLRhSSsrmxH4PUXMVPN4Paw60M-jF3hncr-CaW0hO1al7quflk/s1600/ico_linkedin.png'/></a></li>
      <li><a class='twitter' href='http://www.twitter.com/newbthemes' rel='nofollow' target='_blank' title='Follow Us on Twitter!'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2SY_wuXgfUfayR_3svEyT26y9mvrHi__akR7JVYiTKN3QlCwUXQLFo4kAMZvq8dBWc5HUbo9KYvlCwkZQO2SOOri8Q-GE0L-04LNEZ3NwGQuAF8DuHyPJ8C63XCu6jp5xx2zOhCFjEZI/s1600/ico_twitter.png'/></a></li>
      <li><a class='twitter' href='http://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Join Us on Facebook!'><img alt='Join Us on Facebook!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2TXZnJpAZYNULlpY2KefhNgz1HSXYch6ebHoAvZEwhd_NITNeSXPQABL2g3SApltPNxbfy_-9yZZwRa4K5wD9BHl8Iwm9_7PWZIqIG0QorjIqpK8A-vbms3fGG7CqpPFrTzONW3KUI0/s1600/ico_facebook.png'/></a></li>
	  <li><a class='googleplus' href='https://plus.google.com/' rel='nofollow' target='_blank' title='Join Us on Google Plus!'><img alt='Join Us on Google Plus!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzmGTryLNQl3JugudNfcQ4W_h3tdHaCjGvf10sHqL_mkykqQc2ZNaZxcGowzq2cYBkP2czMf7Ajyh3m1bToAovAt75yQTAyY0sW2mnVJltwpKuF_n0NKN6JVWSdkw-rtrUBWso2kHxvEg/s1600/ico_googleplus.png'/></a></li>
      <li><a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='RSS'><img alt='Subcribe to Our RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0rRLNIHJf60XRR4JYpQUhuIDV6qeNGTxkdUh6pii2yXSD-bA8TdvYAwTocKx-xwlv6IqfNmGdQRb7RBezBsLso0brotNjRrPHkJA6MEBmkFcqVNHT3VTGOrsU4S0Z2Xr5uWyhq-NIbuM/s1600/ico_rss.png'/></a></li>
   </ul>
</div>
<!-- END TOP SOCIAL LINKS -->

Replace existing social links with your own social links.

How To Configure Top Navigation Menu

Find this in "Edit HTML":

<!-- BEGIN MAIN MENU -->
<nav class='ddsmoothmenu' id='mainMenu'>
<ul class='menu' id='menu-topmenu'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Blog</a>
<ul class='sub-menu'>
	<li><a href='#'>Freebies</a></li>
	<li><a href='#'>Photoshop</a></li>
	<li><a href='#'>Showcases</a></li>
	<li><a href='#'>Tutorials</a></li>
</ul>
</li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</nav>
<!-- END MAIN MENU -->

You can change "#" marks with your URLs and anchor text with your own words.