Macam Macam Border

Assalam'ualaikum, Dipagi Yang Cerah Ini Saya Akan Memberi Tahukan Macam Macam Border Oke Langsung Saja. Border Bisa Dibilang Garis Tepi Dan Banyak Macamnya..

Border Dashed
border: 5px dashed #7a0a0a;

Border Dotted
border: 5px dotted #7a0a0a;

Untuk Sementara Dark Kage Post Dua Dulu

Download Shapes Untuk Photoshop

Assalam'ualaikum, Kali Ini Dark Kage Akan Berbagi Shapes, Jangan Salah Loh Shape Juga Bisa Download. Oke Langsung Download Dibawah

[Download]

Oke Untuk Installnya Sama Seperti Install Brush, Oke Semoga Bermanfaat
Kalau Mau Copas Sertakan Sumber :D

Cara Mengubah Warna Highlight Dengan CSS

Assalam'ualaikum, Padahal Gw Sakit, Tapi Gw Sempatkan Ngepost. Oke Postingan Kali Ini "Cara Mengubah Warna Highlight Dengan CSS" Oke Langsung Aja..

1. Buka Blogger
2. Klik Template
3. Klik Edit Html
4. Cari Kode ]]</b:skin> , Tekan Ctrl + F Untuk Mempercepat Pencarian
5. Jika Sudah Ketemu, Masukan Kode Dibawah Ini Diatas ]]></b:skin>

::webkit-selection { background #ffff00 /* Google Chrome */}
::selection { background: #ffff00; /* Safari */ }
::-moz-selection { background: #ffff00; /* Firefox */ }

6. Ganti Kode Warna Biru Dengan Warna Yang Kamu Mau, Simpan Template

Sekarang Sudah Terganti....

Semoga Bermanfaat

Cara Membuat Sesuatu Berputar Dengan CSS

Assalam'ualaiku, Kali Ini Dari Pada Gak Tahu Mau Post Apa Mending Post Ini, Oke Demonya Lihat Dibawah

Itu Hanya Menambahkan CSS

Oke CSSnya

#Darkkagealexa{-moz-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
border: 5px solid #7a0a0a;
float: left;
background: Transparent;
padding-left: 0px;
width: 120px;
height: 95px;
margin-left: 0px;
margin-top: 0px;
border-radius: 0px 0px 0px 0px;
position: absolute;}
#Darkkagealexa:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
border: 5px solid #7a0a0a;border-radius: 10px 10px 10px 10px;box-shadow:0 0 30px #7a0a0a;}

Kalian Hanya Perlu Menambahkan CSS yang Berwarna Merah
Sementara Kode Yang Berwarna Biru Itu Kalian Bisa Ganti, Semakin Banyak Angkanya Semakin Banyak Berputarnya, Semakin Sedikit Angkanya Semakin Sedikit Berputarnya.
Semoga Bermanfaat!!!!!

Blue SEO V.2

Assalam'ualaikum, Kali Ini Dark Kage Akan Share Blue Seo V.2. Template Ini Saya Edit Dari Template Mas Sugeng.

Oke Berikut Fiturnya :

• Open Banner
• SEO
• Banner Footer
• Banner 125
• Menu Navigasi Keren
• Kotak Search
• Komentar Style Facebook
• Dan Masih Banyak Lagi

Ok Bagi Yang Mau Download Bisa Download Disini

[Download] | [Demo]

Untuk Settingan Menunya Pasti Sudah Tahu, Jangan Ganti Credit Templatenya Ya.
Jika Ada Pertanyaan Tanya Dikomen aja..

Cara Membuat Swirl Simple

Assalam'ualaikum, Tadi Ada Teman Saya Yang Minta Trick Buat Swirl.... Jika Kalian Belum Tahu Bisa Lihat Gambar Dibawah

Itu Contohnya, Kalau Tertarik Langsung Saja...

1. Buka Gambar Yang Mau Di Swirl



2. Buka Pen Tool, Lalu Buatlah Seperti Ini Digambarmu




3. Buka Brush Lalu Setingannya Seperti Ini



4. Klik Lagi Pen Tool, Baru Klik Kanan, Klik Ctrl + Shift + N, Baru Klik Stroke Path



5. Klik Ok
6. Untuk Lebih Bagus Kamu Tambahkan Outer Glow



7. Klik Pen Tool, Klik Kanan Pilih Delete Path
8. Hapus Yang Sudah Ditandai



Selesai
Ini Gambar Yang Dijadikan Tutornya

Semoga Bermanfaat, Kalau Copas Kasih Sumber Ya!!!
Jika Ada Pertanyaan Tanyakan Dikomentar

Cara Membuat Banner Slidder Elegant Dengan CSS

Assalam'ualaikum, Kali Ini Dark Kage Akan Memberikan Trick Yang Bagus Oke Langsung Saja....
Ini Demonya

• 
• 
• 
• 
  
  

Gimana??? Kerenkan, Hihiihi Ini Kode

CSS

#slider2 {transform: skew(26deg, 0deg) ;
-webkit-transform: skew(26deg, 0deg) ;
-moz-transform: skew(26deg, 0deg) ;
-o-transform: skew(26deg, 0deg) ;
-ms-transform: skew(26deg, 0deg) ;
width: 468px;
height: 60px;
margin:0px 0px 0px 0px;
overflow: hidden;
background-color: #F8F8F8;
border: 10px solid #7a0a0a;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
border-radius: 5px;
}
#mask {
overflow:hidden;
}
#slider2:hover {
border:dashed 5px #000;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#fff;
border:5px 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 #7a0a0a;
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:&#39;Shojumaru&#39;;
text-shadow:1px 1px 1px #7a0a0a;
}

