9DesiMeter

Tuesday, 31 December 2013

Special 2014 Template

Assalamualaikum Wr Wb
Hallo All Jumpa Lagi Nih Kali Ini Saya Mau Bagi" Template Spesial Tahun 2014 Belas Yuk Lihat SS nya ..

Yap Itu SS nya .. Saya Sengaja Design GK Ribet" Karna Waktu yang Mepet Dan Ada Acara Keluarga.. Kenapa Saya Pake Warna Flat.. Entahlah Soalnya Lagi Buru" .. Terpaksa Pake Warna Flat.. Nah Gk Usah Pake Embel" Lagi Langsung Aja

Demo Download
Untuk Mengganti Keyword Dan Deskprisi nya Silahkan Cari
<meta content='Descprition Blog Anda' name='description'/>
    <meta content='Keyword Blog Anda' name='keywords'/>

Untuk Mengganti Menu-nya Seilahkan Cari Kode
<ul>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Blog</a></li>
   <li><a href='#'>About</a></li>
   <li><a href='#'>Contact</a></li>
</ul>

Sekian Yang Saya sampaikan Kurang Lebihnya saya Minta Maaf..
Jika Ada Hal Yang Ingin Ditanyakan Silahkan .Bertanya Melalui Form Komentar
Dan Selamat Tahun Baru Ya ^_^
NB : Mohon Untuk Tidak Menganti Credit Yang Tertera Di Footer Terima Kasih :D
Wassalamualaikum Wr Wb

Friday, 27 December 2013

Mengenal JQuery


Assalamualaikum Wr Wb
Hallo All Jumpa Lagi Nih Kita Kali Ini Simple Aja Ya  .. Cara Memasang JQuery Di Blog
Oke "Lah.. Bukannya Setiap Template Punya JQuery" Nah Kalo yang Ini Ada Lah JQuery Versi Terbaru
Jadi Ada Fitur.. Oke Sekarang Kita Ke Penjelasan Dulu.. Yaitu Apa Yang Di Maksud Dengan JQuery ?
"
JQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Yang Artinya : Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak.

"
JQuery Dikembangkan Dengan Seorang Yang Bernama John Resig Pada Tahun 2005 Tanggal Dan Bulannya Entahlah Saya Enggak Tahu :'(

Apa Fungsi JQuery
Berikut ini Adalah Fungsi" Dari JQuery :
1. Mengakses bagian halaman tertentu dengan mudah
2. Mengubah tampilan bagian halaman tertentu
3. Mengubah isi dari halaman
4. Menambah animasi tanpa harus memakai flash yang lebih berat
5. Melalukan load data/halaman tanpa merefresh seluruh halaman
6. Menyederhanakan/mempersingkat penulisan sintaks javascript biasa

Untuk Lebih Jelas Silahkan Buka Dokumentasi Dari JQuery : http://docs.jquery.com/Main_Page/
Untuk Men-Download Frame Nya : http://docs.jquery.com/Downloading_jQuery/
Untuk Belajar Tentang JQuery Dengan Bahasa Inggris : http://docs.jquery.com/Tutorials
Untuk Plugin-nya Tersedia Di : http://plugins.jquery.com/

Cara Memasang JQuery Di Blog
Oke Sekarang Kita Akan Melakukan Pemasangan JQuery Bagi Yang Belum Ada JQuery-nya Atau Ingin Meng-Update JQuery-nya
Berikut Adalah JQuery Versi Terbaru, Untuk Pemasangan Silahkan Cari Kode </head> Dan Letakkan Kode JQuery-nya Di Atas Kode Tersebut

<script src='http//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>

Atau
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>

Hanya Itu Yang Dapat Saya Sampaikan , Kurang Lebihnya Saya Minta Maaf :(
Tapi Jika Ada Pertanyaan .. Silahkan Googling Terlebih Dahulu Baru Bertanya Di Form Komentar :)
Sekian Dari Saya Dan Terima Kasih
Wassalamualaikum Wr Wb
-Resource : http://blog.creanivate.com/2011/12/mengenal-apa-itu-jquery.html

