12.16.2012

Cara Menghilangkan Jerawat

Cara Menghilangkan Jerawat
Cara Menghilangkan Jerawat! Untuk remaja Indonesia, masalah yang satu ini pasti pernah mengalaminya, yaitu komedo. Saya akan memberikan sedikit tips cara menghilangkan komedo, Tapi sebelumnya ada baiknya kalau kita mengetahui apa komedo itu. 
Komedo adalah Kotoran penyumbat pori-pori ini berbentuk kecil, berwarna hitam atau putih. Dengan komedo, wajah halus terlihat kotor dan kusam. Komedo muncul akibat terjadinya penumpukan minyak berlebih (sebum), serta sel kulit mati. Saat membersihkan wajah, komedo sering terabaikan.Ada dua jenis komedo:
1. Blackhead (komedo terbuka), tampak seperti pori-pori yang membesar dan menghitam. Komedo ini berwarna kehitaman karena teroksidasi oleh udara.
2. Whitehead (komedo tertutup), berada di balik lapisan kulit ari yang tersumbat kotoran dan lemak, tampak seperti benjolan kecil-kecil di bawah kulit.
Biasanya, komedo muncul di area T (dahi, hidung, dan dagu), juga di bawah mata dan pipi. Jangan menghilangkan komedo dengan cara memencetnya, karena malah akan merangsangnya menjadi jerawat bernanah yang akan memperparah kondisi wajah, bahkan bisa menyebabkan infeksi.
Agar komedo hilang:
1. Kenali jenis kulit. Biasanya, komedo mudah muncul pada kulit wajah berminyak. Dengan mengenali jenis kulit, Anda bisa lebih mudah memilih produk pembersih wajah yang sesuai.
2. Pilih pembersih yang tepat, yang dapat membuat kulit wajah benar-benar bersih, segar, dan kenyal. Beri toleransi waktu sebulan untuk mengetes efektivitas pembersih yang Anda gunakan.
3. Pilih pelembab yang cocok. Bagi kulit normal dan berminyak, gunakan pelembab oil free. Sebenarnya, tubuh memiliki sistem alami yang bisa mengatur kelembaban kulit.
4. Hindari produk comedogenic. Produk lain yang bisa menimbulkan komedo adalah susu pembersih, tabir surya, alas bedak, bedak padat, shampo berbahan ginseng, dan kondisioner. Perlu diketahui, bedak padat merupakan produk yang mengandung zat comedogenic paling tinggi. Penggunaan bedak padat terlalu lama tak hanya menimbulkan komedo, tetapi juga jerawat.
5. Hidup sehat dan cukup gizi. Cukup tidur dan istirahat, hindari stres. Hal ini mungkin terdengar klise, namun coba terapkan hal kebiasaan ini, dan lihat hasilnya.
6. Facial menjadi salah satu cara untuk menghilangkan komedo secara tuntas dan tepat. Lakukan facial secara berkala dan setelah masa haid. Hal ini untuk menghindari terjadinya perubahan hormon dan kelenjar sebasia selama masa haid, yang memproduksi minyak lebih aktif.
7. Batasi mengonsumsi cokelat, susu cokelat, durian, kacang tanah, telur, kacang mete, keju, alpukat, mangga matang, kerang, krim bubuk, segala jenis susu (full cream, low atau non fat), gorengan, santan, dan daging berlemak.
8. Jika tak sabar dan ingin segera menghilangkannya, pergi saja ke dokter kulit. Biasanya, dokter akan menganjurkan untuk facial dan memberikan obat tertentu. Jika komedonya sudah sangat banyak, dokter akan menggunakan bantuan teknologi laser.
Tips mengangkat komedo:
1. Gunakan putih telur
* Ambil sedikit putih telur, tempatkan di wadah, kocok hingga berbusa. Oleskan di sekitar hidung atau bagian wajah yang berkomedo. Tutup dengan tisu. Biarkan hingga benar-benar kering. Lepaskan tisu secara perlahan. Di bagian dalam tisu, akan terlihat bintik-bintik komedo yang terangkat.
2. Scrub sayur dan masker kacang
* Blender selembar daun kailan, selembar daun seledri, ¼ buah apel, campur dengan perasan jeruk lemon. Usapkan dan pijat lembut wajah dengan scrub sayur ini, lalu bilas.
* Uapi wajah dengan air panas yang telah diberi 1 sdm garam. Biarkan 10 menit. Uap air garam akan membuka pori-pori, memperlebar pembuluh darah kapiler di bawah kulit dan memperlancar peredarah darah ke kulit.
* Campur sari kacang kedelai dan kacang polong, gunakan sebagai masker, diamkan 30 menit, bilas. Gunakan beberapa kali.
Dan Berikut Cara Menghilangkan Bekas Jerawat
Bekas jerawat memang tdak mudah untuk dihilangkan, berbagai Cara menghilangkan bekas jerawat pun ditempuh demi tercipanya wajah yang halus tanpa noda. Cara alami maupun penggunaan obat-obatan banyak dicoba. Namun tahukah anda bahwa cara menghilangkan bekas jerawat dengan obat-obatan dapat menimbulkan efek samping yang tidak baik untuk tubuh?, lalu bagaimana solusinya?, anda bisa menggunakan cara tradisional dengan obat-obatan herbal daripada mencoba berbagai obat-obatan kimia yang berpotensi merusak keindahan wajah anda.
Menggunakan jeruk nipis
Cara menghilangkan bekas jerawat menggunakan jeruk nipis adalah dengan membelah jeruk nipis, kemudian basahi sebuah kapas dengan jeruk nipis tersebut. usapkan secara perlahan ke noda bekas jerawat, yang perlu anda perhatikan ketika mengusap noda adalah dengan sangat perlahan dan tidak menekan. Olean tersebut biasanya akan menimbulkan rasa perih. Biarkan wajah anda teroleskan jeruk nipis sejenak dan bilas dengan air bersih.
Menggunakan Ubi Kayu
Ubi kayu juga bisa digunakan sebagai salah satu cara menghilangkan bekas jerawat pada wajah anda. caranya cukup mudah, anda hanya perlu memarut sepotong ubi kayu yang sudah terkelupas kemudian diambil airnya dengan cara disaring. Basuhlah air tersebut ke seluruh wajah dengan lembut dan bilas dengan air bersih.
Menggunakan sirih muda
Anda bisa mencoba Cara menghilangkan jerawat dengan daun sirih muda dengan menumbuknya hingga lumat. Setelah itu olesi bekas jerawat anda dengan daun sirih tadi dan disarakan untuk membersihkan muka dengan air hangat sebelum anda mengolesi daun sirih tersebut. diamkan wajah anda selama setengah jam dan kemudian bilas dengan air bersih.
Menggunakan kayu manis
Anda bisa mengambil sebatang kayu manis kemudian tumbuklah hingga halus. Tumbukan yang sudah berupa serbuk tersebut dicampur dengan air hingga menjadi sebuah adonan. Sapukan adonan tersebut pada bekas jerawat dan diamkan selama beberapa saat hingga mengering. Bilas dengan air biasa kemudian usapkan handuk bersih untuk mengeringkannya.

