Jumat, 11 Mei 2012

Lagu Bruno Mars untuk blog

Posted On 00.24 by Muhammad Yahya 0 komentar

Login ke blog
rancangan + gadget
+HTML/javaScript
taruh di situ lalu tunggu 
Lihat hasil nya



                                                    Mars - Just The Way You Are

Copas Embed Nya
 

Bruno Mars - Grenade

Copas Embed Nya

Bruno Mars - The Lazy Song

Copas embed nya


Semoga Bermanfaat


Kamis, 10 Mei 2012

macam macam css border

Posted On 22.40 by Muhammad Yahya 0 komentar

BEBERAPA MACAM CSS BORDER
    1. none
    2. dotted
    3. dashed
    4. solid
    5. double 
    6. groove 
    7. ridge 
    8. inset 
    9. outset
    : Tidak mendefinisikan garis perbatasan
    : Mendefinisikan perbatasan garis titik-titik.
    : Mendefinisikan perbatasan garis putus-putus.
    : Mendefinisikan perbatasan garis penuh.
    : Mendefinisikan perbatasan garis ganda.
    : Mendefinisikan perbatasan garis berlekuk 3D.
    : Mendefinisikan perbatasan garis bergerigi 3D.
    : Mendefinisikan perbatasan garis inset 3D.
    : Mendefinisikan perbatasan garis outset 3D.
Cara menggunakannya:
  1. none
  2. <p style="border: 3px none; #000000; padding: 20px;">Tidak mendefinisikan garis perbatasan</p>
    Tidak mendefinisikan garis perbatasan
  3. dotted
  4. <p style="border: 3px dotted; #000000; padding: 20px; align: center;"> Mendefinisikan perbatasan garis titik-titik.</p>
    Mendefinisikan perbatasan garis titik-titik.
  5. dashed
  6. <p style="border:3px dashed; #000000; padding: 20px;"> Mendefinisikan perbatasan garis putus-putus.</p>
    Mendefinisikan perbatasan garis putus-putus.
  7. solid
  8. <p style="border:3px solid; #000000; padding: 20px;"> Mendefinisikan perbatasan garis penuh.</p>
    Mendefinisikan perbatasan garis penuh.
  9. double
  10. <p style="border: 5px double; #000000;padding: 20px;"> Mendefinisikan perbatasan garis ganda.</p>
    Mendefinisikan perbatasan garis ganda.
  11. groove
  12. <p style="border: 10px groove; #000000; padding: 20px;"> Mendefinisikan perbatasan garis berlekuk 3D.</p>
    Mendefinisikan perbatasan garis berlekuk 3D.
  13. ridge
  14. <p style="border: 10px ridge; #000000; padding: 20px;"> Mendefinisikan perbatasan garis bergerigi 3D.</p>
    Mendefinisikan perbatasan garis bergerigi 3D.
  15. inset
  16. <p style="border: 10px inset; #000000; padding: 20px;"> Mendefinisikan perbatasan garis inset 3D.</p>
    Mendefinisikan perbatasan garis inset 3D.
  17. outset
  18. <p style="border: 10px outset; #FF3300; padding: 20px;"> Mendefinisikan perbatasan garis outset 3D.</p>
    Mendefinisikan perbatasan garis outset 3D.








Get Free Music at http://tukaranbanneryuk.blogspot.com/

Get Free Music at http://tukaranbanneryuk.blogspot.com/



Free Music at divine-music.info



cara mudah membuat menu horizontal

Posted On 22.38 by Muhammad Yahya 0 komentar

Menu ini biasanya terletak di bawah header.
Di bawah ini adalah gambar menu navigasi horizontal yang akan kita buat.

Kita langsung saja menuju bagaimana cara membuatnya.
  • Masuk ke blog sobat
  • Pilih tata letak atau rancangan.
  • Klik tambah gadget.
  • Pilih HTML/Java Script.
  • Kemudian masukkan kode di bawah ini.
    <style type="text/css">
    /*----------------------------------*/
    .Nav a { width: auto; height: auto; text-decoration: none; }
    .Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 20px;font-weight:bold; font-size:12px; }
    .Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #000000;}
    </style>
    <div style="border: 3px solid #ffcc99; height:px;background-color:#FF3366;">
    <div style="width: auto; padding: 10px;" class="Nav" align="left">
    <a href="http://activekita.blogspot.com"target="_blank"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>
    <a href="http://activekita.blogspot.com/2010/01/kode- warna.html"target="_blank"><span style="font-weight:bold;color:#FFff00;">JUDUL1 </span></a>
    <a href="http://activekita.blogspot.com/2010/08/menambah-satu-kolom-di-bawah-header.html"target="_blank"><span style="font-weight:bold; color:#FFff00;">JUDUL 2</span></a>
    <a href="http://activekita.blogspot.com/2010/10/membuat-menu-navigasi-horizontal.html"target="_blank"><span style="font-weight:bold; color:#FFff00;">JUDUL 3</span></a>
    <form action="http://activekita.blogspot.com/search" id="searchform" method="get" style="display: inline; float:right; padding-right:10px; padding-bottom:px" > <input id="searchbox" maxlength="" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" /> <input class="btn" name="" " value="search" type="submit" span style="font-weight:bold; font-size:12px; color:#ff3399" />
    </form>
    </div></div> 
  • Ganti yang warna hijau dengan alamat link milik sobat. Bila perlu sobat bisa tambah dengan link sobat yang lain.
    Jangan lupa isi juga keterangan yang sesuai pada judul.
  • Klik simpan.