Tuesday, 24 December 2013

Mengenal CSS3 Text Shadow


Assalamualaikum Wr Wb
Hallo All Jumpa Lagi Kita Di Kesempatan Ini.. Sebelum nya saya Membuat Artikel Yang Berjudul
"Mengenal CSS3 Linear & Radial".Di Kesempatan Ini Kita Akan Membahas Tentang "Text Shadow" Yap Bisa dilihat Dari Gambari Di Atas.. Sekarang Kita Akan Mengenal Tentang Text Shadow,Oke Langsung Aja Ke Materinya


Text Shadow

Nah Sebelum Masuk Ke Materi Ada Baiknya Kita Mengenal Propeti Dari Text Shadow
Contoh : text-shadow:2px 3px 4px rgba(0,0,0,0.3)
 text-shadow : Name
2px : Horizontal Position 
3px : Vertical Position 
 4px : Blur 
rgba(0,0,0,0.3) : Color

Hasil Dari CSS Di Atas Adalah :
HASIL TEXT SHADOW

Oke Kali ini Saya Akan Memberikan Contoh Text Shadow Dengan CSS-nya

text-shadow:1px 2px 0px #16a085;
text-shadow: 1px 2px 0px #e67e22,2px 2px 0px #e67e22,3px 3px 0px #444;
text-shadow: 0px 15px 2px #3498db,0px -15px 3px #e74c3c;

Hanya Itu Yang Saya Buat, Jika Kurang Mohon Maaf Ya Karena Banyak Kerjaan
Jika Ada Yang Ingin Ditanyakan Silahkan Di Comment Atau Contact Saya Insayallah Saya Akan Menanggapi
Sekian Dari Saya , INGAT Copy & Paste Jangan Asal Copy Tanpa Izin, Terima Kasih ^_^
Wassalamualaikum Wr Wb

Monday, 23 December 2013

Mengenal CSS3 Gradient Linear & Radial

Assalamualaikum Wr Wb
Hai All .. Jumpa Lagi Kita Di Blog Ini
Sebelumnya Saya Membuat Artikel Yang Berjudul "Cara Membuat Gradient Text"
Nah Mungkin Banyak Yang Binggun Kaya Gimana Cara Setting Gradientnya
Oke Kali Ini Kita Akan Memasuki Materi "Mengenal CSS3 Gradient Linear & Radial"
Kenapa Judulnya :"Linear & Radial" Karna Di CSS3 hanya Ada 2 Gradient Saja ..
Oke Langsung Ke Materi Aja ya Sob

Linear

Oke Kita Masuk Ke Linear .. Bisa Dilihat Dari Gambar Diatas Linear Yang Diatas
Nah Sekarang Saya Akan Memberikan Contoh Yang Berbeda"  & CSS-nya