Cara menghilangkan jerawat

Menggunakan Telur
Cara menghilangkan bekas jerawat yang terakhir adalah dengan sebuah telur mentah dan oleskan ke bagian wajah yang berjerawat. Setelah itu diamkan selama 15 menit dan biarkan kulit anda terasa kencang karena putih telur yang sudah mengering. Bilas dengan air bersih dan keringkan dengan handuk.
Itulah berbagai Cara menghilangkan jerawat yang sangat bermanfaat bagi anda. selamat mencoba. 

#S U K S E S#
source: http://korupsidiindonesia.info/cara-menghilangkan-jerawat/
Baca Selanjutnya »»  
Read more »»  

12.14.2012

Cara Membuat Spoiler di Blog


Sebagian orang pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Spoiler sudah pasti sering digunakan. Lalu bagaimana kalau mau menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. saya jelasin singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Contohnya bisa dilihat di bawah halaman ini.

Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.

Cara Membuat Spoiler di Blog
1. Login ke Blogger 
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:


Judul Spoiler

: Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">



Letakkan teks atau kode script (gambar atau video) di sini
 





5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.


#Semoga Bermanfaat&Sukses#

source: : http://kurniasepta.blogspot.com/
Baca Selanjutnya »»  
Read more »»  

Kode Tag HTML Beserta Fungsinya


