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

Pengobatan katarak

Katarak adalah keadaan lensa mata yang menjadi keruh sehingga menyebabkan berkurangnya ketajaman penglihatan.Keruhnya lensa mata tersebut bisa terjadi pada sebagian atau seluruh mata.Bila tidak ditangani lebih dini maka dapat menyebabkan kebutaan total.Secara umum faktor penyebabnya berhubungan erat dengan faktor usia,paparan sinar matahari yang tinggi dan faktor lain yang belum diketahui.

Selama ini penyembuhan pada penderita katarak melalui cara operasi karena belum ditemukannya obat-obatan farmasi yang dapat menyembuhkannya.Apakah ada cara penyembuhan dengan metoda lain misalnya secara alternatif? Berdasarkan pengalaman saya,metoda penyembuhan secara alami dapat dilakukan.Saya menderita katarak +2.5 sejak 2013 dan terasa sangat menggangu.Kebetulan saya adalah seorang formulator dan setelah membuka buku formulasi lama saya,akhirnya saya coba terapkan pada diri saya.Alhasil sekarang sudah berkurang menjadi +2.25 dan harus membeli kacamata baru untuk penyesuaian.Berikut resep yang saya gunakan :

Tahap Pertama :

Rendam bunga Sedap Malam sebanyak 10 buah (bunganya) kedalam 1 gelas air mineral dan beri penutup.Di mulai sore hari dan diamkan hingga pagi hari lalu pagi harinya masukkan airnya ke gelas bor water untuk merendam mata.Diamkan selama 3-5 menit.

 

Bunga Sedap Malam

Tahap Kedua :

Setelah mata di rendam dengan air bunga Sedap Malam,Teteskan dengan madu murni secukup kemudian kedip-kedipkan agar merata.Pastikan madu yang anda gunakan adalah asli misalnya beli di Jambore Cibubur.Perlu anda ketahui bahwa meneteskan madu ke dalam mata akan terasa perih tetapi pada tahap inilah mata anda akan benar-benar dibilas otomatis oleh madu.Mata alan menjadi lebih sehat dan bersih.

Saya menggunakan resep tersebut seminggu 2X selama satu bulan karena kesibukan.Lalu untuk resep pembantunya perlu mengkonsumsi tumis broccoli seminggu 2X dan minum jus jambu setiap hari.Selamat mencoba

Read More

Obat diabetes darurat

Pare dengan nama latin Momordica Charantia adalah buah dengan rasa pahit yang dijadikan sebagai bahan pangan.Rasa pahit pada pare berasal dari alkaloid yaitu momordicine yang berkhasiat mengaktifkan enzim usus. Kandungan nutrisi per 100 g terdiri atas energi 20 kkal, karbohidrat 4,32 g, lemak 0,18 g, protein 0,84 g air 93,95 g.

Buah pare juga mengandung fixed oil, senyawa menyerupai insulin (Polipeptida P atau insulin sayuran), vicine,glikosida, alkaloid (Momordicine), Elasterol, Hydroxytryptamine, Asam folat, Vitamin (C, A, B1, B12, E), mineral (zinc, kalium, kalsium, magnesium, zat besi, fosfor, mangan, tembaga), Pantothenic acid, Lutein, Likopen, Alpha-monocharins, Beta-monorcharins dan serat. Peptida yang menyerupai insulin bermanfaat menurunkan kadar gula dalam darah dan urine.

Senyawa utama dalam buah pare sebagai anti diabetes adalah Charantin,Vicine dan Polipeptida-P.Cara kerja Polipeptida-P yang menyerupai insulin dalam menurunkan kadar glukosa darah tidak melalui peningkatan keluarnya insulin oleh sel beta pankreas. Zat aktif charantin lebih kuat dalam menurunkan kadar glukosa darah daripada Tolbutamide.

Efek menurunkan kadar gula darah dari jus pare segar telah terbukti dengan penelitian pada binatang dan manusia. Untuk mengobati diabetes mellitus, konsumsi setiap hari 1 buah pare ukuran kecil yang direbus sebentar.Mengkonsumsi buah pare dapat menurunkan kadar gula darah sebanyak 18% selama 24 jam. Konsumsi selama 8 hari atau maksimal 10 hari setelah itu lalu dilanjutkan dengan dosis harian 2.000 mg (2 gram) pare untuk mengurangi level glukosa darah pada penderita diabetes tipe 2.