HTML

<div id='slider2'>
<div id='mask'>
<ul><li>
  <a href='http://darkkage10.blogspot.com' title='Dark Kage | Blogger Newbie'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscYWHRbtkdCxshPX7tejWi273g8GaJRs3Gu9JW3RXEJE3TBRsBh34q_UVW8mseHle0GQNXLetFTDtY9imh8ecommx_NArJL_c2QeOR205FOr98wJ6NUOy7vzLJV-ZgIPcUPc8iwXWzm_h/s1600/468-With-Spin.gif'/></a></li>
<li>
<a href='http://darkkage10.blogspot.com' title='Dark Kage | Blogger Newbie'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscYWHRbtkdCxshPX7tejWi273g8GaJRs3Gu9JW3RXEJE3TBRsBh34q_UVW8mseHle0GQNXLetFTDtY9imh8ecommx_NArJL_c2QeOR205FOr98wJ6NUOy7vzLJV-ZgIPcUPc8iwXWzm_h/s1600/468-With-Spin.gif'/></a>
</li>
<li><a href='http://darkkage10.blogspot.com' title='Dark Kage | Blogger Newbie'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscYWHRbtkdCxshPX7tejWi273g8GaJRs3Gu9JW3RXEJE3TBRsBh34q_UVW8mseHle0GQNXLetFTDtY9imh8ecommx_NArJL_c2QeOR205FOr98wJ6NUOy7vzLJV-ZgIPcUPc8iwXWzm_h/s1600/468-With-Spin.gif'/></a>
</li>
<li><a href='http://darkkage10.blogspot.com' title='Dark Kage | Blogger Newbie'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscYWHRbtkdCxshPX7tejWi273g8GaJRs3Gu9JW3RXEJE3TBRsBh34q_UVW8mseHle0GQNXLetFTDtY9imh8ecommx_NArJL_c2QeOR205FOr98wJ6NUOy7vzLJV-ZgIPcUPc8iwXWzm_h/s1600/468-With-Spin.gif'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div></div>

Oke Semoga Bermanfaat :D 

Kumpulan Block Quote Keren Dengan CSS

Assalam'ualaikum, Kali Ini Dark Akan Akan Membagikan Blockquote Keren Dengan CSS, Blockquote Ini Buatan Saya Sendiri..

1. Blue Blockquote

[Demo Here]

CSS :

