Saturday, March 17, 2018

Editor tema di blogger mengalami error

Para blogger umumnya senang mencoba beberapa template sebelum akhirnya menetapkan pilihan template yang sesuai bagi blognya. Setiap platform blog memiliki content management system atau yang biasa dikenal dengan nama CMS. CMS adalah sistem pengelolaan dari sebuah blog atau website yang meliputi konstruksi, design dan isi. Jika CMS mengalami masalah pada editornya maka akan berakibat fatal bagi para blogger. Salah satu masalah yang paling ditakuti oleh pengguna blogger adalah bila editor tema (Theme Editor) pada dashboard blogger tidak bekerja alias error. Masalah pada editor tema yang sangat parah adalah ketika terjadi Bootloop yang menyebabkan Black Screen. Pada keadaan ini para blogger akan menyerah dan membuat blog baru sertahanya bisa mengambil isi blognya saja. Apa sebenarnya penyebab dari error pada editor tema? Mengapa terjadi bootloop?

Bootloop pada editor tema tidak berhubungan dengan cache, history pada browser dan jaringan internet yang lemah. Ada faktor-faktor yang memicu terjadinya hal tersebut. Bootloop yang menampilkan blackscreen sangat berbeda kasusnya dengan error pada ketika mengedit template. Error dengan peringatan seperti “Ups,Itu kesalahan dan sejenisnya bisa diperbaiki tergantung dari hasil analisa penyebabnya, namun ketika anda mengalami masalah bootloop maka itu akan menjadi bencana besar bagi blogger.
Ketika saya mengalami hal tersebut, tidak tanggung-tanggung kedua blog saya mengalami masalah yang sama. Saya coba mencari tutorial mengatasi bootloop pada editor tema dari berbagai forum di luar negeri karena di lokal tidak saya temukan. Ternyata blogger asing juga mengalami hal yang sama dan mereka tidak tahu apa penyebabnya. Di karenakan saya malas membuat blog baru, akhirnya saya putuskan untuk meneliti penyebab bootloop (Black Screen) pada editor tema di blogger. Kesimpulan dari penelitian saya soal penyebab bootloop adalah akibat adanya script yang tumpang tindih alias konflik untuk fungsi yang sama. Kode-kode tersebut berupa javascript yang biasanya di letakkan pada header yang posisinya berada dibawah <head>. Konflik pada javascript inilah penyebab terjadinya bootloop sehingga ketika editor dibuka maka akan muncul black screen.

Namun kali ini saya hanya akan fokus pada perbaikan menormalkan fungsi editor tema saja. Berikut yang harus dipersiapkan :

1. File back up terakhir ketika blog masih normal. File backup template ini berekstensi XML, contohnya (theme-72001112224449031234.xml). File ini nantinya akan dibuka menggunakan aplikasi Wordpad atau Notepad.
2. Login ke akun blogger anda dan anda akan masuk ke dashboard.

Catatan, Cara memperbaiki editor tema ini membutuhkan kecepatan dan kadang harus dilakukan berkali-kali. Blog pertama saya dapat teratasi hanya dalam waktu 2 menit tetapi blog kedua saya baru dapat teratasi dalam waktu 35 menit meskipun problemnya sama dan memiliki embedded script yang sama pula.

Editor tema di blogger mengalami error
Tampilan Black Screen di editor tema blog

Kita lanjutkan, Langkah pertama :

1. Saat di dashboard ketika anda memilih menu tema (Theme) lalu mencoba klik menu Edit, maka muncul editor lalu yang terjadi adalah dalam hitungan detik akan muncul blackscreen dengan logo blogger.Pada keadaan bootloop seperti ini bila anda tunggu hingga full load maka itu tidak akan berhasil. Segera lakukan back di tab browser berupa tanda panah ke kiri (Sebelumnya), saya anggap anda tahu cara ini. Setelah back maka anda akan berada di menu tema lagi. Perhatikan baik-baik, anda harus bekerja cepat pada tahap ini. Klik edit begitu muncul editor langsung segera klik “Revert widget themes to default” lalu akan muncul daftar widget yang akan dikembalikan. Dan checklist semua lalu save. Masalahnya adalah anda harus melakukan itu dengan cepat karena bila terlambat maka akan muncul blackscreen lagi. Ulangi lagi beberapa kali hingga berhasil.

2. Setelah berhasil lalu buka file backup yang berekstensi XML menggunakan Wordpad atau Notepad. Copy seluruh script / kode lalu paste ke editor tema blogger dan “Save Theme”.

Editor tema di blogger mengalami error
Editor Tema- Revert Widget to Default

Pertanyaan lainnya, Bagaimana bila tidak mempunyai file backup? Gampang, setelah “Revert widget themes to default” berhasil dan editor sudah terbuka, hapus semua kode Javascript yang ada di bawah <head>hingga <title><data:blog.pageTitle/></title>

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

Lengkapnya begini :

<head>
<meta charset='utf-8'/>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX'/>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag(&#39;js&#39;, new Date());
  gtag(&#39;config&#39;, &#39;UA- XXXXXXXXX &#39;);
</script>

/* ---- Bila disini ada kode Javascript ---- */
KODE JAVASCRIPT - Pertama                                     *HAPUS*
KODE JAVASCRIPT - Kedua                                        *HAPUS*
KODE JAVASCRIPT - Selanjutnya bila masih ada       *HAPUS *
/* ------------------------------------------------ */

<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<link href='/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<meta content='....................................' name='description'/>
<meta content='.....................................' name='keywords'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

Hapus semua kode javascript  setelah <head> kecuali script google analytic dan kode html jangan di hapus. Setelah anda hapus lalu anda ganti tema (Themes) terserah dari bawaan blogger atau  pakai template lain.

Ingat..kecepatan dan kesabaran melakukannya berkali-kali adalah kunci utama keberhasilan mengatasi masalah ini. Sukses selalu

Share:

Saturday, March 10, 2018

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_logo
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.

Share:

Friday, March 09, 2018

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

Share:

Wednesday, March 07, 2018

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.

kodehtmlcss
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.

css_kode
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

Share:
Chinese (Traditional)DutchEnglishFrenchGermanIndonesianItalianRussianSpanish

Protected by. DMCA

Categories

Ticket & Hotels

banner


PR Checker

www.PRchecker.info

Blogging Fusion

Blogging Fusion Blog Directory