Buah Pare

Khasiat lainnya :
Buah pare dapat digunakan untuk pengobatan diabetes dalam keadaan darurat sebelum anda memeriksakan diri ke dokter.Selain sebagai penurun gula darah, pare juga berkhasiat sebagai antiradang, peluruh dahak, membersihkan darah dari racun, meningkatkan nafsu makan, pereda demam, radang tenggorokan, penambah ASI, mengobati sakit lambung, disentri, infeksi cacing gelang, nyeri haid, dan malaria. Buah yang telah matang berkhasiat tonik pada lambung, antikanker terutama leukimia dan puluruh haid.

Daun pare juga memiliki banyak khasiat, diantaranya peluruh haid, pencahar, perangsang muntah, pereda demam. Juga bisa dipakai untuk mengatasi terlambat haid, radang hati, radang usus, kencing nanah, sifilis, penyakit limpa, kolik, campak, luka, abses, bisul, sembelit, tidak nafsu makan, demam, dan cacingan.

Cara pemakaian
Buah pare bisa dikonsumsi dengan cara direbus, dibuat jus, atau ditumis. Untuk pemakaian luar, daun pare digiling halus lalu dibubuhkan pada luka bakar, bisul, abses, eksim, skabies, digigit serangga, biang keringat dan menyuburkan rambut bayi.


Ibu hamil tidak dibolehkan minum rebusan daun pare dan buah pare karena kandungan zat aktifnya, alpha dan beta monorcharins akan menstimulasi rahim dan bisa menyebabkan keguguran.

Read More

Mengobati Asma

Asma (Asthma) adalah penyakit gangguan pada saluran pernafasan.Serangan asthma membuat penderitanya sangat tersiksa dan ketika terjadi serangan akut akan membahayakan si penderita.Penyebab asthma karena adanya penyempitan pada saluran pernafasan akibat beberapa faktor misalnya genetika (Keturunan),inflamasi akibat bakteri atau jamur,alergi udara,debu dan bulu hewan bahkan uap atau debu mikro atap rumah yang terbuat dari asbes juga dapat menyebabkan asthma.Serat mikro pada asbestos (Asbes) sangat berbahaya melebihi asap rokok dan menyebabkan kanker paru-paru. Sampai saat ini salah satu terapi umum asthma adalah menggunakan inhaler untuk melebarkan saluran pernafasan.Meskipun cukup asthma sulit disembuhkan namun ada banyak penderita yang setelah di terapi tidak pernah lagi terkena serangan seumur hidupnya dengan terapi tanpa menggunakan alat inhaler.Penanganan penderita asthma yang utama adalah merubah pola hidup dan menjauhkan faktor-faktor pemicunya terutama allergen berupa debu,bulu hewan,udara dingin,asap rokok dan makanan yang merangsang saluran pernafasan seperti cracker biscuit.

Fokus penanganan pada perbaikan saluran pernafasan dengan vasodilatasi (melebarkan saluran pernafasan) dan menjauhkan lingkungan yang berpotensi mengganggu saluran pernafasan.Untuk menghindari ketergantungan pada obat yang memiliki efek samping pada penggunaan jangka panjang,maka medikasi yang diperlukan adalah vasodilator dari bahan alami yaitu bio-methylxanthine.Namun meskipun terbuat dari bahan alami,penggunaannya harus disesuaikan dengan usia si penderita.Berikut cara mengobatinya :

Medikasi oral :

Teh sebagai bahan pengobatan sering dianggap remeh oleh banyak orang.Ini adalah sumber methylxanthine alami yang gunanya sebagai vasodilator.Sekalipun kadar senyawa methylxanthine pada teh lebih rendah daripada kopi namun kandungan fitokimia secara keseluruhan pada teh dan kopi memiliki fungsi yang berbeda.Teh juga mengandung anti oksidan yang kuat yaitu EGCG untuk menjaga sistem kekebalan tubuh anda.cara penggunaannya,seduh teh dengan air panas mendidih agar pekat dan tunggu hingga menjadi hangat lalu minumlah saat masih hangat.Substansi methylxanthine pada teh akan bekerja cepat dalam waktu 15 detik dan airnya yang hangat akan turut membantu melonggarkan saluran pernafasan.Ini cara terbaik untuk menghindari serangan asma mendadak pada saat tidur.

