How to add a navigation bar with icons in it?


Hello, I’m new at coding blogs. I have made the icons, but do not know how to add them to a blog and use them as navigation bar icons. I don’t want to use text, only these icons. I want to use html code. I have found some codes on the Internet, but do not know where to put them. My current navigation bar code looks like this: <b:section class=‘navbar’ id=‘navbar’ maxwidgets=‘1’ name=‘Navbar’ showaddelement=‘no’> <b:widget id=‘Navbar1’ locked=‘true’ title=‘Naršymo juosta’ type=‘Navbar’ visible=‘true’> <b:includable id=‘main’><script type=“text/javascript”> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener(‘load’, function(){ object[attribute] = val; }, false); } else { window.attachEvent(‘onload’, function(){ object[attribute] = val; }); } } </script> <div id=“navbar-iframe-container”></div> <script type=“text/javascript” src=“”></script> <script type=“text/javascript”> gapi.load(“”, function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: ‘\x3d4680233334335588142\x26blogName\x3dspragintas+kinas\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3d\x26blogLocale\x3dlt\x26v\x3d2\x26homepageUrl\x3d\x26vt\x3d-5349085031325688679’, where: document.getElementById(“navbar-iframe-container”), id: “navbar-iframe” }); } }); </script><script type=“text/javascript”> (function() { var script = document.createElement(‘script’); script.type = ‘text/javascript’; script.src = ‘//’; var head = document.getElementsByTagName(‘head’)[0]; if (head) { head.appendChild(script); }})(); </script> </b:includable> Perhaps anybody could help me? Link to blog:


You might visit here to have your answers. :slight_smile: