Pemenang Award Best Design Template

22 Mar 2013
Posted by Unknown
Tag :
Halo sobat defa technology kali ini admin akan mengumkan pemenang award best design template. langsung aja ya cekitsob

Juara 1
Nama Author : Andy Al Mesura
Nama Blog : SuraJiyeon! (SJ/LJE)
Nama Template : LJE V2
URL Blog : http://surajiyeon.blogspot.com
Warna Template : Crystal
Original Template : Johanes Djogan
Design / Re-Design: ReDESIGN
Alexa Rank :519.233
Yang Sudah Di-Design / Re-Design :

Juara 2
Nama Author : Amos Siahaan
Nama Blog : Amos - XP
Nama Template : Simple Black
URL Blog : www.officialamoswebsite.co.vu
Warna Template : Hitam
Original Template : Blogger Revolution
Design / Re-Design: Re-Design
Alexa Rank : Lupa
Yang Sudah Di-Design / Re-Design : CSS,HTML,dll.. ( 50% )

Juara 3
Nama Author : Method Blaze
Nama Blog : Official Method Blaze
Nama Template : Si Hitam Greget
URL Blog : http://methodblaze.blogspot.com/
Warna Template : Hitam
Original Template : Method Blaze
Design / Re-Design: Design
Alexa Rank : Banyak Pokoknya
Yang Sudah Di-Design / Re-Design : Gak Ada

Juara 4
Nama Author : Bima Bhaskara
Nama Blog : RyuuGakure
Nama Template : RyuuGakure V5
URL Blog : http://ryuugakure.blogspot.com/
Warna Template : Hijau cendol
Original Template : Johanes Djogan
Design / Re-Design: Design
Alexa Rank : 470.000
Yang Sudah Di-Design / Re-Design : Gak Ada

Juara 5
Nama Author :M. Teguh Arief
Nama Blog :Creative Shadow Style
Nama Template :CSS V.2
URL Blog :http://yoursee.blogspot.com
Warna Template :gray-red
Original Template :Johanes Djogan
Design / Re-Design:Re-Design
Alexa Rank :10 jt-an
Yang Sudah Di-Design / Re-Design :

Ini Award Kalian
Defa Technology
<a href="http://defa-technology.blogspot.com/" target="_blank"><img alt="Defa Technology" border="0" src=" http://i.imgur.com/KGOTkJy.png " /></a>

Selamat kepada para pemenang. Untuk juara 1-3 hubungi facebook gw agar gw pasang banner sama linknya

Award Best Design Template

20 Mar 2013
Posted by Unknown
Tag :

Halo sobat defa technology kali ini gw akan buat event judulnya award best design template. iseng-isenglah walaupun awardnya gk seberapa tapi mohon diikuti ya. ok langsung aja

Isi formulir pendaftaran dibawah ini di komentar
Nama Author :
Nama Blog :
Nama Template :
URL Blog :
Warna Template :
Original Template :
Design / Re-Design:
Alexa Rank :
Yang Sudah Di-Design / Re-Design :

Syarat :
1. Jika redesign minimal 45% perbedaan dari aslinya
2. Jika yang di redesign hanya warnanya dinyatakan gugur

Pendaftaran ditutup tanggal 22 April 2013, Pemenang diumumkan pada tanggal 23 April 2013

Hadiah :
Juara 1 : Mendapatkan Award + Pasang Banner 468x60 + Pasang Banner 88x31 + Pasang Link
Juara 2 : Mendapatkan Award + Pasang Banner 88x31 + Pasang Link
Juara 3 : Mendapatkan Award + Pasang Banner 88x31
Juara 4 : Mendapatkan Award
Juara 5 : Mendapatkan Award

Ayo buruan pada daftar, hehehe

Banner Slider Dengan CSS3

19 Mar 2013
Posted by Unknown
Tag :
Halo sobat defa technology kali ini admin akan share cara membuat banner slider dengan css3. trick ini yang membuat adalah om johanes. langsung aja ya cekitsob


