Hobby mu Hobby ku: Maret 2013

Kamis, 28 Maret 2013

Cara Pasang Widget Jam Di Blog

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang cara pasang gadget jam pada blogspot.

Baca selengkapnya »

Cara Pasang Widget Jam Di Blog

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang cara pasang gadget jam pada blogspot.

Baca selengkapnya »

Cara Pasang Widget Jam Di Blog

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang cara pasang gadget jam pada blogspot.

Baca selengkapnya »

Cara Pasang Widget Jam Di Blog

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang cara pasang gadget jam pada blogspot.

Baca selengkapnya »

Cara Pasang Widget Jam Di Blog

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang cara pasang gadget jam pada blogspot.

Sebelumnya kunjungi blog ini www.clocklink.com

Masuk menu Gallery . ( Disini kita bisa memilih kategori-kategori yang sesuai dengan yang kita inginkan ). sebagai contoh kategori digital seperti ini :

Pilih jam yang anda suka, kemudian klik View HTML Tag
Akan muncul halaman baru. Disitu ada ketentuan-ketentuan yang memakai bahasa Inggris, pilih Accept.
Selanjutnya kita diminta memilih warna ( color ), time zone, serta ukuran jam agar sesuai dengan sidebar blog
Kemudian copy kode yang diberikan
Selanjutnya, Masuk pada Blogger, masuk mode Rancangan, pada Elemen Laman klik Tambah Gadget
Pilih HTML/Javascript, kemudian Paste kode yang tadi di copy, lalu Simpan

Demikian blogger tutorial mengenai Cara Pasang Widget Jam pada Blogspot.

Semoga bermanfaat dan semoga berhasil.

Terima Kasih ^_^

Cara Menampilkan Ip Adress Untuk Pengunjung Blog

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Menampilkan Ip Adress Untuk Pengunjung Blog.

Pengunjung blog akan tahu ip adress mereka lewat blog yang mereka kunjungi, untuk memasangnya diblog anda kunjungi situs http://www.wieistmeineip.de/banner/
copy code htmlnya..

Loggin pada Blogger
Pada Dashbor masuk mode Tata Letak
Pada Elemen Laman pilih Tambah Gadget
Pilih HTML/JavaScript
Masukan kode Html yang tadi
Jika sudah, Simpan

Baca selengkapnya »

Cara Membuat Tabel Dalam Postingan Di Blogger

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat tabel dalam postingan pada blogspot.

Baca selengkapnya »

Selasa, 26 Maret 2013

Cara Membuat Cursor Mouse Bertabur Bintang Di Blog.

Cara Membuat Cursor Mouse Bertabur Bintang Di Blog.

Seperti biasa, pastikan kamu sudah login ke akun blogger masing-masing
Jika sudah login, dari dashbord blog kamu pilih Tata Letak / Layout > Add a Gadget / Tambah Gadget > Pilih Widget HTML/JavaScript.
Kemudian Pilih efik bintang yang kamu inginkan dibawah ini dengan mengcopy salah satu kode berikut dan paste pada kolom Widget HTML/JavaScript.

Efek Corsor Bintang Putih

<script src="https://dapurtutorial1.googlecode.com/files/bintang.putih.js" type="text/javascript"></script>

Efek Corsor Bintang Biru

<script src="https://dapurtutorial1.googlecode.com/files/bintang.biru.js" type="text/javascript"></script>

Efek Corsor Bintang Merah

<script src="https://dapurtutorial1.googlecode.com/files/bintang.merah.js" type="text/javascript"></script>

Efek Corsor Bintang Ungu

<script src="https://dapurtutorial1.googlecode.com/files/bintang.ungu.js" type="text/javascript"></script>

Efek Corsor Bintang Hijau

<script src="https://dapurtutorial1.googlecode.com/files/bintang.hijau.js" type="text/javascript"></script>

Klik Simpan
Selesai dan lihat Hasilnya

Jumat, 22 Maret 2013

Free Download Buku

Download Buku Sekolah untuk SMP Link terbaru, KLIK DISINI BUKU PELAJARAN SMP
mungkin juga anda ingin membaca ini :
Download ebook dan novel untuk dibaca di ponsel
Download Ebook Aku Ingin Bunuh Harry Potter
Api Membentuk Lafaz Allah Hebohkan Warga Ogan Ilir
Inilah Hosting Gratis Lokal Berkualitas

