Add dropdown menu to blog

February 28, 2015 at 01:54:31
Specs: Windows 7
How to add vertical dropdown menu to blog? I found code from this site and copied to my blog's new widget section:

corelangs.com/css/table/dropdownmenu.html

Dropdown menu added to my blog but i can't join my blog link (category) to dropdown menu. I need to create several general categories and subcategories.


See More: Add dropdown menu to blog

Report •

#1
February 28, 2015 at 01:55:49
THIS IS CODE OF MY BLOG:
============

<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'>
<title><%WindowTitle%></title>
<style type="text/css">
p {
margin: 0px;
}

body {
background: #F7F7F7;
margin: 0px;
margin-top: 30px;
}

td {
color: #555555;
font-family: arial, "Trebuchet MS"; verdana, sans-serif;
font-size: 10pt;
}

td.title {
background: #FFFFFF;
font-variant: small-caps;
padding: 10px;
font-size: 26pt;
text-transform: uppercase;
border: 1px solid #DDDDDD;
border-left: none;
border-right: none;
}

td.content {
padding: 10px;
padding-top: 20px;
line-height: 1.7;
}

h2 {
font-size: 12pt;
margin-top: 0px;
margin-bottom: 0px;
}

h3 {
font-size: 8pt;
margin-top: 2px;
margin-bottom: 0px;
font-family: verdana;
font-weight: normal;
color: #888888;
text-transform: uppercase;
}

font.bold {
font-weight: bold;
color: #AAAAAA;
}

div.link {
color: #CCCCCC;
padding-top: 20px;
}

font.gray {
font-weight: normal;
color: #555555;
text-decoration: none;
}

hr {
border: 1px dashed #CCCCCC;
height: 1px;
margin: 0px;
}

div.author {
margin-bottom: 6px;
}
#footer {
padding-top: 20px;
}
a:link { color: #3366CC; text-decoration: none; }
a:visited { color: #3366CC; text-decoration: none; }
a:hover { color: #6699FF; text-decoration: none; }

a.comment:link { color: #3366CC; text-decoration: underline; }
a.comment:visited { color: #3366CC; text-decoration: underline; }
a.comment:hover { color: #6699FF; text-decoration: underline; }

</style>
<link rel='shortcut icon' href='http://www.blogmn.net/images/blogmn.ico' />
<link href="http://www.dusal.net/css/commentbox.css" rel="stylesheet" type="text/css" />


</head>

<body>
<center>
<table width='98%' cellpadding='0' cellspacing='0' align='center'>
<tr><td align='center' class='title'><%Title%></td></tr>
</table>

<table cellpadding='0' cellspacing='0'>
<tr>
<td class='content' width='500' valign='top'>
<!-- START LEFTSIDE -->


<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h2>Архив</h2>
<%ArchiveInfo%>
</IfArchivePage>

<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<h2>'><%EntryTitle%></h2>
<IfCategoriesAllowed>
<div class='author'>Бичсэн
<%EntryCategory%></div>
</IfCategoriesAllowed>
<%EntryBody%>
<h3><%EntryTime%> - <%EntryDate%>
<IfCommentsAllowed> - ' class='comment'>Сэтгэгдэл {<%EntryCommentCount%>}
<IfCommentPostAllowed> - ' class='comment'>Сэтгэгдэл бичих </IfCommentPostAllowed>
</IfCommentsAllowed></h3>
</Entry>
</IfMainPage>

<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<h2>'><%EntryTitle%></h2>
<IfCategoriesAllowed>
<div class='author'>Бичсэн:
<%EntryCategory%></div>
</IfCategoriesAllowed>
<%EntryBody%>
<h3><%EntryTime%> - <%EntryDate%><IfCommentsAllowed>
<IfCommentPostAllowed> - ' class='comment'>Сэтгэгдэл бичих </IfCommentPostAllowed>
</IfCommentsAllowed></h3>


<IfCommentsAllowed>
<Comment>
<blockquote>
<h2><%CommentTitle%></h2>
<%CommentBody%>
<h3><%CommentAuthor%> <%CommentAuthorIP%> - <%CommentTime%> - <%CommentDate%> <CommentEdit> - Засах</CommentEdit> <CommentDelete> - Устгах</CommentDelete>
</h3>
</blockquote>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>

<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<h2>'><%EntryTitle%></h2>
<div class='author'>Бичсэн:
<%EntryAuthor%></div>
<%EntryBody%>
<h3><%EntryTime%> - <%EntryDate%>
<IfCommentsAllowed> - ' class='comment'>Сэтгэгдэл {<%EntryCommentCount%>}
<IfCommentPostAllowed> - ' class='comment'>Сэтгэгдэл бичих</IfCommentPostAllowed>
</IfCommentsAllowed></h3>
</Entry>
</IfFriendsPage>


<IfPages>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='50%'><div class='link'>

<LaterLink>Өмнөх хуудас</LaterLink>
</div></td>
<td width='50%' align='right'><div class='link'>
<EarlierLink>Дараагийн хуудас </EarlierLink>
</div></td>
</tr>
</table>
</IfPages>
<div id="footer">©<script type="text/javascript"><!--
var currentTime = new Date(); var year = currentTime.getFullYear(); document.write(" "+year+" он "); //--></script> "> <%Title%></div>
</td>
<td class='content' width='200' valign='top'>
<!-- START RIGHTSIDE -->

Тухай:

<%Description%>


<%Calendar%>



'>Нvvр


'>Хувийн мэдээлэл


'>Архив


'>Найзууд
<Link>
'><%LinkTitle%></Link>




<strong>Шинэ бичлэгvvд </strong>


<RecentEntry>
- <%RecentEntryTitle%>

</RecentEntry>



Найзууд

<Friends>
- '><%FriendUsername%>

</Friends>

<!-- widget start -->
<Categories>
<ul>
<li>"><%Category%></li>
</ul>
</Categories>
<!-- widget end -->

</td>
</tr>
</table>


</center>
</body>
</html>


Report •

#2
February 28, 2015 at 09:34:06
This is section for new widget. This code copied from blog hosting site where my blog opened (<Categories> <ul><li>"><%Category%></li></ul></Categories>). I opened test blog. URL links of my categories:
http://test.blogmn.net/category1/
http://test.blogmn.net/category2/

<!-- widget start -->
<Categories>
<ul>
<li>"><%Category%></li>
</ul>
</Categories>
<!-- widget end -->


Report •
Related Solutions


Ask Question