How to add a navigation bar with icons in it?


#1

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=“https://apis.google.com/js/plusone.js”></script> <script type=“text/javascript”> gapi.load(“gapi.iframes:gapi.iframes.style.bubble”, function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: ‘https://www.blogger.com/navbar.g?targetBlogID\x3d4680233334335588142\x26blogName\x3dspragintas+kinas\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://spragintaskinas.blogspot.com/search\x26blogLocale\x3dlt\x26v\x3d2\x26homepageUrl\x3dhttps://spragintaskinas.blogspot.com/\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 = ‘//pagead2.googlesyndication.com/pagead/js/google_top_exp.js’; var head = document.getElementsByTagName(‘head’)[0]; if (head) { head.appendChild(script); }})(); </script> </b:includable> Perhaps anybody could help me? Link to blog: spragintaskinas.blogspot.lt


#2

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

https://www.w3schools.com/howto/howto_css_icon_bar.asp