Buku SMP

Pelajaran : IPA
Kelas       : 9
Penyusun : Elok Sudibyo dkk.
download

Pelajaran : Bahasa Indonesia
Kelas       : 8
Penyusun : Sarwiji dkk.
download

Pelajaran : PKN
Kelas       : 7
Penyusun : Sugeng dkk.
download

Pelajaran : Ilmu Pengetahuan Alam
Kelas       : 7
Penyusun : Teguh dkk.
download

Pelajaran : Bahasa Indonesia
Kelas       : 8
Penyusun : Yulianti dkk.
download

Pelajaran : Kompetisi Bahasa Indonesia
Kelas       : 7
Penyusun : Nia dkk.
download

Pelajaran : Ilmu Pengetahuan Alam Terpadu
Kelas       : 7
Penyusun : Anni Winarsih dkk.
download

Pelajaran : Bahasa Inggris
Kelas       : 9
Penyusun : Gunarso dkk.
download

Pelajaran : Pendidikan Kewarganegaraan
Kelas       : 7
Penyusun : Sugeng dkk.
download

Pelajaran : Mudah Belajar Matematika
Kelas       : 8
Penyusun : Nuniek dkk.
download

Pelajaran : Bahasa Indonesia
Kelas       : 9
Penyusun : Nasharyati dkk.
download

Pelajaran : Bahasa dan Sastra Indonesia
Kelas       : 8
Penyusun : Dwi dkk.
download

Pelajaran : Matematika
Kelas       : 9
Penyusun : Wahyudin Dj. dkk.
download

Pelajaran : Aktif Bahasa Indonesia
Kelas       : 7
Penyusun : Dewi dkk.
download

Pelajaran : IPA
Kelas       : 7
Penyusun : Wasis dkk
download

Pelajaran : Pengetahuan Sosial
Kelas       : 7
Penyusun : Didang dkk.
download

Pelajaran : English In Focus
Kelas       : 8
Penyusun : R. Artono dkk.
download

Pelajaran : Matematika
Kelas       : 7
Penyusun : Dewi Nurharini dkk.
download

Pelajaran : Scaffolding
Kelas       : 7
Penyusun : Joko dkk.
download

Pelajaran : Matematika
Kelas       : 7
Penyusun : Atik dkk.
download

Pelajaran : IPS
Kelas       : 7
Penyusun : Wayan dkk.
download

Pelajaran : English in Focus
Kelas       : 7
Penyusun : R. Artono dkk.
download

Update : Download Buku Sekolah untuk SMP Link terbaru, KLIK DISINI BUKU PELAJARAN SMP

Download Gratis RPP Berkarakter

Bagi yang membutuhkan RPP, Silabus, KKM, Prota dan Promes SMP Terbaru (RPP berkarakter dan Silabus Berkarakter) Semua Kelas 7, 8 dan 9. Silahkan Download semua RPP, Silabus, KKM, Prota dan Promes SMP Terbaru (RPP berkarakter dan Silabus Berkarakter) Semua Kelas 7, 8 dan 9 di bawah ini : Catatan :

Insya Allah Semua Gratis.

Untuk mempermudah semua file sudah dalam bentuk Ms word. jadi bisa di kurangi dan ditambahkan sesuai dengan keperluan.
Materi Tidak Untuk dijual hanya sebagai bahan Referensi.

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM PROTA DAN PROMES PENJASKES RPP PENJASORKES BERKARAKTER SMP

Silabus PENJASORKES Berkarakter SMP

Berikut beberapa perangkat pembelajaran yang lainnya, silakan di download

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM PROTA DAN PROMES IPS RPP IPS Berkarakter SMP

Silabus IPS Berkarakter SMP

Berikut beberapa Perangkat Pembelajaran yang lainnya

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES PKN RPP PKN Berkarakter SMP

Silabus PKN Berkarakter SMP

Berikut Perangkat Pembelajaran yang lainnya

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES BAHASA INDONESIA RPP Bahasa Indonesia Berkarakter SMP

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES IPA RPP IPA Berkarakter (Ilmu Pengetahuan Alam) SMP

Silabus IPA Berkarakter (Ilmu Pengetahuan Alam) SMP