Ketika anda menulis sebuah artikel yang di-dalamnya diperlukan kode khusus yaitu kode HTML blog, mungkin bagi anda seorang pemula/Newbie akan merasa kesulitan dan tidak tahu harus bagaimana, namun jika anda seorang yang sudah berpengalaman dalam kode HTML ini bukanlah sebuah perkara yang sulit.

Beberapa contoh penerapan kode HTML yang biasa/harus diterapkan adalah ketika anda membuat tulisan di sidebar kiri atau kanan dalam sebuah blog (blogger-gadget HTML/Javascript) atau tulisan yang ditulis di dalam Edit HTML pada sebuah template. ini berbeda ketika anda menulis pada bagian posting artikel atau ketika membuat halaman/artikel, karena sudah disediakan fungsi-fungsi edit tulisan, misalnya ketika anda akan menebalkan huruf, anda tinggal klik ikon bold "B" maka huruf/tulisan anda akan berubah menjadi tebal.

karena tidak sedikit pendatang baru merasakan kesulitan dalam menulis dengan kode HTML maka saya sedikit informasi kan beberapa kode HTML yang biasa digunakan untuk keperluan menulis:

1. Tengah, Kode HTMLnya:

2. Huruf tebal, Kode HTMLnya:

3. Garis bawah, Kode HTMLnya:  

4. Paragrap baru, Kode HTMLnya:  

5. Baris baru, Kode HTMLnya:

6. Huruf miring, Kode HTMLnya:  

7. Besar, Kode HTMLnya:

8. Coret, Kode HTMLnya  

9. Ukuran huruf, Kode HTMLnya:  
       
10. Warnai huruf, Kode HTMLnya:  

dan masih banyak lagi.
Contoh penerapan kode HTML diatas:
Membuat tulisan bergaris bawah, cara penulisan: tulisan anda disini
hasilnya akan seperti ini: tulisan anda disini 
Mewarnai huruf dengan warna biru, cara penulisan: tulisan anda disini
hasilnya akan seperti ini: tulisan anda disini
untuk kode lainnya silahkan anda mencobanya sendiri ya.

#Terima Kasih&Semoga Bermanfaat#

source:http://luhurfatah10.blogspot.com/

Baca Selanjutnya »»  
Read more »»  

Acer Bagi-Bagi Hadiah (Ayo Buruan Masuk)!!!



Wah ini Acer Lagi bagi - bagi hadiah buruan kalo kamu beruntung bisa dapat hadiah berikut :

1st

Acer Aspire Predator G7
Windows®7 Home Premium 64 bit
Intel® Core™ i7-2600K CPU
RAM 16 GB, 128 GB SSD, 1,5 TB HD
2 x Nvidia® GTX 580

2nd

Intel® Media Combo
Intel® Core™ i5-2500K CPU
Intel® Desktop Board DP67BA Media Series
Intel® Solid-State Drive 510 Series, 250 GB

3rd

Nvidia® GTX 680 + 3D Vision™ Glas Set
Cara Join nya gampang banget koq sob gak perlu daftar cuma tekan LIKE, simak cara singkat berikut ini :

  • Pertama Buka Link ini >> Join Acer Kontes <<
  • Klik >> Join in <<
  • Nanti Kamu di suruh nge-Like klik aja ...
  • Nah Sekarang Baru kumpulkan klo gk salah sekitar 20 referal ...
Cepat Buruan Gan , Lumayan Tuh hadiahnya


Source: Acer Bagi-Bagi Hadiah (Cepat Buruan Gabung) !!!
Baca Selanjutnya »»  
Read more »»  

12.13.2012

