Pages

tombol menu dan tombol share serta tombol search dibawah header

masukkan kode ini diatas kode skin
 /* Menu Horizontal Bottom
---------------------------------------------*/
.menubottompic {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJFlgiDO_ZzAPBR-8T29u0dykmIYYr_PM0LcV7xS-evqXawuzvltrvO7JiYRMyDNUzkrNn8SKiPNkLdYkONSU87nyWvNZeHHWwUHwP_c3BGeB2VO_5aQUDmVUhyRfujax_Vl0AT3tTVfo/s0/bottommenu.png) repeat-x top left;width:962px;margin:0 auto;padding:0 auto;height:42px;border-bottom:1px solid #A6A6A6;border-top:3px solid #FF8000}
.bottomsearch{width:300px;float:right;margin:0 auto;padding:0 auto;}
.menubottom {width:660px;float:left;height:20px;margin:0 auto;padding:14px 0;}
.menubottom ul {margin: 0;padding-left:0px;color:#fff;list-style-type: none;font:bold 12px Arial,sans-serif;text-shadow:0 1px 0 #000}
.menubottom li{display: inline; margin: 0;}
.menubottom li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGqOPUJDkqXhyphenhyphenNDOBorpxUL6PLRXEFOOyUwJERKT_B5KG5jEkmwLDHOLSeVyhTJH8JUSg_hFQUPE9ZHXvPNx4a5rCx-Jq0dQfbr10Uwg3Ph1eUw8rVL27NKy77599n7L7Fy-zVZ7HOeul2/s0/horiz-menu-div.png) no-repeat center right;float: left;display: block;padding:3px 8px;color:#F2F2F2;line-height: 1.2em;}
.menubottom li a:visited{color:#F2F2F2;}
.menubottom li a:hover {color:#FACD49;text-decoration:none;}


 tombol menu dan tombol share serta tombol search dibawah header



<!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
<div class='menubottompic'>
<div class='menubottom'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWjWbFhTOkoX0QSnmoW2ovFvzzemEM5PjyYIaUAEYRCD5WccfIuFLNBe70Kr-wC11KqMYRVnaq66hri3Yt-YvJBI1TQRgzdyhFhJqOkpvqoPsYSsBa0jfc1CtEYRb-oquLl_9te9inJCE/s0/home_bg.png' style='padding:0px;'/> Home</a></li>

<li><a href='#' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#'>Link</a></li>
<li><a href='#'>Link</a></li>
<div style='float:center;text-align:right;padding:0px;padding-right:50px;margin-top:-3px'>
<a class='toptop' href='http://twitter.com/YOUR_USERNAME'><img alt='Twitter' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEFQ9icopqM0UGYZKjS6iEwysbO_Hap6adM6rZDt54TdDoxkyf9aVYM5o1AXUYOBfKWKWHM_6pdq_AajwEzkhn-VkhSe9QPzVgVgT3qBe7KWHfZloUsX_Ns2M94CVL74s-L-2zUInDGn_y/s0/twitter-icon.png' width='30'/></a>
<a class='toptop' href='http://facebook.com/YOUR_USERNAME'><img alt='Facebook' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaPIpu0iHp9PBzdqH_FxX4zHxFqf_3W5vXdR7h9ERHRSD7GhL5jdds61Xnfop0rl95EW9cndEbH5cQ28g7h_CQkOGOh0L3fKamQEVNW_A5G-5ETZr3n9Kpjj9Istu4SrWxM7nxLp_6JlTZ/s0/facebook-icon.png' width='30'/></a>
<a class='toptop' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='Feedburner' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUKYyoplXVl7VsLrqWRK32wA86IQ5iadzV5fiABVDnLHJuxM7JSzpX5BbCOyubV0Xk_zrXEKvufhSugfCT-1sumSzJ9bnLMkI4A1yisFov0gmCyXizjOYN72Kw8RCZZujulj6LYWVheX2/s0/rss-icon.png' width='30'/></a>
<a class='toptop' href='http://plus.google.com/'><img alt='Google +1' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzqjsyFA8oas6gOjEb57iCm_kmIBC9WQ_h-1jTKe7OoMxTfYAHLyHI93RlOGjnBX0Py-YKsysRVbwDEFmTHk7zl7VSaAQ6maQWn0tHyH15QbmnlZOlJz8NdeCL3QovoqcSTYYAlcIgbppQ/s0/gplus-icon.png' width='30'/></a>
<a class='toptop' href='link-edit-youtube'><img alt='youtube' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycTA7vMi-PbJ8qeyA_ZTZqZlMXu-qKxh4Rn9JOhKTw3A0p82wmKFAii7nOpa-ZBCKrUAiCQBBExMkkTgdHvzodkQIKnNLwBOURFRRuN8TFHT83TZ3FcXkAQxzoJJSSE5p2ijTXZ9qOwY_/s0/youtube-icon.png' width='30'/></a>
<a class='toptop' href='http://flickr.com/YOUR_USERNAME'><img alt='flickr' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgGcey5gWLRk_8NIUOFlIdUZrIhkX9U-hgEAUBZP8Ri8Q-Y4F2MAWWDXwgKAuGiam64Qiy416_0yx_2subAjZoY8VXFiRx5qywWM3EpuzuXDUGXCRnu9CfhCeUU9-3ccaxuMLyHqOR4XE/s0/flickr-icon.png' width='30'/></a></div>
</ul>
</div>
<div class='bottomsearch'>
<div style='float:right;padding:12px 15px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://creatingwebsite-maskolis.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2P2-UvBK2TCcUTwDbMwI1P4cjQRETPv1DkkhDCnaD-iEU_7QkoLpiPJtDX5jlSBMrYMFdLAhKRl8X1lkw88PrHtEZQj6CcSCXk7wl735WBl84GQO743gUdHWhCPBb0YO6WSEsITIYfcD/s0/bg_field.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNSLLQyWg1noKvebh7pbbscajMoOYspaK4NHl5MEuR4rXHtY9meVuoh4QXEkCchhVVdbFBPfyiRif9NIjOyrimwmXgt6hJmrEJgZgiYI31pSW6pPq-EbMEpdSGgMi-aaTzv309GgBv1IJP/s0/bg_search.gif' type='image' value='Search'/>

</form>
</div>

</div>    
<div style='clear:both;'/>
</div>

Share it:
Sobat sedang membaca artikel tentang tombol menu dan tombol share serta tombol search dibawah header. Silahkan baca artikel bloger sejati Tentang | yang lainnya.
Anda baru saja membaca artikel yang berjudul tombol menu dan tombol share serta tombol search dibawah header.Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2014/02/tombol-menu-dan-tombol-share-serta.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie