Rounded Corner | Membuat Sudut menjadi Tumpul

read more 0
Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Menjelaskan Pada Sobat Smua Tentang Bagaimana Cara Menghilangkan Garis Bintik-bintik Jejak Link.Dan Pada Tutorial Yg Sama Juga Yaitu Tutorial Blog Saya Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara  Membuat Sudut  Menjadi Tumpul Atau Juga Disebut Rounder Corner.
Tentu Sobat Semua  Pernah melihat di sudut-sudut blog kelihatan tumpul? Nah, itu dinamakan "rounded corner". Sebelum melangkah lebih jauh, kita perlu membatasi ruang lingkup kajian trik blogger kali ini. Rounded corner yang akan kita diskusikan bersama adalah membuat sudut menjadi tumpul tanpa gambar (rounded corner no image).
Kemudian bentukkan rounded corner dari kode CSS ini akan nampak, apabila kamu menggunakan browser Firefox, Chrome, dan Safari. Ngomong-ngomong soal tumpul, asal jangan dikaitkan dengan pikiran, lho. Ayo, kita keroyok Tutorial blogger tentang membuat rounded corner :


Full rounded corner :

.kotak-rounded-corner {


background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;
}

Rounded corner di kiri atas :

.kotak-rounded-corner {

background-color:#FFFF00;


border:2px solid #FF0000;

-moz-border-radius-topleft: 10px;

-webkit-border-top-left-radius: 10px;

-khtml-border-radius-topleft: 10px;

border-top-left-radius: 10px;
}

Rounded corner di atas :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;


-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-khtml-border-radius-topleft: 10px;

-khtml-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;
}

Rounded corner di bawah :

.kotak-rounded-corner {


background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-khtml-border-radius-bottomleft: 10px;

-khtml-border-radius-bottomright: 10px;

border-bottom-left-radius: 10px;


border-bottom-right-radius: 10px;
}

Catatan :
  1. Trik ini merupakan salah satu dari sekian banyak trik lainnya untuk membuat rounded corner.
  2. Semakin besar nilai yang kamu masukkan (ex: 10px), maka semakin besar pula ketumpulan/belokan sudut.
  3. Kode -moz-border-radius digunakan untuk firefox, -webkit-border-radius untuk Chrome dan Safari, -khtml-border-radius untuk browser-browser lama yang mendukung kode ini, serta border-radius untuk pengecekan terhadap browser-browser baru yang mungkin mendukung kode ini.
  4. Kode di atas merupakan contoh penerapan rounded corner dalam kode CSS.
Selamat membuat rounded corner...

SEMOGA BERHASIL

Sejarah Planet Dalam Tata Surya Kita

read more 0
Artikel Sebelumnya Sharing Ilmu Pengetahuan Sudah Menjelaskan Bagaimana Cara Membuat Breadcrumbs Atau Menu Navigasi Di atas Artikel Posting Blog.Dan Pada Artikel Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan Bagaimana Sejarah Planet Dalam Tata Surya Kita.
Planet adalah benda langit yang memiliki ciri-ciri berikut:

    * mengorbit mengelilingi bintang atau sisa-sisa bintang;
    * mempunyai massa yang cukup untuk memiliki gravitasi tersendiri agar dapat mengatasi tekanan rigid body sehingga benda angkasa tersebut mempunyai bentuk kesetimbangan hidrostatik (bentuk hampir bulat);
    * tidak terlalu besar hingga dapat menyebabkan fusi termonuklir terhadap deuterium di intinya; dan,
    * telah "membersihkan lingkungan" (clearing the neighborhood; mengosongkan orbit agar tidak ditempati benda-benda angkasa berukuran cukup besar lainnya selain satelitnya sendiri) di daerah sekitar orbitnya

Berdasarkan definisi di atas, maka dalam sistem Tata Surya terdapat delapan planet. Hingga 24 Agustus 2006, sebelum Persatuan Astronomi Internasional (International Astronomical Union = IAU) mengumumkan perubahan pada definisi "planet" sehingga seperti yang tersebut di atas, terdapat sembilan planet termasuk Pluto, bahkan benda langit yang belakangan juga ditemukan sempat dianggap sebagai planet baru, seperti: Ceres, Sedna, Orcus, Xena, Quaoar, UB 313. Pluto, Ceres dan UB 313 kini berubah statusnya menjadi "planet kerdil/katai."

