membuat submenu vertikal pada blogspot

MEMBUAT SUBMENU VERTIKAL PADA BLOGSPOT BAGUS


Here's a cool widget to fit as many possible links as you want in the minimum possible space.
The widget is completely customizable (background color, text color and number of tabs/links).

Follow these simple instructions, to add this widget to your blog:

STEP #1

Log in to Blogger, and go to "Layout" -> "Edit HTML"

Search for this code in the template:
</head>
Now immediately ABOVE/BEFORE that, paste THE CSS code from DynamicDrive:



NOTE (Important): In the code from DynamicDrive, copy the code ONLY till this tag
</style>

and the code from
<script type="text/javascript">
onwards, paste it in the HTML/JavaScript widget (read STEP #2 below).

Now save the template.

STEP #2
Then go to "Layout" -> Click on "Add a Gadget" and select it as "HTML/JavaScript" type.
And paste this code in it:

<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Sub Item 2.1.3</a></li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="http://bloggerstop.net">Blogger Help</a></li>
</ul>
</div>

NOTE: Also paste the remaining code from STEP #1 in the same widget.

Komentar

Postingan populer dari blog ini

Stereo Wave PowerPoint Templates

10 Jenis Hiu Terbesar di Dunia [Full PICT+]

Grid Mosaic PowerPoint Templates