WISATA CANDI DI YOGYAKARTA

       WISATA CANDI,Sebagai sebuah destinasi archaeotourism yang terkenal, Yogyakarta merupakan surga untuk menjelajahi candi-candi kuno dan menemukan reruntuhan dari "peradaban yang hilang misterius".

 Daftar Nama-Nama Candi Di Yogyakarta:


  • CANDI BOROBUDUR,

    Borobudur, Candi Budha Terbesar di Abad ke-9

    Siapa tak kenal Candi Borobudur? Candi Budha ini memiliki 1460 relief dan 504 stupa Budha di kompleksnya. Jutaan orang mendamba untuk mengunjungi bangunan yang termasuk dalam World Wonder Heritages ini. Tak mengherankan, sebab secara arsitektural maupun fungsinya sebagai tempat ibadah, Borobudur memang memikat hati.




    Naskah: Yunanto Wiji Utomo

  • CANDI PRAMBANAN,

    Prambanan, Candi Hindu Tercantik di Dunia

    Candi Prambanan adalah bangunan luar biasa cantik yang dibangun di abad ke-10 pada masa pemerintahan dua raja, Rakai Pikatan dan Rakai Balitung. Menjulang setinggi 47 meter (5 meter lebih tinggi dari Candi Borobudur), berdirinya candi ini telah memenuhi keinginan pembuatnya, menunjukkan kejayaan Hindu di tanah Jawa. Candi ini terletak 17 kilometer dari pusat kota Yogyakarta, di tengah area yang kini dibangun taman indah.




    Naskah: Yunanto Wiji Utomo


  • ISTANA RATU BOKO,

    Istana Ratu Boko, Kemegahan di Bukit Penuh Kedamaian

    Istana Ratu Boko adalah sebuah bangunan megah yang dibangun pada masa pemerintahan Rakai Panangkaran, salah satu keturunan Wangsa Syailendra. Istana yang awalnya bernama Abhayagiri Vihara(berarti biara di bukit yang penuh kedamaian) ini didirikan untuk tempat menyepi dan memfokuskan diri pada kehidupan spiritual. Berada di istana ini, anda bisa merasakan kedamaian sekaligus melihat pemandangan kota Yogyakarta dan Candi Prambanan dengan latar Gunung Merapi.




    Naskah: Yunanto Wiji Utomo


  • CANDI IJO,

    Candi Ijo, Candi yang Letaknya Tertinggi di Yogyakarta

    Menyusuri jalan menuju bagian selatan kompleks Istana Ratu Boko adalah sebuah perjalanan yang mengasyikkan, terutama bagi penikmat wisata budaya. Bagaimana tidak, bangunan candi di sana bertebaran bak cendawan di musim hujan. Satu diantaranya yang belum banyak menjadi perbincangan adalah Candi Ijo, sebuah candi yang letaknya paling tinggi di antara candi-candi lain di Daerah Istimewa Yogyakarta.




    Naskah: Yunanto Wiji Utomo


  • CANDI PLAOSAN,

    Candi Plaosan, Candi Kembar di Yogyakarta

    Anda tak perlu terburu-buru kembali ke penginapan usai berkunjung ke Candi Prambanan, sebab tidak jauh dari candi Hindu tercantik di dunia itu anda juga akan menemui candi-candi lain yang sama menariknya. Melaju ke utara sejauh 1 km, anda akan menemui Candi Plaosan, sebuah candi yang dibangun oleh Rakai Pikatan untuk permaisurinya, Pramudyawardani. Terletak di Dusun Bugisan Kecamatan Prambanan, arsitektur candi ini merupakan perpaduan Hindu dan Budha.




    Naskah: Yunanto Wiji Utomo


  • CANDI SAMBISARI,

    21 Tahun Merangkai "Puzzle" Candi Sambisari

    Tak ada perasaan aneh yang menghinggapi Karyowinangun pada sebuah pagi di tahun 1966. Tapi sebuah kejadian langka dialaminya di sawah kala itu, ketika sedang mengayunkan cangkulnya ke tanah. Cangkul yang diayunkan ke tanah membentur sebuah batu besar yang setelah dilihat memiliki pahatan pada permukaannya. Karyowinangun dan warga sekitar pun merasa heran dengan keberadaan bongkahan batu itu.




    Naskah: Yunanto Wiji Utomo


  • CANDI GAMPINGAN,

    Membaca Pesan dari Nirwana di Candi Gampingan

    Tak semua candi memiliki relief cantik yang khas sebab umumnya hanya dihias oleh arca dan relief umum yang terdapat hampir di semua candi. Salah satu yang memiliki relief cantik yang khas itu adalah Candi Gampingan, sebuah candi yang ditemukan secara tak sengaja oleh pengrajin batu bata di Dusun Gampingan, Piyungan, Bantul pada tahun 1995. Meski ukurannya kecil dan sudah tak utuh lagi, Candi Gampingan masih kaya akan relief yang mempesona.




    Naskah: Yunanto Wiji Utomo


  • CANDI TARA,

    Candi Tara, Peninggalan Budha Tertua di Yogyakarta

    Banyak orang selalu menyebut Borobudur saat membicarakan bangunan candi Budha. Padahal, ada banyak candi bercorak Budha yang terdapat di Yogyakarta, salah satu yang berkaitan erat dengan Borobudur adalah Candi Tara. Candi yang terletak di Kalibening, Kalasan ini dibangun oleh konseptor yang sama dengan Borobudur, yaitu Rakai Panangkaran. Karena letaknya di daerah Kalasan, maka candi ini lebih dikenal dengan nama Candi Kalasan.




    Naskah: Yunanto Wiji Utomo


  • CANDI MENDUT,

    Candi Mendut

    Candi Mendut terletak 3 km ke arah timur dari Candi Borobudur, merupakan candi Budha yang dibangun tahun 824 Masehi oleh Raja Indera dari wangsa Syailendra. Di dalam Candi Mendut terdapat 3 (tiga) patung besar.





  • CANDI KEDULAN,

    Mengungkap Teka-Teki Bendungan Kuno di Sekitar Candi Kedulan

    Candi Kedulan adalah sebuah candi bercorak Hindu yang terdapat di Dusun Kedulan, kurang lebih 3 kilometer dari Candi Kalasan. Candi ini ditemukan secara tak sengaja oleh para penambang pasir pada 24 November 1993. Kesenangan yang berbeda akan didapatkan bila mengunjungi candi ini, sebab anda bisa menikmati proses rekonstruksi candi yang sangatlah rumit.




    Naskah: Yunanto Wiji Utomo


  • CANDI PAWON,

    Candi Pawon

    Candi Pawon terletak 1,5 km ke arah barat dari Candi Mendut dan ke arah timur dari Candi Borobudur, juga merupakan sebuah candi Budha. Saat diteliti secara lengkap pada reliefnya, ternyata merupakan permulaan relief Candi Borobudur.





    #SEMOGA BERMANFAAT#