Planet diambil dari kata dalam bahasa Yunani Asteres Planetai yang artinya Bintang Pengelana. Dinamakan demikian karena berbeda dengan bintang biasa, Planet dari waktu ke waktu terlihat berkelana (berpindah-pindah) dari rasi bintang yang satu ke rasi bintang yang lain. Perpindahan ini (pada masa sekarang) dapat dipahami karena planet beredar mengelilingi matahari. Namun pada zaman Yunani Kuno yang belum mengenal konsep heliosentris, planet dianggap sebagai representasi dewa di langit. Pada saat itu yang dimaksud dengan planet adalah tujuh benda langit: Matahari, Bulan, Merkurius, Venus, Mars, Jupiter dan Saturnus. Astronomi modern menghapus Matahari dan Bulan dari daftar karena tidak sesuai definisi yang berlaku sekarang. Sebelumnya, planet-planet anggota tata surya ada 9, yaitu Merkurius, Venus, Bumi, Mars, Jupiter/Yupiter, Saturnus, Uranus, Neptunus, dan Pluto. Namun, tanggal 26 Agustus 2006, para ilmuwan sepakat untuk mengeluarkan Pluto dari daftar planet sehingga jumlah planet di tata surya menjadi hanya 8.
Daftar isi

    * 1 Planet dalam tata surya
    * 2 Sejarah
          o 2.1 Sejarah nama-nama planet
          o 2.2 Nama planet dalam bahasa lain
    * 3 Formasi


Menurut IAU (Persatuan Astronomi Internasional) sesuai dengan defenisi yang baru, maka terdapat delapan planet dalam sistem Tata Surya:

   1. Merkurius
   2. Venus
   3. Bumi
   4. Mars
   5. Yupiter
   6. Saturnus
   7. Uranus
   8. Neptunus


Sejalan dengan berkembangnya ilmu pengetahuan, pengertian istilah “planet” berubah dari “sesuatu” yang bergerak melintasi langit (relatif terhadap latar belakang bintang-bintang yang “tetap”), menjadi benda yang bergerak mengelilingi Bumi. Ketika model heliosentrik mulai mendominasi pada abad ke-16, planet mulai diterima sebagai “sesuatu” yang mengorbit Matahari, dan Bumi hanyalah sebuah planet. Hingga pertengahan abad ke-19, semua obyek apa pun yang ditemukan mengitari Matahari didaftarkan sebagai planet, dan jumlah “planet” menjadi bertambah dengan cepat di penghujung abad itu.

Selama 1800-an, astronom mulai menyadari bahwa banyak penemuan terbaru tidak mirip dengan planet-planet tradisional. Obyek-obyek seperti Ceres, Pallas dan Vesta, yang telah diklasifikasikan sebagai planet hingga hampir setengah abad, kemudian diklasifikan dengan nama baru "asteroid". Pada titik ini, ketiadaan definisi formal membuat "planet" dipahami sebagai benda 'besar' yang mengorbit Matahari. Tidak ada keperluan untuk menetapkan batas-batas definisi karena ukuran antara asteroid dan planet begitu jauh berbeda, dan banjir penemuan baru tampaknya telah berakhir.

Namun pada abad ke-20, Pluto ditemukan. Setelah pengamatan-pengamatan awal mengarahkan pada dugaan bahwa Pluto berukuran lebih besar dari Bumi, IAU (yang baru saja dibentuk) menerima obyek tersebut sebagai planet. Pemantauan lebih jauh menemukan bahwa obyek tersebut ternyata jauh lebih kecil dari dugaan semula, tetapi karena masih lebih besar daripada semua asteroid yang diketahui, dan tampaknya tidak eksis dalam populasi yang besar, IAU tetap mempertahankan statusnya selama kira-kira 70 tahun.

