How to Make a Dropdown Menu Widget in Blog

What Muslims there buddy? Why Blog Again With You? Want to Have Menu but Not Have? So when we read the article yuk Here, the "How to Create a Dropdown Menu Widget in Blog"





Only direct ...


Previous Read Past:

Well, Now We Start Only:

1. open layout / layout

2. Add gedget, then find HTML / Javascript

3. The following HTML text copy, then paste the code below

<style></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">/*------ CSS3 Drop Down Menu -- http://amazeof.blogspot.com---------*/</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">width: 100%;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">margin: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">padding: 10px 0 0 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">list-style: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: #000000;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -moz-linear-gradient(#444, #000000);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444));</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -webkit-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -o-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -ms-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-border-radius: 50px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-radius: 50px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-box-shadow: 0 2px 0px #9c9c9c;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-webkit-box-shadow: 0 2px 0px #9c9c9c;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">box-shadow: 0 2px 0px #9c9c9c;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu li</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">float: left;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">padding: 0 0 10px 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">position: relative;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">line-height: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu a</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">float: left;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 25px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">padding: 0 25px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">color: #999;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">text-transform: uppercase;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">font: bold 12px/25px Arial, Helvetica;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">text-decoration: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">text-shadow: 0 1px 0 #000;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu li:hover > a</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">color: #fafafa;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">*html #menu li a:hover /* IE6 */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">color: #fafafa;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu li:hover > ul</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">display: block;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">/* Sub-menu */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">list-style: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">margin: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">padding: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">display: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">position: absolute;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">top: 35px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">left: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">z-index: 99999;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: #444;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -moz-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -webkit-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -o-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -ms-linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: linear-gradient(#444, #111);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">box-shadow: 0 0 2px rgba(255,255,255,.5);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-border-radius: 5px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-radius: 2px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul ul</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">top: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">left: 150px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul li</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">float: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">margin: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">padding: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">display: block;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul li:last-child</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-box-shadow: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-webkit-box-shadow: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">box-shadow: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul a</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">padding: 10px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 10px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">width: 130px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: auto;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">line-height: 1;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">display: block;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">white-space: nowrap;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">float: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">text-transform: none;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">*html #menu ul a /* IE6 */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 10px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">*:first-child+html #menu ul a /* IE7 */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 10px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul a:hover</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: #0186ba;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -moz-linear-gradient(#04acec, #0186ba);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -webkit-linear-gradient(#04acec, #0186ba);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -o-linear-gradient(#04acec, #0186ba);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: -ms-linear-gradient(#04acec, #0186ba);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">background: linear-gradient(#04acec, #0186ba);</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul li:first-child > a</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-border-radius: 5px 5px 0 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-radius: 5px 5px 0 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul li:first-child > a:after</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">content: '';</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">position: absolute;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">left: 30px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">top: -8px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">width: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-left: 5px solid transparent;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-right: 5px solid transparent;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-bottom: 8px solid #444;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul ul li:first-child a:after</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">left: -8px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">top: 12px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">width: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-left: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-bottom: 5px solid transparent;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-top: 5px solid transparent;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-right: 8px solid #444;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul li:first-child a:hover:after</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-bottom-color: #04acec;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul ul li:first-child a:hover:after</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-right-color: #04acec;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-bottom-color: transparent;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"><br></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu ul li:last-child > a</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">-moz-border-radius: 0 0 5px 5px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">border-radius: 0 0 5px 5px;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">/* Clear floated elements */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">#menu:after</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">{</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">visibility: hidden;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">display: block;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">font-size: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">content: " ";</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">clear: both;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">height: 0;</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">}</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">* html #menu { zoom: 1; } /* IE6 */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif">*:first-child+html #menu { zoom: 1; } /* IE7 */</font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"></style></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"><div id="home"> <a href="<font color="#00ff00">#</font>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTsq_xMIhUTiDW6iljURzHVoG-a2OZ1pUZibfHx_mWyZdcJ7aP0Dr1Kl9TaJ3VsU2k6qsysil1E4oq2zBUjjSCF0OpAtiMfpJzCFAXYwjD8CDMwTgEE1qZdBV4aQSzkwosm_hvWZmplP2/s320/home.png" alt="home" /></a></div> </font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"><ul id="menu"></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <li><a href="<font color="#00ff00">#</font>">Daftar Isi</a></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <li><a href="<font color="#00ff00">#</font>">Download</a></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <ul></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <li><a href="<font color="#00ff00">#</font>">games</a></li> </font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <li><a href="<font color="#00ff00">#</font>">software</a></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"></li> </font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"></ul> </font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"></li> </font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"><br></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <li><a href="<font color="#00ff00">#</font>">menu 1</a></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> <li><a href="<font color="#00ff00">#</font>">Menu 2</a></font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"></li> </li> </li> </font></p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"></ul>

Caption "Change the # With Links Blog Buddy Muslim."


4. Thank God It's Finished.