-->


Membuat Button 3D dengan Trik CSS 3

Masih otak-atik dengan CSS 3. Kayake makin asyik neh berinovasi dengan Cascading Style Sheet atau para blogger sering menyebutnya CSS 3. Selain bisa membuat berbagai bentuk varasi untuk mempercantik blog, loadingnya pun terkenal cukup cepat. Yuk sekarang kita bereksperimen membuat button dengan teknik ini. Mulai ::-->>
1. Masuk ke Blogger dengan ID dan Pass kalian
2. Klik lagi Rancangan
3. Klik Edit HTML
4. Centang Expand Widget Template
Cari kode disamping ini ]]></b:skin>
5. Cara carinya dengan menekan Ctrl + F bebarengan .. ntar ada kotak kecil di bawah .. langsung isikan aja kode itu :: ]]></b:skin>
6. Setelah ketemu -- sekarang saatnya meletakkan kode dibawah ini persis diatas kode ]]></b:skin> :

Kodenya -->>

button.devilcode {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #050505;
padding: 10px 20px;
background: -moz-linear-gradient(
top,
#edf50e0,
#ff0000);
background: -webkit-gradient(
linear, left top, left bottom,
from(#edf50e),
to(#ff0000));
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 5px solid #000000;
-moz-box-shadow:
3px 3px 3px rgba(194,97,101,1),
inset 0px 0px 1px rgba(247,239,247,0.7);
-webkit-box-shadow:
3px 3px 3px rgba(194,97,101,1),
inset 0px 0px 1px rgba(247,239,247,0.7);
text-shadow:
3px 3px 1px rgba(000,000,000,1),
1px 1px 1px rgba(10,1,10,0.1);
}


Untuk menarik kode ke dalam postingan .. kalian harus menambahkan kode ini di dalam tulisan yang akan kalian isikan ntar .. seperti ini -->>

<button type="button" class="devilcode">Contohnya kalian</button>



Udah ... jadi dan sekarang bisa liat di contohnya ::

Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar

Agan jadi Cuapers ke 0, CONGRATULATE !

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58

Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.

Protected by Copyscape Web Plagiarism Software
English French German Spain Italian DutchRussian Portuguese Japanese Korean Arabic Chinese Simplified