Masker buah yang efektif

Salah satu bagian dari kosmetik untuk perawatan kecantikan adalah masker wajah. Sejarah masker wajah di Indonesia  diperkenalkan oleh para leluhur di masing-masing wilayah. Dan pada umumnya masker wajah yang dibuat oleh para leluhur berbasis tepung beras merah atau tepatnya beras merah yang ditumbuk. Basis masker tersebut manfaatnya untuk mendinginkan kulit sehingga kulit menjadi segar (Astringent) dan sebagai tambahan nutrisi kulit.Basis tersebut di formulasikan dengan  bahan alami dari campuran berbagai rempah,buah dan tumbuhan lainnya.

Dalam kesempatan ini saya akan berbagi resep cara membuat masker wajah yang aman serta memiliki efektifitas melebihi masker buatan pabrik kosmetik. Namun sebelumnya saya akan sedikit memaparkan masing-masing fungsi bahan bakunya. Adapun bahan baku yang akan digunakan berasal dari buah dan tumbuhan, berikut bahannya :

1. Tepung Beras Merah

2. Buah Mengkudu/Pace

3. Lidah Buaya

4. Tomat

Fungsi masing-masing bahan baku :

1.Tepung beras seperti penjelasan sebelumnya, berfungsi sebagai pendingin kulit wajah yang memberikan efek menyegarkan. Beras merah memiliki kandungan vitamin B, khususnya vitamin B3 yang baik bagi kesehatan kulit wajah.

2. Buah Mengkudu adalah buah yang kaya nutrisi bagi kesehatan tubuh dan kulit manusia.Senyawa yang terkandung didalamnya diantaranya adalah Proxeronine yaitu sebuah enzym anti peradangan yang memiliki kekuatan untuk mengembalikan kondisi kulit menjadi lebih muda serta menyehatkan kulit wajah. Buah mengkudu juga mengandung asam askorbat atau lebih dikenal sebagai vitamin C. Vitamin C pada buah Mengkudu dapat bekerja cepat dan sangat efektif pada kulit wajah.Dapat membuat kulit lebih elastis, lembut dan segar.

3. Lidah Buaya, Tumbuhan ini dikenal memiliki cell building properties yang dapat membantu memperbaiki kerusakan pada jaringan sel kulit. Kandungan Allantoin yang alami dari lidah buaya sangat efektif memperbaiki kerusakan sel pada jaringan kulit. Vitamin C yang dikandungnya juga dapat menyegarkan kulit,melembutkan dan meningkatkan elastisitas. Lidah Buaya didalam ilmu formulasi yang saya kembangkan di laboratorium juga berfungsi sebagai active ingredient carrier sehingga bahan aktif dalam sebuah kosmetik bisa terserap oleh kulit. Maka dari itu setiap formula kosmetik harus diperhatikan keamanan bahan bakunya agar terserap aman dikulit.

4. Tomat mengandung Carotenoids yang disebut Lycopen. Lycopen adalah anti oksidan kuat yang dapat menjaga kulit dari paparan radikal bebas.Tomat juga mengandung carotenoids lainnya sperti Alpha-Carotene, Beta-Carotene, Gamma-Carotene dan Lutein serta matriks dari beberapa komponen bioaktif  lainnya seperti vitamin C, vitamin E dan flavonoids. Selain sebagai anti oksidan yang sangat kuat, tomat juga dapat menyehatkan kulit wajah serta memperbaiki peredaran darah di wajah.

Berikut cara pembuatan masker wajah yang aman dan baik :

1. Cuci beras merah secukupnya sekali saja dengan air matang lalu ganti airnya dan rendam selama 15 menit. Beras merah boleh diganti dengan beras putih. Khasiatnya hanya berbeda tipis namun beras merah sedikit  lebih baik daripada beras putih. Setelah selesai direndam lalu buang airnya dan ditumbuk, tidak harus lembut.

2. Buah Mengkudu / Pace 1 buah di iris-iris lalu diblender dijadikan juice. Saring airnya menggunakan kain putih bersih atau saringan santan yang halus. Simpan dalam gelas bersih.

3. Lidah Buaya 1 batang dikupas kulitnya lalu di blender. Boleh juga hanya diambil cairan kentalnya hingga 1 sendok makan dan campukan ke juice buah mengkudu.