Baca Selanjutnya »»  
Read more »»  

Error 5100 Printer Canon iP2770


Printer Canon iP 2770 atau sering disebut Canon 2700 sering terjadi error 5100, ini biasanya disebabkan kerena tidak terdeteksinya Catridge oleh Printer.  Pesan error terlihat di monitor adalah "Error Number: 5100" Jadi pesan Error 5100 ini memberitahukan Kita bahwa printer tidak dapat menemukan Catridgenya. Nah, sedikit tips untuk mengatasi error 5100 akan coba Saya paparkan pada postingan kali ini, dan trick ini sudah sering Saya praktekan.

Langkah-langkah Memperbaiki Error 5100 Pada Printer Canon IP2770 :
  1. Matikan printer
  2. Keluarkan kedua Cartridge dari printer
  3. Gunakan kain yang dibasahi dengan Alkohol untuk membersihkan permukaan kontak/konektor terminal Catridge yang menyentuh printer / bisa juga menggunakan karet penghapus pensil
  4. Pasang kembali kedua Catridge
  5. Hidupkan printer.



Dan Error 5100 pun sudah tidak muncul lagi, Saya berharap solusi ini akan berguna bagi Anda.

#Selamat Mencoba#



Baca Selanjutnya »»  
Read more »»  

Pertolongan Pertama Mengatasi Blackberry Mati Total

Blackberry mati total atau matot,kasus seperti ini kerap di alami oleh blackberry, Penyebab blackbery mati total adalah:kecemplung got,kecemplung closet,jatuh,kesiram air dan di banting..ya iyalah, itu pasti bisa menyebkan semua poncel mati total, Penyebab utama blackberry mati total adalah: 1. Rusaknya IC power. 2. Penggunaan carger portable yang terlalu lama,dan jangka lama berhati hatilah Tapi anda jangan panik ketika anda mendapati blackberry anda mati total,kali ini saya akan berbagi tips pertolongan pertama yang harus anda lakukan ketika bb anda mati total, 
Berikut langkah langkahnya: 