Daun Putri Malu.Tumbuhan ini memiliki beberapa senyawa fitokimia seperti : Non-protein amino acid (mimosine),flavonoids C-glycosides,sterols,terpenoids,tannins,crocetin dimethyl ester,fatty acids, d-xylose,d-glucoronic acid 4-O-(3,5-dihydroxybenzoic acid)-b-d-glucoronide dan Jasmonic acid.Daun putri malu selain berfungsi sebagai antibakteri,anti jamur,antivirus juga melebarkan penyempitan pada saluran pernafasan akibat kegemukan,anti peradangan dan menenangkan penderita sehingga lebih mudah tidur.Dalam riset yang saya lakukan pada tahun 1995 di daerah Sukabumi - Jawa Barat,penggunaan daun putri malu pada penderita asma dalam  2 minggu pertama sudah terlihat hasilnya positive.Penderita sudah tidak lagi kesulitan bernafas dan tidak bergantung pada inhaler.Cara penggunaan ambil daun putri malu sekitar 1 sendok teh (Anak-anak) atau 1 sendok makan (Orang dewasa).Seduh dengan air panas dan diamkan hingga menjadi hangat lalu minum.Minumlah pagi hari setelah sarapan dan sebelum tidur malam.Daun putri malu juga memiliki kemampuan membersihkan rongga sinus dan membunuh bakteri pada rongga sinus.

Buah Pace atau Mengkudu.Buah Pace termasuk buah yang sangat banyak manfaatnya,namun bau yang dihasilkan dari buah ini kerap membuat orang enggan mengkonsumsinya bila tidak terpaksa.Buah pace kaya kandungan vitamin seperti ; vitamin B1 (thiamine), vitamin B2 (riboflavin), vitamin B3(niacin), Vitamin B5 (pantothenic acid ), vitamin B6, vitamin B12, vitamin C (ascorbic acid), folate, vitamin E (alpha-tocopherol) dan beta-carotene (Precursor vitamin A).Juga mengandung beberapa mineral penting seperti;  calcium, potassium, magnesium, iron and phosphorus (Fosfor).

Senyawa penting lainnya terdapat beberapa konstituen kimia alami yang terkandung diantaranya adalah antioksidan seperti quercetin, vanillin, pinoresinol, proxeronine, kaempferol, iso-scopoletin, bisdemethylpinoresinol dan scopoletin.

Senyawa Scopoletin adalah komponen fitokimia penting yang memiliki keuntungan istimewa bagi kesehatan sebagai anti peradangan,anti-histamine(Anti Alergi) , antifungal (Anti Jamur) dan anti bakteri.Dan yang sangat membantu penderita asma agar lebih mudah tidur adalah fungsinya yang mengatur serotonin untuk menurunkan kecemasan dan depresi.Dapat mengikat melatonin untuk mengatur tidur,mengatur rasa lapar dan menjaga temperatur tubuh.Gunakan buah mengkudu masak ukuran sedang lalu di juice tanpa tambahan air.Bila tidak tahan dengan baunya dapat dicampur dengan jahe dan jeruk nipis secukupnya atau jeruk purut (sesuai selera) lalu tambahkan madu.

Apel.Mengandung flavonoid khusus untuk terapi asma yaitu Eriodictyol,Naringenin (Induk flavone dari Naringin) yang tidak ditemukan pada citrus serta Hesperidin dan Quercetin.Makanlah sehari 2 buah atau sehari 1X sebelum tidur.

Semoga lekas sembuh

#buahmengkudu, #buahpace, #antiasthma, #antiasma, #obatasma, #scopoletin, #antihistamine,

# eriodictyol, #naringenin, #proxeronine, #mimosine, #flavonoids, #methylxanthine, #daunputrimalu, #apel, #hesperidin, #quercetin, #teh, #tea, #fitokimia, #phytochemicals, #fitokimia

Read More