Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Cara membuat background menjadi warna lain with photoshop

23:27 0
Selamat malam sahabat blogger setia dimana pun kalian berada :)
Udah lama nih nggak post., soalnya bingung mau post apaan :v
Nah sekarang saya mendapatkan trik baru., mau tahu ? ikuti saya !!

Oke disini kita harus tau tata letak untuk membuat background...
kalau kagak salah membuat background itu di antara <style> dan </style> kalau tidak ada ke-2 kode itu nah mau jadi seperti apa background itu ? tentunya rusak donk :)

Nah ini gambar di bawah contoh background yg belum di ubah :)


Tapi background di atas itu akan kita ubah melalui photoshop., sekarang kita buka photoshop nya
sesudah kalian buka photoshop nya kita mengambil link codenya di photoshop dengan cara? ikuti saya...

1.Kalian membuat layer baru dengan cara ctrl+n., lalu pilih berapa ukuran sesuka anda , lalu ok...
2.kita klik di layer yg terdapat di bawah dengan menekan klik kanan atau (lihat gambar)


3.kemudian kalian klik Blending option... setelah kalian klik maka tamplian nya akan seperti ini


4.Kemudian kalian klik outer glow/inner glow... sesudah kalian meng-klik salah satu dari menu ke dua itu kemudian kalian pilih gambar buat background kalian :) oo iya hampir lupa saya., sesudah kalian klik inner glow atau outer glow kalian klik gambar kecil nah gambar itu untuk mengambil kodenya., kodenya itu berada di bawah atau kalian lihat gambar di bawah ini...


Nah gambar di atas udah ada penjelasanya., sekarang terserah kalian mau pilih gambar apa .
Kalau aku gambar merah supaya terlihat tampan gitu . Maka hasilnya akan seperti ini


wah , udah berubah tuh background nya dari hitam jadi merah., gimana mudahkan...
oke sekian dulu tutorial saya ini nnti kita lanjut lagi ya...

NB : jika kalian mau copas artikel tolong naruh sumbernya ya., supaya kita saling menghargai...
        Jika kalian bingung bisa berkomentar di bawah saja ya :)

author : Alsaskar Mirando Malalantang

Cara menambahkan music di html

00:25 0
Selamat Malam :)
Kali ini saya akan share cara menambahkan music di html
cara ini cukup mudah dan simple.... :)
Oke langsung saja ya :)

Oke , langsung saja ya cara menambahkan/menyisipkan music di html

Cari dulu lagu aa yg kalian mau ambil alias lagu idola :v
kalo aku si Slank Kritis BBM ^_^

Langkah" :

1. Pergi ke youtube (Click here)
Setelah itu tampilan akan seperti di bawah ini :)



contoh di atas https://www.youtube.com/watch?v=7t-muuicsSU

nah yang kita ambil itu yang warna biru setelah watch?v=disini saya 7t-muuicsSU

oke langsung ambil kode
<embed src="http://www.youtube.com/v/vwMMqEJexvs&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="0" height="0"></embed>

yang warna biru diganti dengan kode belakang youtube 

contoh saya
<embed src="http://www.youtube.com/v/7t-muuicsSU&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="0" height="0"></embed>

pasang aja di script deface atau HTML kalian bisa di taruh dibwah ataupun dimana :D
contoh  : 

 <html>
<embed src="http://www.youtube.com/v/7t-muuicsSU&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="0" height="0"></embed>
<title>Hacked by Alsaskar_Attacker</title> 
<meta name="robots" content="index, follow"> 
<link rel="SHORTCUT ICON"   href="http://i.imgur.com/QYUFm5u.png"/> 
<meta name="description" content="Hacked by Alsaskar_Attacker" />  
<meta name="googlebot" content="index,follow" /> 
<meta name="robots" content="all" /> 
<meta name="robots schedule" content="auto" /> 
<meta name="distribution" content="global" /> 
<base target='_blank'/> 
</head> 
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' bgcolor="black" > 
<center><img src="https://fbcdn-photos-g-a.akamaihd.net/hphotos-ak-ash3/t1.0-0/1484353_1445202325720547_2156305540767579463_n.jpg" width="350" height="470"/><br/>
<center><font face="Courier New" size="4" color="yellow"><b> Touch by Alsaskar-Attacker <br> 
<font color="cyan">Chou Zetsu Kawaii Veranda :* </font> </font> 
<br><font face="Courier New" size="4" color="red">Greetz : Slank -> Crash Saster<br>  
<script src="http://masterendi.googlecode.com/files/salju.js"></script> 

