Tuesday, November 26, 2013

Cara buat kotak bayangan diblog

Cara membuat kotak bayangan diblog. Maksudnya adalah kita dapat membuat bayangan pada kotak yang ada diblog seperti pada bagian sidebar, posting, header dan juga pada bagian lain-lainnya. Contoh kotak bayangan seperti dibawah ini.



Untuk cara menerapkannya ke blog, kita coba edit pada bagian sidebar blog yang ada disebelah kanan/kiri blog. Caranya ikuti langkah-langkah dibawah ini.

  1. Login keblogger, lalu kepengaturan Tata Letak.
  2. Selanjutnya klik Desainer Template > Tingkat lanjut > Tambahkan Css. Dan masukan kode ini kedalamnya.
  3. .sidebar .widget {box-shadow: 0px 15px 15px #1780dd;}
  4. Maka hasilnya akan seperti contoh kotak bayangan diatas.
  5. Dan klik Terapkan ke blog, untuk menyelesaikan editan.

Berikut ini beberapa contoh kode box-shadow atau kotak bayangan yang dapat anda gunakan diblog.




    box-shadow: 0px 0px 15px #1780dd;


    box-shadow: 5px 5px 5px#1780dd;




    box-shadow: -5px -5px #1780dd;



    box-shadow: inset 0 0 10px;



    box-shadow: 5px 5px 5px 5px #1780dd;















    Silakan dicoba sendiri diblog anda, dengan menggunakan kode2 diatas. Untuk mengedit pada bagian yang lain silakan baca artikel cara mengganti blog dengan gambar atau cara membuat tulisan bayangan diblog disana ada kode2 bagian dari blog, yang dapat anda gunakan juga untuk diedit. Itulah sedikit cara mendesain blog menggunakan kode box-shadow atau kotak bayangan yang dapat digunakan diblog. Semoga bisa bermanfaat untuk anda.

    Share:

    0 comments:

    Post a Comment

    BTemplates.com

    Powered by Blogger.