Senin, 20 Februari 2012
Sabtu, 18 Februari 2012
cara membuat tepi gambar bershadow
00.26
No comments
Membuat Tepi Gambar Bershadow Dengan CSS 3
Posted By anasku Anasku On Aug 29, 2010 at 3:57 PM
CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
Posted By anasku Anasku On Aug 29, 2010 at 3:57 PM
CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
cara membuat tepi gambar bershadow
00.26
3 comments
Membuat Tepi Gambar Bershadow Dengan CSS 3
Posted By anasku Anasku On Aug 29, 2010 at 3:57 PM
CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
Posted By anasku Anasku On Aug 29, 2010 at 3:57 PM
CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
cara membuat tepi gambar bershadow
00.26
No comments
Membuat Tepi Gambar Bershadow Dengan CSS 3
Posted By anasku Anasku On Aug 29, 2010 at 3:57 PM
CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
Posted By anasku Anasku On Aug 29, 2010 at 3:57 PM
CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
00.24
No comments
Cara Mudah Posting Code HTML
Posted By anasku Anasku On Nov 3, 2008 at 5:52 PM
Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.
Caranya cukup mudah, Encode saja code HTML di situs dibawah ini
* http://centricle.com/tools/html-entities/
* http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.
Posted By anasku Anasku On Nov 3, 2008 at 5:52 PM
Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.
Caranya cukup mudah, Encode saja code HTML di situs dibawah ini
* http://centricle.com/tools/html-entities/
* http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.
Jumat, 17 Februari 2012
lucu-lucuan
21.40
No comments
:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z
lucu-lucuan
21.40
No comments
:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z
lucu-lucuan
21.40
No comments
:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z
Kamis, 16 Februari 2012
20.11
No comments
Manusia bila hasud dan tamak menginginkan sesuatu dar orang lain maka ia akan menjadi buta. Rasulullah bersabda:” Cintamu terhadap sesuatu bisa menjadikanmu buta dan tuli” Mata yang bisa mengenali pintu masuknya syetan akan menjadi buta bila ditutupi oleh sifat hasad dan ketamakan sehingga tidak melihat. Saat itulah syetan mendapatkan kesempatan untuk masuk ke hati manusia sehingga orang itu mengejar untuk menuruti syahwatnya walaupun jahat.
Rabu, 08 Februari 2012
17.00
No comments
1.Apa yang di maksud dengan internet ?
2.Jelaskan kegunaan internet !
3.Sebutkan tiga contoh web browser !
4.Jelaskan bagian-bagiandari alamat internet berikut http://www.kominfo.go.id
5.Apa yang di maksud dengan search engine ?
6.Sebutkan tiga contoh search engine !
7.Apa yang dimaksud dengan email ?
8.Jelaskan cara kerja email !
9.Jelaskan bagian dari alamat email berikut kkpi_smkn1jakarta@gmail.com
10.Apa yang di maksud dengan hyper link ?
Jawaban
1.Internet merupakan sekumpulan jaringan computer yang menghubungkan berbagai macam situs
2.-Internet sebagai media komunikasi ,informasi yang di dapatkan lebih mudah cepat dan murah dengan jangkauan global
-Internet sebagai media promosi : a.image company
b.pengenalan dan pemesanan produk
c.registrasi client
d.jadwal pengiriman
-Internet sebagai komunikasi interaktif : a.email
b.dukungan pelanggan dengan www
c.video conferencing
-Internet sebagai alat research and development
-Interenet sebagai pertukaran data
3. -Internet explorer
-Netscape navigator
-Mozilla
-Opera
4. a. http : web server ini menggunakan hyper text transfer protocol
b. www : lokasi situs ini berada dalam woeld wide web
c. kominfo : web server ini berada di kominfo yang mengatur situsnya
d. go.id : lembaga pemerintahan Indonesia
5. search engine adalah mesin pencari yang terdapat pada internet
6. - altavista
- lycos
- google
- excite
- yahoo
7.Email merupakan suatu proses cara pengiriman pesan atau gambar melalui internet
8.cara kerja Email : begitu di kirimkan oleh seseorang melalui computer yang disambungkan ke internet sebuah email masuk ke beberapa computer lain di sepanjang jaringan internet yang di sebut dengan mail server.
9. a. kkpi_smkn1jakarta : disebut user name yang menunjukkan identitas si pemilik email
b. gmail.com : disebut sebuah domain name yang menunjukkan identitas email server dimana seorang user memiliki emailbox.
10. hyperlink adalah suatu situs web yang biasanya akan terlihat text yang warnanya beda,bergaris bawah atau berada dalam kotak.
Rabu, 01 Februari 2012
20.33
No comments
ctr + A fungsinya untuk memblok semua kalimat
shift + fungsinya untuk memblok satu huruf ke arah kanan
ctrl + shift + fungsinya untuk memblok satu kata ke arah kanan
ctrl + x fungsinya untuk memblok satu kata atau kalimat
ctrl + v untuk menempel kata hasil potongan
ctrl + c untuk menyalin suatu kata atau kalimat
cara mengatur spasi adalah :
1. Blok tulisan
2. Klik home
3. Line spasi
4. Pilih spasi standard 1,5
Lankgkah-langkah untuk memperbaiki kesalahan dengan replace :
1. Klik replace pada toolbar ms word
2. Masukan kata di bagian find what
3. Kemudian masukkan kata yang ingin di replace
4. Klik replace allu
Undo : untuk membatalkan suatu pekerjaan atau perintah
Redo : untuk mengembalikan ke bentuk semula
Cara untuk membuat columns :
1. Klik page layout
2. Pilih columns
3. Pilih more columns untuk memilih columns yang di inginkan
4. Pilih line between untuk memberikan garis di tengah columns
Cara untuk membuat drop cap :
1. Blok satu huruf yang ingin di drop cap
2. Klik insert
3. Pilih drop cap
4. Kemudian pilih drop cap option, klik dropped
5. Tentukan berapa garis yang ingin di drop cap pada line to drop
6. Klik ok
Cara untuk menambahkan clip art dan word art :
1. klik insert pada toolbar
2. pilih clip art
3. Pilih gambar yang diinginkan
4. jika ingin mencari gambar melalui media, klik search for,klik go
Cara untuk menambahkan word art :
1. Klik insert pada menu toolbar
2. Klik word art
3. Pilih word art yang diinginkan
4. Tulis tulisan yang diinginkan di bagiant font
Cara membuat header dan footer :
1. klik insert pada menu toolbar
2. klik header atau footer
3. pilih alphabet
4. kemudian tulis tulisan judul di bagian tittle
Cara membuat bingkai pada halaman :
1. Klik page layout pada menu toolbar
2. Kemudian klik page border
3. Pilih warna di bagian color
4. Pilih bingkai di bagian art
5. Kemudian klik ok
Cara membuat watermark :
1. Klik page layout
2. Kemudian klik watermark dan costum watermark
3. Jika ingin tulisan yang muncul maka klik pada bagian text watermark
4. Jika ingin gambar yang muncul klik di bagian picture mark
5. Kemudian klik apply