1. Cabut Baterai, SIM Card, Media Card, biarkan terbuka,


2. Jalankan Desktop Manager,

3. Sambungkan Blackberry dengan PC/Laptop menggunakan kabel USB, 

4. Tunggu sampai muncul gambar battery disilang, 

5. Pasang battery tanpa melepas sambungan blackberry dengan PC/Laptop

6. Tunggu sampai Blackberry menyala, biarkan charge sampai beberapa garis battery,dan  

7. Cabut koneksi, segera charge dengan charger.


#Semoga Bermanfaat,Sukses#





*Nb: Kalo Belum paham,silahkan komentar disini
Baca Selanjutnya »»  
Read more »»  

Membuat Sliding Login/Register Form Panel di Blog


Selamat siang semuanya, pada siang hari yang mendung ini saya akan memberikan tutorial mengenai cara membuat Sliding Login/Register Form Panel di Blogspot dengan jQuery. Login dan register biasanya digunakan pada sebuah blog atau web yang sudah banyak memiliki anggota. Contoh dari form login/register ini dapat anda temui jika anda login di Blogger, Facebook, Twitter atau situs-situs yang menyediakan layanan jaringan community. Untuk contohnya bisa temen-temen lihat pada gambar di bawah, atau bisa langsung klik disini.


Nah, jika temen-temen tertarik untuk membuatnya, di bawah ini saya akan berikan penjelasannya :
  1. Pertama, anda mesti login ke blogger.
  2. Kemudian klik Rancangan 
  3. Setelah itu klik Edit Html 
  4. Jangan lupa untuk mencentang Expand Widget Template (saya anjurkan download dahulu template anda)
  5. Kemudian cari kode berikut ini </head>
  6. Setelah itu letakkan kode Javascript dibawah ini tepat diatasnya
    1. <script src='<span style="color: #990000;">http://web-kreation.com/demos/Sliding_login_panel_jquery/js/jquery-1.3.2.min.js</span>'  type='text/javascript'/><script style='display:none'  type='text/javascript'>$(document).ready(function() {  
    2.   
    3. // Expand Panel  
    4. $(&quot;#open&quot;).click(function(){  
    5. $(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);  
    6. });  
    7.   
    8. // Collapse Panel  
    9. $(&quot;#close&quot;).click(function(){  
    10. $(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);  
    11. });  
    12.   
    13. // Switch buttons from &quot;Log In | Register&quot; to  &quot;Close Panel&quot; on click  
    14. $(&quot;#toggle a&quot;).click(function () {  
    15. $(&quot;#toggle a&quot;).toggle();  
    16. });  
    17.   
    18. });  
    19. </script>  
  7. Setelah itu anda cari kode ]]></b:skin>, Jika sudah ketemu letakkan kode CSS dibawah ini tepat sebelumnya.
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/css/../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: none;
color: #15ADFF;
}

#panel a:hover {
color: white;
}

#panel a-lost-pwd {
display: block;
float: left;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}

#panel .content .right {
border-right: 1px solid #333;
}

#panel .content form {
margin: 0 0 10px 0;
}

#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}

#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}

#panel .content input:focus.field {
background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}

#panel .content input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}
Setelah semuanya sudah anda masukkan, langkah berikutnya adalah cari kode </body>, kemudian letakkan kode di bawah ini tepat diatasnya :
<!-- Login -->
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Creating Website</h1>
<h2>Contoh Sliding Login Dengan JQuery</h2>
<p class='grey'>Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member</p>
<h2>Tutorial Blog</h2>
<p class='grey'>Untuk membuatnya Silahkan : <a href='http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html' title='Download'>Pencet Sini</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>

</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>

</div>
</div>
<!-- /login -->
<!-- The tab on top -->
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a>
</li>

<li class='right'/>
</ul>
</div>
<!-- / top -->
</div>
<!-- panel -->
Pada kode diatas, untuk tulisan warna kuning bisa anda ganti dengan tulisan yang anda inginkan, begitu juga tulisan yang berwarna merah bisa anda ganti dengan Login dan register misalnya. Kemudian klikSave Template anda dan lihat hasilnya.

sumber: http://www.maskolis.com/
Baca Selanjutnya »»  
Read more »»