Easy Html Tutorials

Stats

/

Notifs

Due to my lack of time for being online I can't answer questions anymore, but please use these tutorials to help you create a beautiful blog!

The results are in! Look here to see the survey responses.

NETWORKS

Support Me
Support easy-html-tutorials! If you enjoy my tutorials, consider adding one of the following to your blog!

Easy Html Tutorials
Slide From Left Updates/Networks Tab

Here is how the tab will look on your blog:

image

For a live preview, go to my (Megan) main blog here and look on the left!

Here is how to install the hover tab on your blog:

  1. First, find </style> in your theme. An easy way to do this is by pressing Ctrl+F and typing </style>.
  2. Once you find that, paste this code directly above it. If you cant find <style>, just paste it after <style> or <style type=”text/css”>.
  3. Next, you need to find <body> or </body>
  4. Once you have found that, paste this code either after <body> or before </body>

Now to customize your hover tab!

  1. Replace “SLIDE TITLE” with what you would like your tab to say. (ex: HOVER) You can also use some cute text symbols from here!
  2. Then replace “SLIDE TEXT GOES IN HERE (NETWORKS/UPDATES/WHATEVER YOU WANT)” with what you would want to say in your tab! Use the tag <br> to create a new line within the text! 

 

* Like this post if you found it helpful! *

 


This post has 239 notes
Tagged with: #networks tab #updates tab #slide out tab #hover tab #hover tab tutorial #hover tab customization #slide tab #hover bar #tumblr hover tab #networks tab tutorial #tabs #tuts #HTML Tutorial #tutorial blog
  1. reignning reblogged this from easy-html-tutorials