4. Buah tomat ukuran besar yang segar di goreng atau boleh diseduh dengan air panas hingga layu kulitnya. Cara terbaik adalah dengan di goreng, hal ini dapat meningkatkan kadar Lycopen menjadi lebih tinggi. Setelah digoreng lalu angkat dan cuci dengan air bersih. Potong menjadi 2 dan buang bijinya kemudian di blender sebagai juice.

Tahapan mencampur bahan sebagai berikut :

Siapkan tepung beras yang sudah ditumbuk dan campurkan dengan campuran juice mengkudu + lidah buaya secukupnya lalu tambahkan dengan juice tomat secukupnya. Sisa bahan juice mengkudu, lidah buaya dan tomat bila masih ada disimpan kedalam lemari pendingin untuk dipakai di sore hari atau malam hari.

Cara pemakaian, Bersih kulit wajah dengan air bersih lalu keringkan. Pakailah masker tersebut secara merata hingga ke bagian belakang telinga dan leher agar hasilnya merata dan tidak hanya di wajah saja. Lalu diamkan selama 30 menit. Agar tidak repot sebaiknya anda membuat stock lalu menyimpannya di lemari pendingin. Tapi ada syarat yang sangat penting yaitu, Lidah Buaya dan tepung beras tidak boleh di stock untuk esok hari. Jadi hanya juice mengkudu dan tomat saja yang boleh di stock/simpan hingga ke esokan harinya. Tepung beras dan lidah buaya sangat mudah teroksidasi sehingga pemakaiannya harus pada harti yang sama.

Healthy skin with healthy fruits by. Atauruz

Catatan tambahan, Tomat boleh diganti dengan buah alpukat. Khasiatnya sama baik tetapi buah alpukat memiliki kelebihan lainnya yaitu sebagai anti aging sehingga mampu bekerja sebagai penghambat penuaan dini.

Read More

Memanfaatkan uploader di blogger

Melanjutkan posting terdahulu disini Link ini tentang upload gambar untuk gallery yang memiliki banyak teknik. Media uploader yang stabil dan eksis diperlukan agar dikemudian hari gambar pada blog tidak mengalami masalah.

Meng-upload gambar di blog untuk mengisi widget / gadget sangat mudah tetapi mencari widget yang mendukung fitur gallery tidak ada secara default. Kita harus membuatnya sendiri dengan cara menambahkan kode HTML dan CSS. Bila widget yang tersedia berupa HTML/Javascript maka persoalannya adalah kita memerlukan uploader. Media uploader untuk menyimpan gambar atau foto milik kita sendiri memang banyak tetapi perlu dipertimbangkan berbagai hal seperti potensi error yang bisa terjadi dan dukungan aplikasinya. Contohnya Picasa yang sekarang telah discontinued lalu digabung menjadi Google Photo,hal ini dapat menyebabkan perubahan pada alamat gambar sehingga tumbnail kosong. Sedangkan ImageShack sebagai aplikasi penyimpanan gambar yang bersifat berbayar sehingga riskan. Lalu bagaimana cara mengatasinya?

Blogger sebenarnya telah menyediakan default uploader gambar yang bisa dimanfaatkan secara optimal. Google telah memperhitungkan hal itu dan kita dapat memanfaatkannya secara mudah,efektif dan efisien,jadi kita tidak perlu repot mencari aplikasi tambahan dalam mengelola media penyimpanan gambar atau foto. Bagaimana dengan ID dan alamat gambar yang panjang? Kita akan membuatnya menjadi lebih singkat, berikut tahapan memanfaatkan uploader di blogger :

Buka Dashboard dan buat entry baru (New Post) dengan mode Compose. Pilih menu upload gambar yang tersedia. Setelah ter-uploaded lalu klik gambar pilih ukuran asli (Original Size) dan isi property gambar sebagai berikut, Title Text di isi dengan judul posting tetapi dipersingkat. Misalnya “tutorial Upload gambar dan foto” menjadi “upload gambar”. Kemudian ALT Text di isi dengan nama gambar misalnya “bunga.jpg”. Setelah diberikan property gambar lalu di “Save” tetapi jangan di “Publish”. Pindah ke mode HTML dan copy alamat serta ID gambar. Contoh :

<div class="separator" style="clear: both; text-align: center;">

<a href="https://3.bp.blogspot.com/-9jNYgt4x1q6/WxGho0J9SPN/AACCAAKABBr/j-3KsytPC1gZccAIdgxYy68HlBMnC21RwCLcBMAs/s1600/flower.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="615" src="https://3.bp.blogspot.com/-9jNYgt4x1q6/ WxGho0J9SPN/ AACCAAKABBr/j-3KsytPC1gZccAIdgxYy68HlBMnC21RwCLcBMAs/s1600/flower.jpg"  /></a></div>