Pada 1990-an dan awal 2000-an, terjadi banjir penemuan obyek-obyek sejenis Pluto di daerah yang relatif sama. Seperti Ceres dan asteroid-asteroid pada masa sebelumnya, Pluto ditemukan hanya sebagai benda kecil dalam sebuah populasi yang berjumlah ribuan. Semakin banyak astronom yang meminta agar Pluto didefinisi ulang dari sebuah planet seiring bertambahnya penemuan obyek-obyek sejenis. Penemuan Eris, sebuah obyek yang lebih masif daripada Pluto, dipublikasikan secara luas sebagai planet kesepuluh, membuat hal ini semakin mengemuka. Akhirnya pada 24 Agustus 2006, berdasarkan pemungutan suara, IAU membuat definisi planet yang baru. Jumlah planet dalam Tata Surya berkurang menjadi 8 benda besar yang berhasil “membersihkan lingkungannya” (Merkurius, Venus, Bumi, Mars, Yupiter, Saturnus, Uranus dan Neptunus), dan sebuah kelas baru diciptakan, yaitu planet katai, yang pada awalnya terdiri dari tiga obyek, Ceres, Pluto dan Eris.

Lima planet terdekat ke Matahari selain Bumi (Merkurius, Venus, Mars, Yupiter dan Saturnus) telah dikenal sejak zaman dahulu karena mereka semua bisa dilihat dengan mata telanjang. Banyak bangsa di dunia ini memiliki nama sendiri untuk masing-masing planet (lihat tabel nama planet di bawah). Pada abad ke-6 SM, bangsa Yunani memberi nama Stilbon (cemerlang) untuk Planet Merkurius, Pyoroeis (berapi) untuk Mars, Phaethon (berkilau) untuk Jupiter, Phainon (Bersinar) untuk Saturnus. Khusus planet Venus memiliki dua nama yaitu Hesperos (bintang sore) dan Phosphoros (pembawa cahaya). Hal ini terjadi karena dahulu planet Venus yang muncul di pagi dan di sore hari dianggap sebagai dua objek yang berbeda.

Pada abad ke-4 SM, Aristoteles memperkenalkan nama-nama dewa dalam mitologi untuk planet-planet ini. Hermes menjadi nama untuk Merkurius, Ares untuk Mars, Zeus untuk Jupiter, Kronos untuk Saturnus dan Aphrodite untuk Venus.

Pada masa selanjutnya di mana kebudayaan Romawi menjadi lebih berjaya dibanding Yunani, semua nama planet dialihkan menjadi nama-nama dewa mereka. Kebetulan dewa-dewa dalam mitologi Yunani mempunyai padanan dalam mitologi Romawi sehingga planet-planet tersebut dinamai dengan nama yang kita kenal sekarang.

Hingga masa sekarang, tradisi penamaan planet menggunakan nama dewa dalam mitologi Romawi masih berlanjut. Namun demikian ketika planet ke-7 ditemukan, planet ini diberi nama Uranus yang merupakan nama dewa Yunani. Dinamakan Uranus karena Uranus adalah ayah dari |Kronos (Saturnus). Mitologi Romawi sendiri tidak memiliki padanan untuk dewa Uranus. Planet ke-8 diberi nama Neptunus, dewa laut dalam mitologi Romawi.



Menghilangkan Garis Bintik-bintik Jejak Link

read more 0
Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan , Sudah Menjelaskan Pada Sobat Tentang Bagaimana Cara Memabuat Efek Animasi Blur Otomatis Di Blog.Dan Pada Tutorial Blog Kali Ini Juga Saya Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Menghilangkan Garis Bintik-bintik Jejak Link. Artikel Ini Bertujuan Agar Jejak Link Pada Blog/Web Yg Berupa Bintik-bintik Dan Juga Border,Menghilang Di Blog/Web Sobat .Dan Artikel Ini Untuk Memperindah Blog Sobat Semua.

Maksud Jejak Link Iyalah Ketika Sobat Mengklik Salah Satu Link Yg Ada Di Blog/Web Menimbulkan Jejak Berupa Bintik-bintik.Contohnya Adalah Di Blog Sobat Yg Belum Di Beri Css Yg Digunakan Untuk Menghilangkan Jejak Bintik-bintik Tersebut, Pasti Akan Menimbulkan Garis Bintik-bintik Seperti Border Dotted.
Cara Menghilangkan Garis Bintik-Bintik Jejak Link,Ialah Dengan Cara Menambahkan Beberapa Css...

Y Udah Sob Saya Akan Memulai Langkah Langkahnya:


  1. Login Ke Akun Blog Sobat
  2. Pilih Rancangan -->Edit HTML 
  3. Copas Kode Berikut Tepat Diatas Kode ]]></b:skin> 
