Demo of Drop Down Menu With Recent Posts Based on Labels

This is demo of drop down menu with recent posts based on labels for all blogger users. Read more instruction from http://www.threelas.com

HTML

<script src='http://www.google.com/jsapi' type='text/javascript'></script>
<script type='text/javascript'>
      google.load("gdata", "1.x", { packages : ["blogger"] });
    </script>
        <script>
/* Copyright (c) 2012 Ibnu Syuhada,M.Sc http://www.threelas.com.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

var...

CSS

#navigation {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

#navigation li {
     display: block;
     float: left;
     position: relative;
}

#navigation li a {
     background: none repeat scroll 0% 0% #2C5463;
     border-top: 1px solid #909090;
     color: #FFFFFF;
     margin-left: 1px;
     padding: 5px 15px;
     text-decoration: none;
     white-space: nowrap;
}

#navigation li a:hover {
     background: none repeat scroll 0% 0% #617F8A;
}

#navigation li a:hover img {
     border: medium none;
     text-decoration: none;
}

#navigation li ul li a {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
     color: #000000;
     margin-left: 0px;
     padding: 1px;
     white-space: normal;
}

#navigation li ul li a:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
     color: blue;
}

#navigation li ul {
     display: none;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

#navigation li:hover ul {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 13px 13px 13px 13px;
     border: 8px solid firebrick;
     display: block;
     margin-top: 4px;
     position: absolute;
}