9DesiMeter

Sunday, 26 January 2014

Cara Membuat Label Ala 9DesiMeter

Assalamualaikum Wr Wb

Hallo All .. Dah Lama Nih Saya Gk Posting" , Yap Karena Saya Lagi Males Ngeblog Lagi :( Jadi Mohon Maaf Ya Kalo Ada Apaan Di Blog Ini..
Yap Kali Ini Saya Akan membuat Postingan Yang Berjudul "Cara Membuat Label Ala 9DesiMeter" Oke Langsung Cekidot Aja Sob :)

Log In Blogger > Template > Edit HTML > Pasang CSS Dibawah Ini Tepat di Atas Kode ]]></b:skin> 


.Label a{
padding-left: 5px;
padding-right: 31.5px;
font-family: 'Ubuntu';
color: #fff!important;
height: 32px;
margin-left: 2px;
line-height: 32px;
text-decoration: none;
border: none !important;
-webkit-transition: all .3s ease-in-out !important;
float: left;
margin-top: 2px;
font-size: 14px;
text-align: left; }
.Label a:hover{
color:#fff !important;
background:#AA412C; }
.Label a:after{
content: "";
position: absolute;
width: 0px;
height: 0px;
border-width: 16.5px;
border-style: solid;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;
}

Simpan Template

Eitss Belum Selesai Bro.. Karena Takut Ada Kesalahan/Crash Silahkan Setting Label Kamu Seperti Gambar Di Bawah Ini

Jika Ada Masalah Lain/Crash Harap Lapor Ke Saya Melalui Chat Atau Komentar Di Post Ini , Karena Saya Tidak Akan Menaggapi Pertanyaan
Oke Sekian Dulu Postingan Saya Tentang "Cara Membuat Label Ala 9DesiMeter" See You Ya...
Wassalamualaikum Wr Wb

Saturday, 11 January 2014

( Share ) KxMadagascar V 3.1 Blogger Template


Assalamualaikum Wr Wb
Hallo All Udah Jarang Update Nih Sori Yah :/
Oke Langsung Aja Nih Ke-intinya
oke Karna Blog Ini Sepi Ya Terpaksa Saya Share Nih Template :'(
SS nya Bisa Di lihat Di Atas .. ( SS Diatas Template-nya Belum Full )
Tapi Gpp Kok Saya Lagi Hepi Aja :D
Oke Bisa Lihat Dari Demo Nya Dulu Saja Bagi Yang Belum Tahu :D
Di Sini Demo nya Ada 2 Yang Satu Full ( Sudah Di Perbaiki ) Dan Not Full ( Belum Di Perbaiki )


Demo 1 ( Full ) Demo 2 ( Not Full )


Syarat-Syarat


Not Full
1 . Komentar Di Post Ini ( Bukan Comment Back ) + Masukkan Url Fb Karena Nanti Saya Kirim Lewat FB
2 . Like Fanspage 9DesiMeter

Full
1 . Sama Seperti Diatas
2 . Sama Juga Seperti Diatas
3 . Follow Blog Ini ( Karena Blog Ini FA Amet :'( )
4 . Masukin Guwa Di Lingkaran Google+ Loe ( Karena Gw Di G+ FA Amet )
5 . Like Postingan Ini

Download


Jika Sudah Melakukan Syarat Di Atas Silahkan Download link ini dan contact saya untuk Password Rar nya :)
Download 1 ( Full ) Download 2 ( Not Full )
Udah Segitu Aja Ya. Untuk Info Lebih Lengkap Silahkan Chat Saya On FB
Sekian Dan Terima Kasih
Wassalamualaikum Wr Wb

Friday, 3 January 2014

Mengenal CSS3 Box Shadow

Assalamualaikum

Halo All.. Hari Minggu Lagi ngapain nih ^_^
Sekarang Artikel Kita Tentang Mengenal CSS3 Box Shadow
Box Shadow Itu Bisa Di Bilang Teknik Membuat Bayangan Pada Sebuah Element
Oke Langsung Aja Ke TKP Tanpa Basa Basi

Pengertian Box
Contoh : box-shadow:1px 3px 5px 7px #555;
Jadi Pengertiannya Begini : [X offset] [Y offset] [Blur Value] [Spread Value] [Color Value]
Hasil Box Shadow Di Atas Jadi Begini


box-shadow:1px 3px 5px 7px #555;
Contoh Berikutnya Kita Akan Menggunakan 6 Kotak Box Shadow Secara Berbeda Ukuran
box-shadow:5px 5px #555;
box-shadow:5px 5px 5px #555;
box-shadow:5px 5px 0 5px #555;
box-shadow:-5px -5px 5px 5px #555;
box-shadow:0 0 10px #555;
box-shadow:0 0 10px 5px #555;
Oke Sekarang Kita Menuju Box Shadow Inset
Apa Emang Bedanya box-shadow Biasa Sama box-shadow inset
Iya.. Memang Setelah Di Teliti Hasilnya Emang Sama *Sok Jadi Profesor ~xD
Cuman Kalo box-shadow inset Itu Hasilnya Di Dalam Kotak Tersebut Bukan Di Luar Kotak Tersebut
Contohnya Seperti Ini ~xD

box-shadow:inset 1px 3px 5px 7px #555;
Contoh Berikutnya Kita Akan Menggunakan 6 Kotak Box Shadow Inset Secara Berbeda Ukuran

box-shadow:inset 5px 5px #555;
box-shadow:inset 5px 5px 5px #555;
box-shadow:inset 5px 5px 0 5px #555;
box-shadow:inset -5px -5px 5px 5px #555;
box-shadow:inset 0 0 10px #555;
box-shadow:inset 0 0 10px 5px #555;
Oke.. Ini lah Beberapa Box Shadow Yang Saya Bisa Jelaskan
Jika Ingin Bertanya Langsung Saja Bisa Chat Atau Komentar Di Bawah Ini ^_^
Sekian Artikel Saya Tentang Mengenal CSS3  Box Shadow

-Special Thank's To
www.w3schools.com

NB : Ini Post Dari KxMadagascar ( Blog Lama Saya ) Jadi Saya Berhak Meng-copy Paste-nya

Wassalamualaikum Wr Wb
Template By Blogger Templates
Designed By 9Desimeter