Sunday, March 25, 2018

Cara buat invisible ink

Tinta atau ink selain berfungsi sebagai bahan pewarna  untuk tulisan juga memiliki berbagai macam aplikasi. Aplikasi bisa diterapkan sebagai bahan percetakan untuk buku, koran, majalah dan sebagainya  serta dapat diterapkan untuk sablon pada kain baju, kaca atau gelas dan media lainnya. Dalam kesempatan ini saya ingin berbagi formula pembuatan  Invisible ink atau di sebut tinta yang tidak terlihat. Pertanyaanya, mengapa tinta tidak terlihat? Bukankah tinta eharusnya bisa terlihat agar bisa dibaca atau tampak secara visual. Pengertian dari invisible ink disini adalah tinta yang hanya akan terlihat bila ada pemicunya, misalnya sebuah tulisan di baju baru bisa terbaca bila dibawah cahaya matahari (UV Light).

Kali ini formula yang akan saya bagikan khusus digunakan untuk aplikasi tinta pada laundry. Berikut formulanya :

Laundry Invisible Ink
Formula I :
- Beta Naftol (Beta Naphtol)
- NaOH (Sodium Hydroxide)

Campurkan Beta Naphtol dengan larutan Sodium Hydroxide (1:1).
Hasil dari larutan ini akan menghasilkan warna biru saat di bawah sinar matahari.

Formula II :
- Oxynaphthionic Acid (Asam Naphthionic)
- NaOH (Sodium Hydroxide)

Campurkan Oxynaphthionic Acid dengan larutan Sodium Hydroxide (1:1).
Hasil dari larutan ini akan menghasilkan warna kuning hijau dibawah sinar matahari.

Selanjutnya cara membuat bahan campuran tinta fluorescent (Berfluoresensi) yang artinya akan berkilau ketika kena cahaya, berikut formulanya :

- Aesculin (Eskulin) 10 gram
- Caustic Soda larutan 1% sebanyak 100 CC
- Sodium Salicylate 10 gram

Cara membuat tinta berfluoresensi adalah dengan menambahkan larutan tersebut di atas dengan tinta biasa. Takarannya 1 bagian larutan tersebut dicampur dengan 10 bagian tinta biasa. Misalnya 10 CC larutan dicampur dengan 100 CC tinta.
Cara buat invisible ink
Invisible Ink

Catatan :
Setiap akan membuat formula berbahan kimia perlu menggunakan sarung tangan. Hal tersebut dilakukan untuk mencegah hal-hal yang tidak di inginkan. Bila terkena larutan bahan kimia segeralah bilas dengan air mengalir tanpa di gosok. Setelah cukup terbilas lalu cuci lagi dengan sabun mandi dan gosok perlahan hingga bersih.

Share:

Thursday, March 22, 2018

Buat label di menu navigasi

Setiap blogger memiliki selera masing-masing yang berbeda dalam membuat blog. Ada yang lebih fokus pada performa,visual design dan kemudahan dalam navigasi. Bagi yang fokus pada performa biasanya tidak terlalu mementingkan visual design bahkan ada juga yang tidak peduli pada navigasi yang mudah. Bagi mereka yan g penting blognya aman-aman saja dan mudah dibuka oleh pengunjungnya. Sedangkan mereka yang fokus pada visual design seringkali lupa pada performa dan kemudahan menu navigasi. Dan bagi yang fokus pada kemudahan navigasi kerap bingung pada tata letak yang memudahkan bagi pengunjung blognya.

Label atau category umumnya terpisah dari menu navigasi dan biasanya menggunakan widget/gadget. Posisinya bebas, bisa di sidebar ataubahkan di footer. Kali ini saya ingin berbagi tips membuat label atau category yang standalone alias berada di menu navigasi. Dan space halaman yang tersisa dapat anda gunakan untuk keperluan yang lain misalnya pasang banner iklan dan sebagainya. Hanya dengan klik menu navigasi maka akan terbuka submenu yang berisi label atau category. Berikut tahapannya :

1. Buka dashboard, pilih tema/theme lalu edit.
2. Cari menu navigasi dibawah <body> atau ketik Home

Contohnya seperti ini :

<div class='span-16'>
<div class='menu-primary-container'>
<ul class='menus menu-secondary'>

