Showing posts with label efek. Show all posts
Showing posts with label efek. Show all posts
Tuesday, December 6, 2016
Cara membuat efek zoom otomatis pada gambar posting blog
Cara membuat efek zoom otomatis pada gambar posting blog
Untuk membuat blog lebih menarik kita perlu menambahkan efek-efek khusus agar berkesan bagi para pembaca blog kita. Sekarang saya mau berbagi tips cara membuat efek zoom otomatis pada gambar postingan blog. Saat pointer mouse berada diatas gambar maka gambar akan membesar. Trik ini tidak susah cukup memasukkan kode CSS tambahan ke skin template anda.
Sekarang buka akun blogger masuk ke template > edit HTML.
Cari .post-body img diantara <b:skin> dengan </b:skin>, tekan Ctrl+F agar mudah dalam mencari.
Kemudian sisipkan kode berikut dibawah tanda kurung penutup "}" .post-body img :
.post-body img:hover {
transform: scale (2,4);
-ms-transform: scale (2,4);
-moz-transform: scale (2,4);
-webkit-transform: scale (2,4)
-o-transform: scale (2,4);
}
Penjelasan :
transform adalah properti dasar/atau dasar untuk membuat transformasi gambar berlaku untuk peramban selain Chrome, Safari, Mozilla, Opera, IE9.
-ms-transform adalah properti yang didukung oleh Internet Explorer 9.
-webkit-transfrom adalah properti yang didukung oleh peramaban Chrome dan Safari.
-moz-transform adalah properti yang didukung oleh peramban Mozilla.
-o-transform adalah properti yang didukung oleh peramban Opera.
scale (2,4) mengubah gambar dengan skala 2 kali lebar dan 4 kali tinggi dari aslinya, secara teori begitu tetapi peramban juga tetap menjaga resolusi gambar agar tetap tidak rusak.
Tidak semua template menggunakan class .post-body img bisa juga menggunakan .post img atau bisa juga yang lain tergantung pembuat template blog anda.
Sekarang buka akun blogger masuk ke template > edit HTML.
Cari .post-body img diantara <b:skin> dengan </b:skin>, tekan Ctrl+F agar mudah dalam mencari.
Kemudian sisipkan kode berikut dibawah tanda kurung penutup "}" .post-body img :
.post-body img:hover {
transform: scale (2,4);
-ms-transform: scale (2,4);
-moz-transform: scale (2,4);
-webkit-transform: scale (2,4)
-o-transform: scale (2,4);
}
Penjelasan :
transform adalah properti dasar/atau dasar untuk membuat transformasi gambar berlaku untuk peramban selain Chrome, Safari, Mozilla, Opera, IE9.
-ms-transform adalah properti yang didukung oleh Internet Explorer 9.
-webkit-transfrom adalah properti yang didukung oleh peramaban Chrome dan Safari.
-moz-transform adalah properti yang didukung oleh peramban Mozilla.
-o-transform adalah properti yang didukung oleh peramban Opera.
scale (2,4) mengubah gambar dengan skala 2 kali lebar dan 4 kali tinggi dari aslinya, secara teori begitu tetapi peramban juga tetap menjaga resolusi gambar agar tetap tidak rusak.
Tidak semua template menggunakan class .post-body img bisa juga menggunakan .post img atau bisa juga yang lain tergantung pembuat template blog anda.
Available link for download
Tuesday, November 8, 2016
CARA PENCEGAHAN DAN MENGOBATI REMATIK DENGAN ALAMI TANPA EFEK SAMPING
CARA PENCEGAHAN DAN MENGOBATI REMATIK DENGAN ALAMI TANPA EFEK SAMPING
Rematik adalah peradangan pada persendian dalam tubuh, yang biasanya rasa nyeri dan sakit datang dengan cara tiba-tiba ,atau kadang rematik datang secara berangsur-angsur dan kian lama kian sakit , dan biasanya bila sudah parah persendian akan menjadi bengkak.


Bila Sendi terasa kaku , apalagi setelah jongkok terlalu lama, itu bisa saja terkena gejala rematik, biasanya rematik datang diseratai dengan demam , pembengkakan pada persendian dan terasa sakit, nafsu makan berkurang , mudah sekali merasa haus, dan pada gejala tertentu bisa ditandai dengan bau keringat yang tidak enak , susah buang air besar, atau persendian kaku.
Gaya hidup serta pola makan yang tidak benar , seringkali menjadi penyebab utama penyakit rematik dan penyakit lainnya, salah satunya sering mengkonsumsi makanan instan dan berlemak pemicu penyakit-penyakit berbahaya lainnya.
kesalahan dalam mengkonsumsi obat justru akan berakibat fatal bagi tubuh, banyak sekali beredar jamu-jamu tradisional berbahaya yang diproduksi dan dijual tanpa prosedur yang benar , tanpa ijin dan tanpa registrasi badan pengawasan obat dan makanan (PBPOM) ,alis ilegal dengan memanfaatkan bahan kimia berbahaya sebagai bahan utama jamu tersebut , memang pada saat dikonsumsi dalam hitungan menit saja rasa sakit akan hilang, padahal efek lama dari pengkonsumsian obat kimia berbahaya tersebut dapat menyebabkan penyakit ginjal, paru-paru, jantung dan komplikasi kronis lainnya.
penanganan rematik dapat melalui beberapa macam cara diantaranya
- Bila terjadi infeksi tangani infeksi dengan anti biotik.
- Memberikan rasa sakit dengan obat analgesic.
- Memperlancar peredaran darah dengan obat-obatan stimulasi sirkulasi.
- Mengompres persendian dengan cara mengompres air hangat.
- Meningkatkan daya tahan tubuh dengan
Pengobatan rematik harus segera dilakukan agar tidak terjadi rematik yang akut, karena rematik yang cukup parah dapat menyebabkan kelumpuhan , atau cacat pada pada persendian, konsultasi kepada dokter ahli sangatlah dianjurkan agar tidak terjadi kesalahan dalam penanganannya.
Namun apabila jauh dari jangkauan dokter , bahan-bahan alami sebenarnya banyak terdapat di alam, kusunya tumbuhan untuk penanganan masalah rematik, karena bahan alami tentu saja membawa manfaat yang bagus untuk penyembuhan atau pencegahan penyakit, karena tentu saja tidak menyebakan efek samping dikemudian hari , karena tidak mengandung kimia .
.jpg)

