✔ Cara Menciptakan Sajian Horizontal Css

Alhamdulilah Berhasil juga memasang hidangan  menggunaka  CSS, disini saya tidak memakai gambar sedikitpun, sebab repot dan suka agak berat cuman dilengkapi dengan Serach Google item hidangan dipilih menyatu dengan pita dibawah nya menonjolkan warna orange. Seperti sudah saya sebutkan, hidangan tidak memakai gambar. Menurut saya hidangan ini tampak modern. Bagi yg ingin memasang hidangan ibarat ini silahkan tinggal copy paste script di bawah ini

Cara memasang nya ibarat biasa mungkin agan sudah tak ajaib lagi cara memasang isyarat CSS nya,
1.Tentunya masuk keakun blog Agan
2.masuk ke edit html

3.Centang Expand Widget Templates
4.masukan isyarat dibawah sempurna di atas
]]></b:skin>
<style type="text/css"> #modernbricksmenu{ padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; } #modernbricksmenu ul{ font: bold 11px Arial; margin:0; margin-left: 40px; /*margin between first hidangan item and left browser edge*/ padding: 0; list-style: none; } #modernbricksmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; } #modernbricksmenu a{ float: left; display: block; color: white; margin: 0 1px 0 0; /*Margin between each hidangan item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: black; /*Default hidangan color*/ border-bottom: 1px solid white; } #modernbricksmenu a:hover{ background-color: gray; /*Menu hover bgcolor*/ } #modernbricksmenu #current a{ /*currently selected tab*/ background-color: #D25A0B; /*Brown color theme*/ border-color: #D25A0B; /*Brown color theme*/ } #modernbricksmenuline{ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #D25A0B; /*Brown color theme*/ } #myform{ /*CSS for sample search box. Remove if desired */ float: right; margin: 0; padding: 0; } #myform .textinput{ width: 190px; border: 1px solid gray; } #myform .submit{ font: bold 11px Verdana; height: 22px; background-color: lightyellow; } </style><br />

5.Save tempelate
6.Setelah itu masuk ke element laman klik add gadget kemudian pilih HTML/java script
7.masukan isyarat dibawah ini
<div id="modernbricksmenu"><ul><li style="margin-left: 1px"><a href="http://ujang-suryadi.blogspot.com/" title="✔ Cara menciptakan hidangan Horizontal CSS">Home</a></li> <li><a href="http://ujang-suryadi.blogspot.com/p/jasa-akun-adsense-plus-blogspot.html" title="✔ Cara menciptakan hidangan Horizontal CSS">New</a></li> <li id="current"><a href="http://ujang-suryadi.blogspot.com/p/tool-kode-warna.html" title="✔ Cara menciptakan hidangan Horizontal CSS">Revised</a></li> <li><a href="http://ujang-suryadi.blogspot.com/p/order.html" title="✔ Cara menciptakan hidangan Horizontal CSS">Tools</a></li> <li><a href="http://ujang-suryadi.blogspot.com/p/order.html" title="✔ Cara menciptakan hidangan Horizontal CSS">Forums</a></li> </ul><form id="myform"><input type="text" class="textinput" /> <input class="submit" type="submit" value="Find" /><br /> </form></div><div id="modernbricksmenuline"> </div>

8.Save kemudian lihat hasil nya selamat mencoba agar berhasil.

Bagikan Artikel ini