blockquote {border:double 7px #0048ff;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
}
blockquote:hover {border:double 7px #0048ff;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}

2. Elegant Blockquote

[Demo Here]

CSS :

 blockquote {border:dashed 7px #0048ff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
transform: skew(25deg, 0deg) ;
-webkit-transform: skew(25deg, 0deg) ;
-moz-transform: skew(25deg, 0deg) ;
-o-transform: skew(25deg, 0deg) ;
-ms-transform: skew(25deg, 0deg) ;}
blockquote:hover {border:dashed 7px #0048ff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;transform: skew(-25deg, 0deg) ;
-webkit-transform: skew(-25deg, 0deg) ;
-moz-transform: skew(-25deg, 0deg) ;
-o-transform: skew(-25deg, 0deg) ;
-ms-transform: skew(-25deg, 0deg) ;}

Kali Ini Dua Aja Dulu Nanti Saya Tambahkan..
Semoga Bermanfaat!!!

Cheat Alien Shooter

 

Assalam'ualaikum,  Dari Pada Gak Tahu Mau Post Apa Mending Post Ini Aja Siapa Tahu Aja Bermanfaat Bagi Semuanya. Oke Baiklah Postingan Berikut Tentang Game Alien Shooter (Cheat), Bagi Yang Belum Punya Gamenya Nanti Akan Dark Kage Post

Ditoko :

Ketik cheatm, dan uang kamu menjadi 50.000

Di Game Mode :

Ketik cheatw, dan kamu mendapat semua senjata
Ketik cheath, dan health kamu menjadi 1000
Ketik cheate, dan kamu menyelesaikan level
Ketik cheata, dan kamu mendapatkan 1000 ammo (peluru)
Ketik cheats, gerakan kamu akan menjadi cepat (Lari Cepat)

NB : Cheat Diatas Tidak Berlaku Dalam Survival Mode
Semoga Bermanfaat

Cara Membuat Gambar Postingan Berputar

Assalam'ualaikum, Pada Malam Ini Dark Kage Akan Memberikan Trick Blog, Oke Kali Ini "Cara Membuat Gambar Postingan Berputar, Kalau Mau Lihat Demonya Lihat Aja Blog Ini....

Oke Langsung Aja.....

1. Buka Dasboard
2. Template
3. Edit Html
4. Cari Kode </head>, Pake Ctrl + F Biar Lebih Gampang.....
5. Taruh Kode Dibawah Ini Diatas </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-right5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #7a0a0a;-moz-box-shadow:0 0 0 3px #7a0a0a;box-shadow:0 0 0 3px #7a0a0a;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>

Kode Diatas Bisa Diedit edit lagi
6. Pratinjau Dulu, Kalau Udah Bagus Baru Disimpan

Oke Semoga Bermanfaat

Banner Exchange V.5

Halo Semua, Kali Ini Dark Kage Memperbarui Banner Bisa Dilihat

88 X 31

<a href='http://darkkage10.blogspot.com/' target='_blank'><img alt='Dark Kage' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEtxAeuT3w9T4Hz64528_IVTd8qdhNYCFX6Q9ireHwI1sGEoJA30EYPs5oSnmnHCIBnzhMgkEHWASlVCKSn-N2d36NaPXIw_cvvWrYVKUGoCtEoRFPJnQeZNzl5BAsP6DQxhY_R4ISmFu7/s1600/Indonesian-Banner-88.gif' title='ALL ABOUT Naruto, Trick, Template DLL'/></a>

125 X 125

<a href='http://darkkage10.blogspot.com/' target='_blank'><img alt='Dark Kage' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaoNxZRoev_9duT4Rs77nkRiRBUtZCyNGqsTwS5xlhYNELcmb5NCWP6DyFtGID_3vJg0N2FLS2w73JT3pO-iPC4bk5sruu256mo_0WwXInFwVBsuHI2lXuDvAr1iJCCV32WwIcaskysLnh/s1600/Indonesian-Banner-125.gif' title='ALL ABOUT Naruto, Trick, Template DLL'/></a> 

468 X 60

 <a href='http://darkkage10.blogspot.com/' target='_blank'><img alt='Dark Kage' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinasJ6D1lkNqBD0cRzD4MPq29QjgE7S4SNMzvUCmz9wICLoV8FyC5B6vLnFESu-wLDt7b7yQTukGcp1il2R2SNXOAjG278SR1MmzpcZzxNp6ktUgoN8MhNtnTWsx1s-HLXja2gox2b0wpX/s1600/Indonesian-Banner-468.gif' title='ALL ABOUT Naruto, Trick, Template DLL'/></a>