Download beberapa Perangkat Pembelajaran yang lain lagi

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES SBK RPP Seni Budaya dan Keterampilan Berkarakter smp mts

Silabus Seni Budaya dan Keterampilan Berkarakter SMP MTS

Berikut Perangkat Pembelajaran yang lainnya

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES PAI RPP PAI Berkarakter SMP

Silabus PAI Berkarakter SMP

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES TIK Berikut RPP TIK Berkarakter SMP MTS dan silabusnya dapat anda download

Silabus TIK Berkarakter SMP Kelas 7 8 9 Semester Ganjil dan Genap

Setelah Download Silabus dan RPP TIK SMP Berkarakter SMP/MTS, jangan lupa download Perangkat Pembelajran yang lain di bawah ini

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES BAHASA INGGRIS RPP Bahasa Inggris Kelas VII/7 RPP Bahasa Inggris Kelas VIII/8 RPP Bahasa Inggris Kelas IX/9 Berikut Silabus Bahasa Inggris Berkarakter SMP kelas 7, 8, 9 Silabus Bahasa Inggris Kelas VII/7 Semester 1 Silabus Bahasa Inggris Kelas VII/7 Semester 2 Silabus Bahasa Inggris Kelas VIII/8 Silabus Bahasa Inggris Kelas IX/9 Perangkat Pembelajaran yang lainnya

…………………………………………….xxxxxxxxxxxxxxxxxxxxxxxxx………………………………………………….. RPP, SILABUS, KKM, PROTA DAN PROMES MATEMATIKA Berikut RPP Matematika berkarakter SMP Kelas 7 8 dan 9

RPP Matematika Berkarakter SMP Kelas VII - 1
RPP Matematika Berkarakter SMP Kelas VII - 2
RPP Matematika Berkarakter SMP Kelas VIII - 1
RPP Matematika Berkarakter SMP Kelas VIII - 2
RPP Matematika Berkarakter SMP Kelas IX - 1
RPP Matematika Berkarakter SMP Kelas IX - 2
Silabus Matematika Berkarakter SMP Kelas 7 Semester satu
Silabus Matematika Berkarakter SMP Kelas 7 Semester dua
Silabus Matematika Berkarakter SMP Kelas 8 Semester satu
Silabus Matematika Berkarakter SMP Kelas 8 Semester dua
Silabus Matematika Berkarakter SMP Kelas 9 Semester satu
Silabus Matematika Berkarakter SMP Kelas 9 Semester duaSelain Silabus dan RPP Matematika Berkarakter anda juga bisa mendownload perangkat pengajar yang lainnya :

Rabu, 20 Maret 2013

Seputar UN 2012: Permendikbud, POS UN, Kisi-Kisi/SKL, Tanya Jawab, dan Slide Presentasi UN Tahun Pelajaran 2011/2012

Setelah Badan Standar Nasional Pendidikan (BSNP) mengeluarkan Kisi-Kisi UN Tahun Pelajaran 2011/2012 untuk jenjang SD-MI dan SMP-MTs-SMPLB, SMA-MA-SMALB, SMK, sekarang Kementerian Pendidikan dan Kebudayaan melalui BSNP telah mengeluarkan peraturan (PERMEN) dan juknis terkait pelaksanaan ujian nasional (UN) tahun 2012.

Baca selengkapnya »

Download Administrasi Pendidikan

Belajar Bahasa Inggris Online

Full Conversation Tanpa Grammar

Bergaransi dan Bersertifikat Nasional

www.belajaringgris.net

Dimana Semua Konten materi yang ingin anda temukan dan tinggal Download :

DOWNLOAD ADMINISTRASI PENDIDIKAN

Download Administrasi Pendidikan

PENGETAHUAN ORGANISASI

Pengetahuan Organisasi

DOWNLOAD SOFTWARE MENGAJAR

Download Software Mengajar

DOWNLOAD LAGU WAJIB NASIONAL

Download Lagu Wajib Nasional

Belajar Bahasa Inggris Online

Full Conversation Tanpa Grammar

Bergaransi dan Bersertifikat Nasional

www.belajaringgris.net

RPP DAN SILABUS SD BRKARAKTER

PROGRAM SEMESTER KELAS 1, 2, 3, 4, 5 dan 6

KKM KELAS 1, 2, 3, 4, 5 dan 6

Belajar Bahasa Inggris Online