lalu save

udh ada lagu dari Slank - Kritis BBM (Indonesia Version) ^_^
mudah kan ?

Note : Yg tanda biru itu kalian bisa ganti dengan html kalian ^_^

oke sekian tutor dari saya :)


By:Alsaskar_Attacker :D ^_^

Kumpulan Kode HTML sederhana

20:44 0
Berikut ini ada beberapa Kumpulan kode html sederhana .

html

Membuat Teks Area Kosong 
misal; <textarea cols="20" rows="2"></text area>


Membuat teks area Tenpat Copy paste
misal:<text area cols="20" rows="2"> isi teks kamu disini </text area> Catatan : Textarea tdk boleh pakai spasi


Menampilkan gambar
misal: <img src="http://url gambarmu/"</a>


Membuat link dengan teks
misal: <a href="http://url tujuan">teks kamu disini</a>


Membuat Link dengan Gambar
misal: <a href="http://url tujuan"><img src ="http://url gambarmu"/></a>


Membuat garis
misal: <hr color="red">


Membuat Teks Berbayang / Shadow 
misal: <style  type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red  }</style><font color="yellow"><b  class="drop-shadow"><b>text  berbayang</b></font></b>


Membuat Paragrap dan baris baru 
misal: Paragrap baru = <p/> Baris baru = <br/>


Membuat teks berwarna

misal: <span style="color:#ff0000">teks kamu disini </span>


Membuat Teks Berada di tengah 

misal: <div ="align:center">teks kamu disini </div>


Membuat teks berada di kanan 

misal: <div style="text-align: right;"> Teks Rata Kanan </div>


Membuat teks berada di kiri 

misal: left;"> Teks Rata Kiri </div>


Membuat Daftar / List 

misal: <ul><li>Item 1</li><li>Item 2</li></ul>Catatan : <ul> bisa juga di ganti dengan <ol> 


Membuat Teks bergaris 

misal: through;">teks anda </span>


Membuat garis bawah pada teks 

misal: underline;">teks anda </span>


Merubah Warna Backgoroun Halaman

misal: <body style="background-color:#00FF00;">


Teks Efek Stabilo 

misal: anda yang ingin di beri efek stabilo</span>


Membuat Tabel

misal: <div style="border:1px solid#ffffff; padding:1px;"><div  style="border:1px solid#ffffff; padding:1px;"><table width="100%" border="1"><td bgcolor=black><div  style="text-align:center;"><font color="white"  size=5>=MENU=</font></table><table width="100%"  border="0"><tr><td width="50%" bgcolor="black"  align="center"><a href="http://adhy.heck.in" class=""><font  color="lime">LINK 1</font></a></td><td  width="50%" bgcolor="black" align="center"><a href="http://adhy.yn.lt"  class=""><font color="lime">LINK  2</font></a></td><tr><td width="50%"  bgcolor="black" align="center"><a href="http://3"  class=""><font color="lime">LINK 3  </font></a></td><td width="50%" bgcolor="black"  align="center"><a href="http://4" class=""><font  color="lime">LINK  4</font></a></td></tr></table>


Nah sekarang sudah selesai deh dasar2 nya dan coba kalian lihat punya gue yg ada dibawah ini :v :D                   
Sekian dan berterima kasih semoga bermanfaat ya agan2 yg baik hati,dan kalo masih bingung silahkan PM ke FB gue https://www.facebook.com/malalantang