Lalu “Save” tetapi jangan di “Publish”, sehingga posting tersebut menjadi Draft saja. Kemudian copy dan simpan alamat serta ID gambar tersebut di notepad atau aplikasi sejenisnya sebagiai dokumentasi anda.

Ada dua cara menggunakan alamat dan ID gambar tersebut, tergantung kebutuhan anda. Misalnya untuk di widget gambar maka anda copy-paste ke widget sebagai berikut :

<a href=’https://3.bp.blogspot.com/-9jNYgt4x1q6/WxGho0J9SPN/AACCAAKABBr/j-3KsytPC1gZccAIdgxYy68HlBMnC21RwCLcBMAs/s1600/flower.jpg’ imageanchor=’1’ style=’clear: left; float: left; margin-bottom: 1em; margin-right: 1em;’><img border=’0’ data-original-height=’300’ data-original-width=’615’ src=’https://3.bp.blogspot.com/-9jNYgt4x1q6/ WxGho0J9SPN/ AACCAAKABBr/j-3KsytPC1gZccAIdgxYy68HlBMnC21RwCLcBMAs/s1600/flower.jpg’  /></a>

Bila anda ingin menggunakannya di menu  “Theme” untuk “Edit HTML”, agar lebih efisien dan tidak membingungkan maka anda dapat mempersingkat kodenya dan menambahkan <a href=’#’> menjadi seperti ini :

<a href=’#’><img src=’https://3.bp.blogspot.com/-9jNYgt4x1q6/ WxGho0J9SPN/ AACCAAKABBr/j-3KsytPC1gZccAIdgxYy68HlBMnC21RwCLcBMAs/s1600/flower.jpg’  /></a>

Apakah cukup dengan ID gambar saja tanpa alamat gambar tanpa perlu mengisi <a href=’#’>? Iya,itu sudah cukup karena gambar kita sudah ada di peyimpanan default pada blogger.

Cara mengcopy bagian kode dengan klik text lalu seleksi dan tekan CTRL+C. Selamat mencoba, salam blogger

Read More

Hindari kode dan string yang tidak diperlukan

Perkembangan teknologi blog dan website cukup pesat sehingga turut mempengaruhi adaptasi kode dan string agar dapat berjalan dengan baik ketika di eksekusi oleh browser dan perangkat (Device).  Untuk itu diperlukan siasat memperbaiki kode (script) dan string yang disesuaikan dengan perkembangan platform masa kini. Platform HTML saat ini sudah mencapai versi HTML5  sehingga bila tidak kita sesuaikan maka  blog atau website yang kita bangun akan ketinggalan.  Berbagai ketertinggalan ini meliputi, halaman yang lambat di ekseskusi atau di load oleh browser, halaman yang hanya bisa dibaca oleh pembaca di negara tertentu dan dukungan fitur yang terbatas.

Membangun sebuah blog dan website tidak selalu harus mengutamakan design template yang rumit dan beragam. Design yang kompleks bisa jadi justru semakin membuat blog atau website anda menjadi tidak responsive sehingga tidak efisien bagi para pengunjungnya. Untuk itu pelan-pelan perlu diperbaiki script didalamnya, diantaranya meliputi kode HTML dan CSS yang harus disesuaikan.

HTML dan CSS

Didalam konstruksi blog atau website, Kode HTML terletak di antara <HTML> hingga ke bagian penutupnya yaitu </HTML>. Sedangkan kode CSS berada di tengahnya diantara <b:skin> hingga </b:skin>. Untuk kode HTML yang belum mendukung HTML5 biasanya ditulis dengan html (huruf kecil), sedangkan yang sudah mendukung HTML5 ditulis dengan HTML (huruf besar).

Langkah pertama memperbaiki kode HTML :

1. Kode awal yang belum mendukung HTML5 ditulis sebagai berikut :

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

Sementara kode yang sudah mendukung HTM5 ditulis sebagai berikut :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/> 

...................................

...................................

</HTML>

Catatan : Penutup harus sama menggunakan huruf besar <HTML>....</HTML>

2. Menghapus kode berikut :

<link href='https://plus.google.com/119152640378100346109/post' rel='publisher'/>
<meta content='follow, all' name='googlebot-image'/>