<li><a href='https://saya.blogspot.com'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='children'>
<li><a href='https://saya.blogspot.com/search/label/MotoGP'>MotoGP</a></li>
<li><a href='https://saya.blogspot.com/search/label/Moto2'>Moto2</a></li>
<li><a href='https://saya.blogspot.com/search/label/MotoGP%20Team'>MotoGP Team</a></li>
<li><a href='https://saya.blogspot.com/search/label/Tes%20Pramusim'>Tes Pramusim</a></li>
<li><a href='https://saya.blogspot.com/search/label/Pembalap'>Pembalap</a></li>
</ul>
</li>
<li><a href=' https://saya.blogspot.com/p/featured.html '>Featured</a></li>
<li><a href='https://saya.blogspot.com/p/sitemap.html'>Sitemap</a></li>
<li><a href='https://saya.blogspot.com/p/disclaimer.html'>Disclaimer</a></li>
</ul>
</div>
</div>

Urutan menu tersebut seperti ini :

Buat label di menu navigasi
Menu Label Dropdown

Menu Category diberikan link '#' artinya ketika di klik tidak akan membuka halaman tetapi akan memunculkan submenu. Text yang berwarna biru adalah nama label tujuan, sedangkan text yang berwarna hijau adalah navigasinya. Membuat submenu label/category harus disertai “search/label” atau lengkapnya  https://namablog.blogspot.com/search/label/nama-labelnya. Copy paste saja kode di atas lalu ganti nama blognya dan nama labelnya. Nama label yang lebih dari 2 kata harus ditulis seperti ini, misalnya : Tutorial%20menu .
 
Buat label di menu navigasi
Edit theme in dashboard
Sebagai catatan, setiap blog kadang memiliki kode berbeda tetapi panduan utamanya adalah anda harus mencari kode navigasi menu Home untuk mengedit kodenya, kira-kira mirip seperti itu lalu ganti kodenya seperti diatas. Bila anda memiliki sitem menu 2 yaitu di atas header dan dibawah header, sebaiknnya edit dibagian menu kedua (menu-secondary-container). 


Share:

Wednesday, March 21, 2018

Comment form pada blog hilang

Template pada sebuah website dan blog terdiri dari konstruksi tata letak dan design. Sehingga setiap template bisa memiliki scripts atau kode-kode yang berbeda sesuai dengan kebutuhan pembuat dan pemakainya. Ada yang memiliki fitur dan menu berbeda-beda bahkan ada yang memodifikasinya agar lebih baik secara tampilan,performa serta fungsi bagi pembacanya. Perbedaan script itulah  yang beberapa kali saya temui dalam berbagai komentar pada sebuah blog atau website yang membahas beberapa tutorial. Salah satunya misalnya adalah masalah pada template yang hilang atau tidak muncul. Sudah banyak menyalin kode untuk ditambahkan hingga mengganti kodenya  namun tidak juga berhasi. Untuk itu tips kali saya khususkan bagi template yang memliki kode berdeda. Biasanya template yang hilang atau tidak muncul comment form-nya adalah template yang modern atau template yang sudah di modifikasi.

Jangan tergesa-gesa mengganti script bila mengalami masalah tersebut. Perhatikan dulu apakah template defaultnya memang tidak ada comment form atau hilangnya comment form tersebut akibat banyaknya memodifikasi script. Sebelum memperbaiki atau mengubahnya dan agar tidak membuang waktu anda, check kode berikut :
Masuk ke dashboard, pilih theme dan edit. Cari kode berikut :

<p class ='comment-footer'>

Atau lebih lengkapnya seperti ini :

<p class ='comment-footer'>
<b:if cond='data:post.alloNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

Perhatikan pada comment-footer lalu temukan kode scrolling, bila nilainya 'no' maka ganti menjadi 'yes' kemudian save.

Comment form pada blog hilang
Perbaiki comment form pada blog

Disini saya hanya berbagi tips hanya untuk kode template yang berbeda daripada umumnya. Bila kode pada template anda sama persis maka masalah anda sudah selesai. Lain halnya jika anda memiliki kode yang tidak sama dengan kode tersebut diatas. Jika kode anda tidak sama maka anda akan dengan mudah menemukan berbagai cara mengatasinya diblog atau website lain.

Share:

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:
Chinese (Traditional)DutchEnglishFrenchGermanIndonesianItalianRussianSpanish

Protected by. DMCA

Categories

Ticket & Hotels

banner


PR Checker

www.PRchecker.info

Blogging Fusion

Blogging Fusion Blog Directory