Full Conversation Tanpa Grammar

Bergaransi dan Bersertifikat Nasional

www.belajaringgris.net

ADMINISTRASI SMP / MTS KELAS VII, VIII, IX
RPP, SILABUS, KKM PROTA DAN PROMES PENJASKES SMP/MTS

RPP, SILABUS, KKM PROTA DAN PROMES IPS SMP/MTS

RPP, SILABUS, KKM, PROTA DAN PROMES PKN SMP/MTS

RPP, SILABUS, KKM, PROTA DAN PROMES BAHASA INDONESIA SMP/MTS

RPP, Silabus, KKM, Prota Dan Promes IPA

RPP, Silabus, KKM, Prota Dan Promes Sbk

RPP, Silabus, KKM, Prota Dan Promes PAI

RPP, Silabus, KKM, Prota Dan Promes TIK

Belajar Bahasa Inggris Online

Full Conversation Tanpa Grammar

Bergaransi dan Bersertifikat Nasional

www.belajaringgris.net

RPP, Silabus, KKM, Prota Dan Promes Bahasa Inggris

RPP, Silabus, KKM, Prota Dan Promes Matematika

Lebih Lanjut, Langsung saja Kunjungi Mesin pencarinya disini (klik Pada Gambar dibawah):
Semoga Bermanfaat

Contoh Proposal Skripsi Lengkap Terbaru 2012

Latar Belakang Masalah
Upaya pencapaian hasil belajar yang diharapkan dapat ditempuh dengan berbagai cara, diantaranya guru membimbing dan mengarahkan siswa agar dirinya merasa terpanggil, serta hingga ia mampu belajar mandiri baik individual maupun kelompok, misalnya dengan metode kerja kelompok, penugasan pemecahan masalah dan lain-lain. Dengan cara seperti ini timbul inisiatif siswa untuk membentuk belajar di lingkungan masyarakat sebagai tindak lanjut upaya guru dalam rangka mencerdaskan kehidupan bangsa meningkatkan kualitas sumber daya manusia.

Baca selengkapnya »

Kumpulan Contoh Percakapan Menggunakan Bahasa Inggris

Saya usahakan untuk bisa dibaca oleh anda penggemar blog pendidikan yang lagi belajar mengenai materi bahasa inggris ini.Seingat saya pernah disuruh oleh ibu guru untuk membuat suatu percakapan entah itu Asking and giving help,Asking and giving something,Asking and giving information,Asking and giving opinion,Asking and giving agreement,In telephone conversation,dan Conversation with a Stranger wah banyak juga kan.

Sebelum membaca Contoh Percakapan Dengan Bahasa Inggris sebaiknya

Baca selengkapnya »

kamus Bahasa Inggris Untuk HP

Bagi teman-teman yang mungkin saat ini membutuhkan kamus yang dapat digunakan di HP. Berikut link downloadnya

http://www.4shared.com/mobile/jQTvJ8M5/Kamus_Lengkap_Inggris-Indonesi.html

Senin, 18 Maret 2013

Parse Code HTML

Parse Code HTML buah tool yang dapat membantu kamu dalam melakukan parse kode scrint/javascrint secara otomatis sehingga mempermudah instalasi. (referensi kang Rahman)

Dengan parse kode ini kita dapat menambahkan kode HTML dalam kotak komentar. Berikut ini adalah kode-kode HTML dasar yang akan dirubah kedalam bentuk sederhananya secara otomatis supaya bisa di masukkan kedalam postingan, kotak komentar, danlainnya.

'<' menjadi '<'
'>' menjadi '>'
'"' (double quote) menjadi '"'
''' (single quote) menjadi '''
'&' menjadi '&'

Start Converting Now!
(Silahkan masukkan kode HTML kamu kedalam kotak dibawah ini
untuk diubah secara otomatis)

Post-Code: code converter


	Gadgets powered by Google

Minggu, 17 Maret 2013

Cara Membuat Page / Laman - Menu Blog Pada Blog

Page / laman sama dengan menu pada blog. Kali ini AB akan mencoba membagi bagaimana Cara Membuat Page / Laman - Menu Blog Pada Blog.

Baca selengkapnya »

Cara Menagtur Ukuran / Ukuran Posisi Gambar Pada Posting