3. Menghapus kode berikut :

<b:include data='blog' name='all-head-content'/>

4. Menghapus kode berikut :

<b:include name='nextprev'/>

Ganti dengan kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<! navigation >
<b:include name='nextprev'/>
</b:if>

Catatan :

A. Kodenya bukan seperti ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!--  navigation -- >
<b:include name='nextprev'/>
</b:if>
B. String (--) pada <!-- navigation -- > tidak diperlukan.

5. Hapus kode berikut :

<b:include name='quickedit'/>

Dikarenakan banyak kode lainnya maka untuk tahap awal perbaikan kode HTML sampai disitu dulu, selanjutnya perbaikan pada kode CSS.

Kode CSS

Langkah kedua memperbaiki kode CSS :

1. Kode CSS diawali dengan kode seperti ini :

<b:skin><![CDATA[*/

Ganti kode tersebut dengan kode berikut :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<! /* <b:skin><![CDATA[*/

... ISI KODE CSS .......

]]></b:skin>

2. Hapus semua string (--) berikut di setiap kode CSS

*/ ----------------------------------------------- */

Misalnya :

*/  headings 

--------------------------------------------------- */

Menjadi :

*/  headings  */

Mengapa tidak semuanya saja dihapus? Mengapa harus di sisakan menjadi */ headings */

Hal tersebut agar nantinya dapat memudahkan kita mencari kata “headings” di kolom pencarian pada saat akan memodifikasi kode CSS.

Bila anda ingin mengkopi kode yang ada disini caranya , Klik text 2X lalu seleksi text dan tekan CTRL+C. Dan untuk melengkapi perbaikan kode lainnya akan saya ulas di posting berikutnya.

Salam santun blogger

Read More

Buat header dan banner sejajar

Setiap blog yang telah di modifikasi template, widget, domain dan struktur kelengkapan lainnya akan memiliki kode/script yang berbeda-beda. Bahkan versi editor pada blog juga mengalami perubahan. Perubahan itu terjadi karena teknologi blog dan website yang terus berkembang, misalnya versi HTML dan pembaharuan kode yang mendukung teknologi baru.

Ada seorang blogger yang mengalami masalah membuat header dan banner bersebelahan. Dia mencoba browsing hingga menerapkan trick yang dia temukan di lebih 10 blog tetapi selalu gagal. Alasannya header dan banner tidak sejajar alias tumpang tindih tidak karuan. Ternyata dia baru menyadari bahwa kode default pada blognya berbeda dan sebagian besar trick yang dia dapatkan dari banyak blog tersebut ternyata hasil copy-paste dari blog lainnya. Lalu bagaimana solusinya?

Berikut cara mudah menambahkan widget untuk banner agar sejajar dengan header :

Persiapan awal :

A. Buatlah gambar Header berukuran 342 X 110 dan Banner berukuran 468 X 90 dengan format PNG bila background ingin transparan atau dengan format JPG bila background berwarna. Untuk gambar banner, silahkan anda upload ke Google Photo. Setelah di upload, anada klik gambar lalu klik kanan pilih “Copy Image Address”, buka notepada atau MS Word lalu pastekan alamatnya dan simpan.

B.Masuk ke dashboard pilih Tema/Themes lalu ubah setting lebar halaman menjadi 990, biasanya halaman default blogger punya ukuran lebar 930. Bila anda menggunakan 2 sidebar maka setting bagian kiri 200 dan bagian kanan 250 hingga 260. Atau boleh kiri 210 - kanan 250 lalu terapkan.

Langkah 1 :

- Klik back to blogger agar masuk ke menu dashboard lalu pilih Tata Letak/Layout.

- Tambahkan Add Gadget/Widget berupa HTML/Java Script. Biarkan kosong dulu.

- Pindah ke menu Tema/Themes, pilih edit HTML. Cari kode HTML <header>, untuk mempercepat tekan CTRL + F bersamaan lalu copy paste kode <header>. Anda  akan menemukan kode  tepat di bawah <header> yaitu <div class='header-outer'>. Kode tersebut panjang hingga ke penutup kode HTML </header>. Berikut kode HTML-nya :

<header>

<div class='header-outer'>

<div class='header-cap-top cap-top'>

 <div class='cap-left'/>

<div class='cap-right'/>

</div>

....................................

....................................

.....................................

<div class='header-cap-bottom cap-bottom'>

<div class='cap-left'/>