- Screenshoot -

Letak CSS dan HTMLnya
CSS : diatas code ]]></b:skin>

HTML :letakan diantara kode html/didalam <body> dan </body>
(tergantung kamu mau diletakan dimana.)


HTML
<div id='slider2'>
<div id='mask'>
<ul><li>
<a href='#' title='#'><img src='urlgambar'/></a></li>
<li>
<a href='#' title='#'><img src='urlgambar'/></a>
</li>
<li><a href='#' title='#'><img src='urlgambar'/></a>
</li>
<li><a href='#' title='#'><img src='urlgambar'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div></div
>

CSS
#slider2 {
width: 468px;
height: 60px;
margin:0px 0px 0px 0px;
overflow: hidden;
background-color: #F8F8F8;
border: 10px solid #F8F8F8;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
border-radius: 10px/20px;
}
#mask {
overflow:hidden;
}
#slider2:hover {
background-color:#fff;
border:10px solid #fff;
}
#slider2:hover #pause {
opacity:1;
}
#slider2:hover #progress {
background-color:rgba(255,255,255,0.0);
}
#slider2:hover ul, #slider:hover #progress, #slider:hover #overlay {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
#pause {
width:468px;
height:60px;
position:absolute;
top:0;
opacity:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#progress {
width:1px;
height:1px;
background-color:#ffd000;
-moz-animation:progress 35s infinite;
-webkit-animation:progress 35s infinite;
position:relative;
top:-1px;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#overlay {
width:4680px;
height:60px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade 35s infinite;
-webkit-animation:overlay-fade 35s infinite;
}
#slider2 ul {
width:2400px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation 35s infinite;
-webkit-animation:slide-animation 35s infinite;
position:relative;
left:0px;
overflow:hidden;
}
#slider2 li {
display:inline;
width:468px;
height:60px;
margin:0;
padding:0;
float:left;
position:relative;
}
#slider2 li:last-of-type {
background-color:#362c30;
}
#slider2 li a {
display:block;
text-decoration:none;
}
#slider2 li span {
display:block;
width:560px;
padding:15px 20px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(54,44,48,0.6);
border-top:1px solid #362c30;
text-shadow:1px 1px 1px #362c30;
pointer-events:none;
text-align:left;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
#slider2 ul li span h2 {
font-size:24px;
line-height:24px;
color:#fff;
font-weight:normal;
font-family:'Communist-Regular';
text-shadow:1px 1px 1px #362c30;
}

Untuk mengatur posisi menggunakan margin
#slider2 {
width: 468px;
height: 60px;
margin:0px 0px 0px 0px;
overflow: hidden;
background-color: #F8F8F8;
border: 10px solid #F8F8F8;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
border-radius: 10px/20px;
}

yah itulah caranya, semoga bermanfaat bagi sobat semua. see you next time

Sumber
Halo sobat defa technology kali ini admin akan share template yang admin pake sebelumnya yaitu Defa Purple. template ini buatannya om johanes yang di design ulang oleh RUVANEONZ, dan di design ulang oleh admin. hehehe, pasti pada tertarikkan. langsung aja ya cekitsob

- Screenshoot -


Lumayan keren kan. hehehe
PERHATIAN!!!
JANGAN UBAH CREDIT FOOTERNYA






Green Template

17 Mar 2013
Posted by Unknown
Tag :

Halo sobat defa technology ketemu lagi sama admin yang paling keren sedunia(hehehe). kali ini admin akan share green template. template ini buatannya om Johanes kemudian di design ulang oleh RUVANEONZ
pasti pada tertarik kan. langsung aja ya, cekitsob

- Screenshoot -


PERHATIAN!!! Ini pesan dari si pembuat & pedesign ulang template ini
JANGAN UBAH CREDIT FOOTERNYA

MAAF TIDAK ADA DEMONYA

Translate

Categories

- Copyright © 2013 Defa Technology - Defa Purple V1.2 - Powered by Blogger - Designed by Johanes Djogan -