background: -webkit-linear-gradient(red, yellow, green); background: -o-linear-gradient(red, yellow, green); background: -moz-linear-gradient(red, yellow, green);
background: -webkit-linear-gradient(left, red , blue); background: -o-linear-gradient(left, red, blue); background: -moz-linear-gradient(left, red, blue);
background: -webkit-linear-gradient(left top, green , red); background: -o-linear-gradient(left top, green, red); background: -moz-linear-gradient(left top, green, red);
background: -webkit-linear-gradient(45deg, red, blue); background: -o-linear-gradient(45deg, red, blue); background: -moz-linear-gradient(45deg, red, blue);
background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet); background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet); background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
background: -webkit-linear-gradient(left,rgba(0,0,0,0.3),rgba(255,0,0,1)); background: -o-linear-gradient(right,rgba(0,0,0,0.3),rgba(255,0,0,1)); background: -moz-linear-gradient(right,rgba(0,0,0,0.3),rgba(255,0,0,1));
background: -webkit-repeating-linear-gradient(indigo, yellow 10%, green 20%); background: -o-repeating-linear-gradient(indigo, yellow 10%, green 20%); background: -moz-repeating-linear-gradient(indigo, yellow 10%, green 20%);
background: -webkit-linear-gradient(top, #5F5F5F 50%, #000000 50%, #000000 100%); background: -moz-linear-gradient(top, #5F5F5F 50%, #000000 50%, #000000 100%); background: -o-linear-gradient(top, #5F5F5F 50%, #000000 50%, #000000 100%);

Radial

Sekarang Kita Menuju Gradient Radial Oke , Radial Bisa Dilihat Dari Gambar Di Atas Yang Bawah..
Nah Sekarang Saya Akan Memberikan Contoh Yang Berbeda" & CSS-nya
background: -webkit-radial-gradient(yellow, green, blue); background: -o-radial-gradient(yellow, green, blue); background: -moz-radial-gradient(yellow, green, blue);
background: -webkit-radial-gradient(red 5%, green 15%, violet 60%); background: -o-radial-gradient(red 5%, green 15%, violet 60%); background: -moz-radial-gradient(red 5%, green 15%, violet 60%);
background: -webkit-radial-gradient(circle, red, yellow, blue); background: -o-radial-gradient(circle, red, yellow, blue); background: -moz-radial-gradient(circle, red, yellow, blue);
background: -webkit-radial-gradient(60% 55%, closest-side,purple,cyan,yellow,black); background: -o-radial-gradient(60% 55%, closest-side,purple,green,cyan,black); background: -moz-radial-gradient(60% 55%, closest-side,purple,green,cyan,black);
background: -webkit-radial-gradient(60% 55%, farthest-side,blue,lime,yellow,red); background: -o-radial-gradient(60% 55%, farthest-side,blue,lime,yellow,red); background: -moz-radial-gradient(60% 55%, farthest-side,blue,lime,yellow,red);
background: -webkit-repeating-radial-gradient(cyan, yellow 10%, cadetblue 15%); background: -o-repeating-radial-gradient(cyan, yellow 10%, cadetblue 15%); background: -moz-repeating-radial-gradient(cyan, yellow 10%, cadetblue 15%);

Oke hanya Segitu Saja Ya.. Maaf Kalau Kuran Atau Kotaknya Kecil :D
Karna Hanya Segitu Yang Saya Mampu :'(
Tapi Lumayan Lah Buat Belajar
Sekian Dari Saya Tentang "Mengenal CSS3 Gradient Linear & Radial"
INGAT Copas Jangan Asal Copas.. Saya Buatnya Gk bim Salabim 5 Menit Selesai Kaya Kalian
-Special Thank's To : W3Schools
Wassalamualaikum Wr Wb

Cara Membuat Gradient Text

Assalamualaikum Wr Wb
Hallo All Akhirnya di Open Juga Nih Blog ..
Oke Untuk Kali Ini / Post Pertama Kali Kita Akan Masuk Post Dengan Judul
"Cara Membuat Gradient Text" Yang Kalian Bisa Lihat Di Gambar Diatas
Perbedaan nya Ini Menggunakan CSS Bukan Gambar Jadi Happy Read Aja ... :D
Oke Langsung Aja Deh Ke Tutorial

DEMO


h1#demogr{font-size: 60px;
background:-webkit-linear-gradient(#eee, #333);
background:-moz-linear-gradient(#eee, #333);
background:-o-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-o-background-clip: text;
-o-text-fill-color: transparent;
} 

Simple Bukan
Jika Ada Masalah Yang Ingin Ditanya , Tanya Aja Di Comment Bisa FB Dan Blog Kok
Oke Sekian Dari Saya

NB : Maaf Sebelumnya Ada Kesalahan Karna Hanya Bisa Di Google Chrome / Safari : 
-webkit- Tetap sekarang Sudah Di Perbaiki Jadi Mohon Maaf Ya. ^_^

Wassalamualaikum Wr Wb

Tuesday, 10 December 2013

Daftar Isi


Template By Blogger Templates
Designed By 9Desimeter