<div class='cap-right'/>

</div>

</div>

</header>

Layout

Catatan : Ganti semua kode berwarna merah tersebut di atas dengan kode berikut :

<div style='clear: both;'/>

<div class='row' id='header-wrappers'>

<div class='headerleft'>

<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Atauruz (Header)' type='Header' version='1' visible='true'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>

<b:if cond='data:mobile'>

<div id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

<!--Show the image only-->

<div id='header-inner'>

<a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none'/>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

</a>

<Show the description>

<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<No header image>

<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

<div class='descriptionwrapper'>

<h3 class='description'><span><data:description/></span></h3>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='headerright'>

<b:section class='headerright' id='headerright' maxwidgets='1' showaddelement='yes'>

<b:widget id='HTML1' locked='false' title=' ' type='HTML' version='1' visible='true'>

<b:includable id='main'>

<Only display title if it's non-empty >

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

 <b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<div style='clear: both;'/>

 </div>

Setelah kode tersebut anda copy paste lalu save. Itu adalah langkah pertama mengganti kode HTML.

Selanjutnya mengganti kode CSS. Berikut cara mengganti kode CSS :

Langkah II :

- Cari kode <b:skin>, Klik CTRL + F untuk mempercepat.anda akan melihat kode <b:skin>...</b:skin> lalu klik saja titik-titik itu. Masukkan kode CSS berikut diatas </b:skin> :

#header-wrappers{height:auto;padding:0}body#layout .headerleft{float:left;width:342px;max-height:none;margin:0;padding:0}body#layout #headerleft{background-color:#b57dcc !important;border-color:#8a52a1 !important}body#layout .headerleft .widget-content{border-color:#8a52a1}body#layout .headerright{float:right;width:342px;margin:0}body#layout

.headerright,.headerleft{float:left;width:468px;text-align:center;height:auto;margin:0 auto;clear:both}.headerleft img{margin:2px;padding-bottom:8px}.headerright{margin:5px auto 0}}@media only screen and (max-width: 980px)

#headerright .widget-content,body#layout #ads-inter .widget-content,body#layout #ads-home .widget-content,body#layout #post-ads-footer .widget-content{border-color:#f1c410 !important}body#layout #headerright .draggable-widget .widget-wrap2,body#layout #ads-inter .draggable-widget .widget-wrap2,body#layout #ads-home .draggable-widget .widget-wrap2,body#layout #post-ads-footer .draggable-widget .widget-wrap2{background-color:#f1c410 !important;cursor:move}]]></b:skin>

Setelah anda mengganti kode CSS tersebut, lalu save.

Sekarang giliran mengatur widget tambahan. Masuk ke dashboard menu lalu pilih Tata Letak/Layout.

Widget berupa HTML/Java Script yang tadi anda tambahkan klik edit. Isilah dengan kode alamat gambar atau  banner berukuran 468 X 90 dari uploader Blogger. Kodenya mirip seperti ini:

<a href="https://3.bp.blogspot.com/-MabDjQBp7xI/WnArbKoBzeI/ACAAAAAABA0/xNlSFjD7Tj0TIiBVwsPxkEr7XqUl-J7BACLcBGAs/s1600/banner468X90.png" imageanchor="1"><img alt="banner468x90" border="0" data-original-height="90" data-original-width="468" src="https://3.bp.blogspot.com/-NaaDjQBp7xI/WqArbKdBzeI/AAAAAAAABA0/xNlSFjD7Tj0TIiBVwsPxkEr7XqUl-J7BACLcBGAs/s1600/banner468X90.png" title="banner" /></a>

Upload gambar

Cara mendapatkan kode gambarnya melalui upload ke blogger.Ini caranya :

Buka dashboard dan pilih “Posts” lalu buatlah New Post dalam mode Compose.Kemudian upload gambarnya.Klik gambarnya pilih “Original Size” dan isi property gambarnya.Contoh : Alt text = banner468x90. Alt = banner.Save tapi jangan di publish.Ubah ke mode HTML lalu copy alamat gambarnya yang mirip kode diatas.Setelah di copy lalu masukkan kode tersebut ke widget/gadget tanpa diberikan judul.Demikian trick lengkap membuat header dan banner sejajar kiri-kanan jika kode blog anda berbeda dengan kode blog lain. Bila ada pertanyaan, silahkan bertanya sesuai topik dengan cara klik tulisan “comment” dibawah posting ini.

Read More