25 April 2013

Cara membuat blok menu dengan efek bayangan menggunakan CSS3

Posted at  12.54  |  in  tips dan triks blog



Menu CSS yang satu ini memanfaatkan kemampuan CSS3 untuk menetapkan beberapa efek bayangan / sisipan bayangan (sehingga timbul efek bayangan di dalamnya) pada elemen item menu ini. Menu dibuat dengan tepi yang dikikir miring dan timbul pancaran sinar ketika mouse diarahkan ke menu tersebut. 


KODE CSS 



  • Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
  • Kemudian pilih -> Template ->Backup template terlebih dahulu-> Edit HTML


  • Cari tag/kode ]]></b:skin> tekan CTRL+F untuk memudahkan pencarian
  • Berikutnya Pastekan kode CSS tepat diatas tag  ]]></b:skin> 
  • Simpan template... 
  • Masuk lagi ke Blogger ->Tata Letak-> Tambahkan Gadget -> HTML/Javascript  
  • Pastekan kode berikut di bawah ini didalamnya
<div class="shadowblockmenu">
<ul>
<li><a href="http://jalu-pangna.blogspot.com/">Home</a></li>
<li><a href="http://jalu-pangna.blogspot.com/search/label/CSS">CSS</a></li>
<li><a href="http://jalu-pangna.blogspot.com/search/label/tips%20dan%20triks%20blog">tips dan trik blog</a></li>
<li><a href="http://jalu-pangna.blogspot.com/search/label/jquery-javascript">JQuery Javascript</a></li>
<li><a href="http://jalu-pangna.blogspot.com/search/label/widget">gadget</a></li>
</ul>
</div> 

CATATAN: 
  • Silahkan Ganti link yang berwarna  dengan URL/Link anda
 HAPPY BLOGGING..!

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 12.54
Anda menyukai postingan di atas? Silahkan di share..!
Blogging dan wawasan spiritual Post Author

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.

1 komentar:

About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top