gerak jalan saja... hehehe), maksudnya kita Mengatur Ukuran / Posisi Gambar Pada Postingan Blog. Are You ready.....?

Adapun alasan kita untuk Mengatur Ukuran / Posisi Gambar Pada Postingan Blog adalah supaya isi postingan kita terlihat lebih RAPI dan tidak amburadul. Itulah tujuan utamanya Mengatur Ukuran / Posisi Gambar Pada Postingan Blog.

Salah satu cara untuk mempercantik atau menghias sebuah blog adalah dengan Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog.

Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog
1. Ada 2 Model dalam pengaturan (setting) pada blog. Demikian juga posisi penulisan artikel baru atau edit postingan ada 2 model, yaitu Compose dan Edit HTML.

Edit HTML adalah berupa tulisan atau kode-kode atau biasa disebut script. Sementara Compose adalah Hasil tampilan dari edit HTML. Sebagai blogger ini harus tahu ke-2 model ini.

2. Untuk mengatur Ukuran Gambar, klik gambar yang mau di atur dalam hal ini posisi editing adalah posisi Compose. Akan muncul kotak kecil memanjang seperti gambar di bawah ini.

3. Pilihlah ukuran gambar yang anda inginkan.Selebihnya ini keterangannya:

SMAL : ukuran kecil
MEDIUM : ukuran sedang
LARGE : ukuran besar
X-LARGE : ukuran super besar alias extra
Original Size : ukuran gambar sama dengan ukuran aslinya.

Left : Posisi gambar di sebelah kiri tulisan kita
Center : Posisi gambar di tengah tanpa ada tulisan kanan kiri
Right : Posisi gambar di belah kanan tulisan kita.

Add Caption : Membuat tulisan atau keterangan Gambar di bawah gambar
Propertis : Memberikan Judul Gambar seperti Tittle Text
Remove : Menghapus gambar,

4. Apabila dalam sebuah postingan terdiri dari beberapa gambar (lebih dari 1 maksudnya) dan ternyata ukuran gambar tidak sama atau anda menginginkan sama ukurannya sehingga terlihat rapi, posisi editing postingan anda, beralihlah ke posisi Edit HTML. Maka hasilnya seperti dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgovV7ycHKID0hJSnWql2FqPP94bU1mtTWzy1oXJPMYx7xBWN9lEsu5ipCHXgOWfvELhO7Nu0JPRfOXeV40jmyNPX5_aazKX4JNk92CNmZc7BH0r_45Ll1gePJl7K6LiaOTpJ3AnTfLU-c/s1600/compose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgovV7ycHKID0hJSnWql2FqPP94bU1mtTWzy1oXJPMYx7xBWN9lEsu5ipCHXgOWfvELhO7Nu0JPRfOXeV40jmyNPX5_aazKX4JNk92CNmZc7BH0r_45Ll1gePJl7K6LiaOTpJ3AnTfLU-c/s320/compose.jpg" width="320" /></a></div>

Setelah anda beralih ke posisi Edit HTML, maka mulailah anda mengganti tinggi gambar berapa (height) lebar gambar berapa (width) sesuai dengan keinginan anda. Oh iya, itu cuma contoh yah, yang warna merah dan biru cuma AB yang kasih warnai biar jelas saja. Ok.

Catatan : Ukuran gambar tidak akan muncul apabila ukurannya sama seperti aslinya (original size) sebaiknya pilih salah satu selain original size agar height dan width nya keluar.

5. Terbitkan Postingan anda bila sudah yakin selesai, Atau kembali ke posisi COMPOSE untuk melihat-lihat hasil kerja anda dulu kalau masih kurang balik lagi ke posisi Edit HTML.

6. Apabila sudah yakin dan ok. Terbitkanlah Postingan anda dan lihat hasilnya.

Okelah kawan blogger, demikianlah Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog, semoga tulisan ini bermanfaat.

Sabtu, 16 Maret 2013

Teknik Border Untuk tampilan Gambar di Blog

Cara Penempatan Kode

Template >> Edit HTML >> Proceed
Penempatan kode berada di :

<b:skin><![CDATA[
Letakkan Kode disini

]]></b:skin>

Atau :
Ketik Ctrl+f dan masukkan kode :