Dintara tumbuhan untuk peyembuhan remati adalah Bratawali atau akar aliali (tinospora crispa) , tanaman ini biasanya ditanam di pekarangan rumah , diantara manfaat yang terkandung didalam tumbuhan ini adalah selain sebagai penyembuh penyakit trematik tumbuhan ini bermanfaat untuk menurunkan gula darah , menurunkan panas, membantu mengurangi gejala kencing manis .
Tanaman dengan batang berduri dan menjalar ini tentu sja sangatlah banyak manfaat serta kegunaannya
SIFAT KIMIAWI DAN EFEK FARMAKOLOGIS :
Pahit, sejuk. Menghilangkan sakit (Analgetik), penurun panas (antipiretik), melancarkan meridian.
SIFAT KIMIAWI DAN EFEK FARMAKOLOGIS :
Pahit, sejuk. Menghilangkan sakit (Analgetik), penurun panas (antipiretik), melancarkan meridian.
KANDUNGAN KIMIA :
Alkaloid, damar lunak, pati, glikosida pikroretosid,zat pahit pikroretin, harsa, berberin dan palmatin. Akar mengandung alkaloid berberin dan kolumbin.
dan biasanya pemanfaatan pengobatan , yang banyak digunakan adalah batang kering tanaman bratawali.
dan kusus untuk penyembuhan penyakir rematik pemanfaatan Bratawali dengan cara sebagai berikut
- Ambil batang kering sebanyak 30 batang , berukuran 10 cm samai 15 cm .
- Rebus dengan 1 liter air hingga mendidih dan hingga menjadi 1/2 liter , kemudian saring hasil rebusan setelah dingin.
- Minum hasil rebusan yang telah disaring tadi untuk pagi , siang dan menjelang tidur masing masing satu gelas,
- lakukan cara itu berkali-kali hingga sakit sembuh, dan rasa sakit sudah tidak terasa lagi.
Banyak berolahraga dan minum air putih secukupnya, agar penyembuhan rematik berjalan dengan cepat dan lancar.
Available link for download
Wednesday, October 26, 2016
Cara mudah menambah efek glossy dengan CSS 3
Cara mudah menambah efek glossy dengan CSS 3
Jika kita terinspirasi dengan tampilan iDevice yang silau. Kini kita dapat menerapkannya di blog kita sendiri.
langsung saja kita mulai membuat efek glossy dengan CSS. Saya akan menggunakan cara yang termudah karena saya sendiri tidak ada latar belakang webdesain.
1. Sekarang kita menuju Gradient Editor
2.

Pilih salah satu template gradien yang anda suka. Jika tidak ada yang sesuai keinginan kita bisa membuat gradien dengan warna pilihan sendiri.
Kita ambil contoh yang hitam saja. Biar lebih mudah, kita mulai dari awalr saja. Hapus titik-titik yang dibawah sehingga menjadi hitam seperti gambar dibawah ini. Cara menghapusnya klik pada penunjuk lalu klik tombol delete. Penunjuk yang di atas untuk mengatur transparansi sedangkan penunjuk yang dibawah adalah batas untuk warna.

Menambah efek glossy putih.
Kita akan membuat glossy hitam dengan putih.
Kita akan membuat glossy hitam dengan putih.
Klik penunjuk kiri bawah lalu klik Color kemudian pilih warna putih. Buat penunjuk kedua beri warna hitam.
Untuk memperlebar jangkauan glossy kita set nilai Location titik kedua.

Sekarang kita sudah bisa menambah efek glossy yang sederhana. Untuk efek lebih banyak anda bisa menambahkannya lagi.

Sekarang kita sudah mendapatkan kode CSS glossy. Centang IE9 Support agar bisa tampil bagus pada peramban Internet Explorer.
Kita sudah mendapatkan kode CSS glossy. Sekarang kita tinggal menambahkan class pada kode CSS tersebut. misal .glossy { kode css }. Untuk menerapkannya dengan HTML berikut <div class="glossy"> kode HTML</div>
Available link for download
Subscribe to:
Posts (Atom)