Adding the WebRing NavBar to your Blogger/Blogspot blog is exceptionally easy. Follow the written tutorial provided below:
First, you need to get the NavBar code…
Click on the My Account button in the top menu to open your account page.
Click on the URLs tab and locate the address for your blog.
Click on "Get SSNB Code" found to the right of your blog's URL. This will open a new page with the SSNB Code.
Copy (CTRL + C)all of the code contained within the text block.
Now, you're ready to add the NavBar to your Blogger/Blogspot blog…
Log in to your Blogger account.
Click the "Layout" link to the right of your blog's title, as found in the Dashboard. This will open a new page with a bunch of "modules" that make up the look of your blog.
At the very bottom, you should see a long vertical bar that spans the length of all your blog's columns. Click the link that says, "Add a Page Element." This will open a pop-up window.
Locate the HTML/JavaScript option and click the "ADD TO BLOG" button. The window will change to show a title and text field.
Paste (CTRL + V) the WebRing SSNB code into the main (biggest) text field. (You can provide a title if you want, but it's not required.)
Click the "Save" button.
That’s it! If you have successfully added the WebRing NavBar, you will see something similar to this:
Note about NavBar Placement
Our current NavBar tends to be wide, which means that adding the NavBar to your blog's side column is not the best option. The NavBar will get cut off or cause your sidebar to stretch wider than you would like. We recommend that you add the NavBar to your Blogger/Blogspot footer.