<b:skin><![CDATA[
Letakkan kode di bawahnya.

Kasus Lain

<b:skin><![CDATA[

Enter

<b:skin><![CDATA[

Pilih Gaya Dan Kode

Melengkung Semua Sisi

img{
border-radius: 55px;
}

Ukuran 55px bisa anda sesuaikan, semakin besar, semakin melengkung.

Tampil Seperti Ketupat

img{
border-radius: 85px 5px;
}

Melengkung Di Sisi Atas

img{
border-radius: 55px 55px 5px 5px;
}

Melengkung Di Sisi Bawah

img{
border-radius: 55px 55px 5px 5px;
}

Penjelasan

Ukuran bisa anda sesuaikan selera. Bisa dikurangi atau ditambahkan ukurannya.

Tips & Trik Menghias Blog

Untuk menghias tombol share blogspot anda.

Template >> Edit HTML >> Proceed
Penempatan kode berada di :
<b:skin><![CDATA[
Kode disini
]]></b:skin>

Lebih gampangnya ketik keyboard Ctrl+f dan masukkan kode :
<b:skin><![CDATA[
Nanti kodenya letakkan dibawahnya

Pilih satu gaya yang anda mau :

Gaya pergantian gambar lambat :

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:background;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:background;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:background;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:background;
}

Hover Transparan
Transparan ke tidak transparan

.share-button {
opacity:0.5;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:opacity;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:opacity;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:opacity;
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:opacity;
}
.share-button:hover {
opacity:1;
}

Tidak transparan ke transparan

.share-button {
opacity:1;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:opacity;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:opacity;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:opacity;
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:opacity;
}
.share-button:hover {
opacity:0.5;
}

Gambar menjadi besar

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:transform;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:transform;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:transform;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:transform;
}
.share-button:hover {
transform:scale(3.3);
-moz-transform:scale(3.3);
-ms-transform:scale(3.3);
-o-transform:scale(3.3);
-webkit-transform:scale(3.3);
}

Gambar menjadi besar efek 3D

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:background, transform;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:background, transform;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:background, transform;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:background, transform;
}
.share-button:hover {
transform:scale(3.3);
-moz-transform:scale(3.3);
-ms-transform:scale(3.3);
-o-transform:scale(3.3);
-webkit-transform:scale(3.3);
}

MDev Style Template

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
-o-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
transition-property:background, transform;
-moz-transition-property:background, transform;
-ms-transition-property:background, transform;
-o-transition-property:background, transform;
-webkit-transition-property:background, transform;
}
.share-button:hover {
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}

Bergaya miring seperti tema Template MDev (Template yang jadi trend pengenalan CSS3)

Terbalik

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:background, transform;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:background, transform;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:background, transform;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:background, transform;
transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
}
.share-button:hover {
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}

Berputar

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:background, transform;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:background, transform;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:background, transform;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:background, transform;
}
.share-button:hover {
transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-o-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
}

Berputar Ekstrim

.share-button {
transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
transition-property:background, transform;
-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-moz-transition-property:background, transform;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-webkit-transition-property:background, transform;
-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
-o-transition-property:background, transform;
}
.share-button:hover {
transform:rotate(-1440deg);
-moz-transform:rotate(-1440deg);
-ms-transform:rotate(-1440deg);
-o-transform:rotate(-1440deg);
-webkit-transform:rotate(-1440deg);
}

Preview
Save Template

Jumat, 15 Maret 2013

Kumpulan widget

Widget di dalam blogspot di gunakan sebagai penghias dan untuk mempercantik blog kamu, tetapi bukan hanya itu banyak sekali kegunaan widget seperti widget jumlah pengunjung untuk mengetahui berapa sich jumlah pengunjung tip harinya, kemudian widget online untuk mengetahui berapa orang yang sedang online.

Baca selengkapnya »

Halaman

Kamis, 28 Maret 2013

Selasa, 26 Maret 2013

Jumat, 22 Maret 2013

Rabu, 20 Maret 2013

Download Administrasi Pendidikan

Contoh Proposal Skripsi Lengkap Terbaru 2012

Senin, 18 Maret 2013

Minggu, 17 Maret 2013

Sabtu, 16 Maret 2013

Cara Penempatan Kode

Kasus Lain

Pilih Gaya Dan Kode

Melengkung Semua Sisi

Tampil Seperti Ketupat

Melengkung Di Sisi Atas

Melengkung Di Sisi Bawah

Penjelasan

Jumat, 15 Maret 2013