a:active{text-decoration:none;color:#ffffff;border:0px;-moz-outline-style:none;}
a:focus{outline:none;-moz-outline-style:none;}

    4.Simpan Templatenya

SELAMAT MENCOBA DAN SEMOGA BERHASIL

Membuat Efek Animasi Blur Otomatis Di Blog

read more 0
Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Menjelaskan Pada Sobat Tetang Bagaimana Cara Membuat Link blog Mengeluarkan Cahaya Kuning. Ufth ...Dah Lama Saya Tidak Posting-Posting Tetang Tutorial Blog,Dan Saya Juga Jarang Online.Coz Modem Hp Saya Sedang Rusak,Karna Ulah Saya Sendiri...he..he.Tapi Saya Harus Tetap Semangat,.Ini Aja Saya Online D Warnet Yg Cyukup Jauh Dari Rumah Saya,..
Y Udah n Pada Tutorial Blog Kali ini Juga Saya akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Efek Animasi Blur Otomastis Dengan Java Script.Atau Juga Cara Membuat Efek Animasi Blur Pada Semua Gambar Postingan Di Blog Dengan Java Script.
Membuat Efek Animasi Blur Otomatis di Blog Dengan Java Script ini..,,Tidaklah Terlalu Sulit.Karna Sobat Hanya Sedikit Menambahkan Java Script Diatas Kode </head>...


Y  Udah jika Sobat Menginginkannya Soba Bisa Langkah-langkah Berikut :

  1. Login Ke Akun Blog Sobat
  2. Pilih Rancangan Kemudian Pilih Edit HTML..Centang Kolom Expand Template Widget
  3. Tambakan Kode Berikut Tepat Diatas Kode </head>

    4.Simpan Templatenya Dan Lihat Hasilnya

SELAMAT MENCOBA DAN SEMOGA BERHASIL

Cara Membuat Link Blog Mengeluarkan Cahaya Kuning

read more 0
Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan  Sudah Menjelaskan Pada Sobat Tentang Bagaimana Cara Baru Membuat Daftar Isi Moidel Jquery Accordion.Dan Pada Tutorial Yg Sama Juga Yaitu Tutorial Blog..Saya Akan Menjelaskan Pada Sobat Tentang Bagaimana Cara Membuat Link Blog Mengeluarkan Cahaya Berwarna Kuning.Kenapa Saya Membuat Artikel Yg Unik Ini ..Jawabnya Karna Ada Salah Satu Sobat Saya Menanyakan Tentang Hal Ini..Sebelumnya Juga Ada Yg Menanyakan Juga Pada Saya Tentang Bagaimana Cara Membuat Link Blog Mengeluarkan Bintang..Tapi Tenang Saja Pertanyaan Itu Sudah Saya Jawab Semua..Tapi Da 2 Pertanyaan Yg Belum Saya Jawab Yaitu Tentang Ini Dan Satu Lagi menanyakan Tentang Gambat Mickey Mouse Yg Ada Pada Kotak Komentar Saya..Tapi Artikel Kali Ini Saya Akan Menjawab Pertannyaan Tentang Bagaimana Cara Membuat Link Blog Mengeluarkan Cahaya Berwarna Kuning.Membuat Link Seperti Itu Cukuplah mudah Karna Sobat Hanya Memodifikasi Css Hovernya Saja.Css A:Hover itu Adalah Css Yg apabila Kita Kita Menyorotkan Mouse Kita Pada Link Pada Apa Saja ...
Contoh nya Saya Ingin Membuat Judul Sidebar Saya Berubah Saat Mouse Menyorotnya..Saya Cukup Menambahkan Css .Sidebar h2:hover{disini url backgroundnya}..
Y Udh Kalo Sobat Semua Sudah Megerti Apa Itu A:hover.
Saya Akan Langsung Memulai Topik Kita..Baiklah Sobat Hanya Mengikuti Langkah Berikut :
  1. Login Ke Akun Blog Sobat
  2. Pilih Rancangan /Tata Letak --> Edit HTML 
  3. Kemudian Sobat Tambahkan Atau Sisipkan  CSS Berikut Ini Tepat Di Samping Kode a:hover{ yg Berdekatan Dengan a:visited{ dan a:link{
text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;

    4.Simpan Templatenya Dan Lihat Hasilnya

SELAMAT MENCOBA DAN SEMOGA BERHASIL
 
Powered by by: Blogger
Maaf Untuk sementar masih dalam proses perbaikan...