headerphoto

Saya mau berbagi lagi kode javascript untuk dipasang di dalam blog. Sebelumnya saya telah memposting kode javascript jumlah komentar dan jumlah posting, sekarang akan berbagi posting kode javascript teks pelangi, yang sedikit lebih rumit dibandingkan kedua kode sebelumnya.

Apa itu teks pelangi?

Teks pelangi adalah salah satu bentuk, gaya atau style yang diterapkan pada sebuah teks, kata, frasa, kalimat atau beberapa kalimat, yang menjadikan teks tersebut berwarna-warni seperti layaknya pelangi.

Bagaimana cara memasang teks pelangi?

Cara memasang atau membuat teks pelangi yaitu:
:1: Pasang kode berikut di dalam Template blog di atas </head>

<script type='text/javascript'>//<![CDATA[
function rt_decodeHex(t){var r=parseInt(t.substr(1,2),16),n=parseInt(t.substr(3,2),16),o=parseInt(t.substr(5,2),16);return[r,n,o]}function rt_encodeHex(t,r,n){var o="#";return o+=16>t?"0"+t.toString(16):t.toString(16),o+=16>r?"0"+r.toString(16):r.toString(16),o+=16>n?"0"+n.toString(16):n.toString(16)}function rt_getColor(t){var r,n,o,a=15,e=255/a;return a>t?(r=255,n=t*e,o=0):2*a>t?(r=255-(t-a)*e,n=255,o=0):3*a>t?(r=0,n=255,o=(t-2*a)*e):4*a>t?(r=0,n=255-(t-3*a)*e,o=255):5*a>t?(r=(t-4*a)*e,n=0,o=255):(r=255,n=0,o=255-(t-5*a)*e),rt_encodeHex(r,n,o)}function rt_loadColor(t){for(var r=t.innerHTML,n=r.length,o=90/n,a=n-1;a>=0;a--){var e=Math.round(o*a),s=rt_getColor(e);r=r.substr(0,a)+"<span style='color:"+s+"'>"+r.substr(a,1)+"</span>"+r.substr(a+1)}t.innerHTML=r}function rt_scriptStart(){for(var t=document.getElementsByTagName("span"),r=0;r<t.length;r++){var n=t[r];"pelangi"==n.className&&rt_loadColor(n)}}var rt_windowOnLoad=window.onload;window.onload=function(){void 0!=rt_windowOnLoad&&rt_windowOnLoad(),rt_scriptStart()};
//]]>
</script>


:2: Pasang kode berikut di Template, Sidebar, Footer atau kolom HTML JavaScript Blog, dengan mengedit dulu frasa teks pelangi disini sesuai kebutuhan

<span class='pelangi'>teks pelangi disini</span>

:3: Bila berhasil, maka akan tampak seperti teks di bawah ini

Kebaikan apa yang sudah kamu lakukan di hari ini?

:4: Kode teks pelangi disini atau kode yang disebutkan pada poin :2:, boleh di pasang beberapa kali, pasang teks pelangi ini di Template, pasang teks pelangi itu di Sidebar, boleh, sesuai dengan kebutuhan.

Semoga berhasil, semangat :semangat:

Lanjut baca »»

Saya membuka situs Google Web Master, kemudian saya melakukan update sitemap, googlebot dan beberapa kegiatan optimasi blog lainnya. Kemudian saya mendapati ada hasil negatif pada tab Penyempurnaan HTML, bahwa deskripsi blog ini disebut singkat, lihat screenshot gambar dibawah ini.

Penyempurnaan HTML Deskripsi Singkat

Penyempurnaan HTML
Informasi deskripsi meta dapat memberi para pengguna suatu ide tentang isi situs dan mendorong para pengguna untuk mengklik pada situs Anda dalam laman hasil telusur.


Deskripsi yang dianggap singkat itu adalah:
..
Catatan-catatan kang Caang
..
berjumlah 26 karakter.

Berapa jumlah huruf atau karakter yang bagus untuk deskripsi blog?

Berikut hasil analisa menurut situs SEO Sentro:
Description is smaller than 80 characters (26 characters).
The meta description of your page has a length of 26 characters. Most search engines prefer an meta descriptions between 80 and 160 characters. Consider the use of a greater description.


:pin: Artinya:
- Jumlah karakter deskripsi sebuah blog yang dianggap bagus, baik dan tidak singkat adalah minimal 80.
- Saya harus mengganti atau menambah karakter dalam deskripsi blog ini.
- Maka, saya akan menggantinya dengan,

Belajar Internet Blog dan Menulis: Dasar, Pemula, Tutorial, Catatan-catatan dan Hikmah.

Masih ada frasa catatan-catatan -nya :hihihi: dan mudah-mudahan berkembang menjadi lebih baik, semangat :semangat:

Lanjut baca »»

Jumlah komentar yang pernah ditulis, baik oleh penulis blog itu sendiri atau oleh pengunjung atau pembacanya, dan terbit pada sebuah blog dapat kita munculkan angkanya dan kita tampilkan di halaman muka, di sidebar atau di footer, melalui bantuan sebuah kode javascript.

Biasanya untuk melihat jumlah komentar, kita bisa menggunakan Dashbor Blogger pada tab Komentar. Disana akan terlihat komentar-komentar yang sudah diterbitkan dan angka yang menunjukan jumlah komentar tersebut. Dengan memasang sebuah kode javascript yang cukup sedikit dan simpel, kita bisa melihatnya pada halaman muka blog kita, di sidebar atau di footer, tanpa melalui Dashbor Blogger.

Contoh penerapan pada blog ini:



Adapun kode javasriptnya adalah di bawah ini:
<!-- penghitung komentar --><script type='text/javascript'>function totalComments(a){document.write("Jumlah Komentar: <b>"+a.feed.openSearch$totalResults.$t+"</b><br>")}</script><!-- /penghitung komentar -->
<script type="text/javascript" src="http://planetcaang.blogspot.com/feeds/comments/default?alt=json-in-script&callback=totalComments"></script>


Keterangannya:
:1: Silahkan ganti alamat url pada kode tersebut di atas dengan alamat url blog kawan.
:2: <!-- penghitung komentar--> sebagai marker saja, boleh tidak digunakan.
:3: Kode hasil angka ditampilkan dengan style bold, huruf tebal, dan frasanya dengan Jumlah Komentar. Keduanya boleh diedit sesuai keperluan, misal hurufnya jadi normal, atau frasanya dengan Total Komentar, dsb.

Semoga berhasil, semangat :semangat:

Lanjut baca »»

Jumlah posting atau jumlah artikel yang sudah diterbitkan pada sebuah blog dapat kita munculkan angkanya dan kita tampilkan di halaman muka, melalui bantuan sebuah kode javascript.

Biasanya untuk melihat jumlah posting, kita bisa menggunakan Dashbor Blogger pada tab Pos. Disana akan terlihat posting-posting yang sudah diterbitkan dan angka yang menunjukan jumlah posting-posting tersebut. Dengan memasang sebuah kode javascript yang cukup sedikit dan simple, kita bisa melihatnya pada halaman muka blog kita, tanpa melalui Dashbor Blogger.

Contoh penerapan pada blog ini:



Adapun kode javasriptnya adalah di bawah ini:
<!-- penghitung posting --><script type='text/javascript'>function totalPosts(a){document.write("Jumlah Posting: <b>"+a.feed.openSearch$totalResults.$t+"</b>")}</script><!-- /penghitung posting -->
<script type="text/javascript" src="http://planetcaang.blogspot.com/feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>


Keterangannya:
:1: Silahkan ganti alamat url tersebut di atas dengan alamat url blog kawan.
:2: <!-- penghitung posting --> sebagai marker saja, boleh tidak digunakan.
:3: Kode hasil angka ditampilkan dengan style bold, huruf tebal, dan frasanya dengan Jumlah Posting. Keduanya boleh diedit sesuai keperluan, misal hurufnya jadi italic, huruf miring atau frasanya dengan Jumlah Artikel, Total Posting, dsb.

Semoga berhasil, semangat :semangat:

Lanjut baca »»

Sudah mendownload file-file emoticon WhatsApp seperti yang saya tulis dalam posting Download File-file Emoticon WhatsApp kemarin? #SayaSudah dan mari kita lanjutkan pembahasan dengan menggunakan materi file-file emoticon WhatsApp tersebut, yakni menggunakannya untuk chat komentar dan kolom posting blog ini sendiri.

Pasang emoticon pada komentar dan pada kotak posting sudah saya tulis di Tambah Emoticon pada Kolom Komentar Template Blog dan Pasang Gambar Animasi atau Emoticon pada Kolom Posting Blog. Jadi ini adalah penyempurnaan dua posting tersebut atau menggabungkan dua fungsi sekaligus, pasang emoji/ emoticon komentar dan posting blog, dengan mengganti gambar-gambar emoticon dengan emoticonnya WhatsApp. Dari 845 emoticon yang tersedia, saya pilih menjadi 60 emoticon saja.

Caranya memasang emoji atau emoticon komentar dan posting blog yaitu:
:1: Copy kode javascript berikut ini
<script src='https://sites.google.com/site/kangcaang/host_script/emoreplace_pop.js' type='text/javascript'/>
:2: Login ke Blogger - Template - Edit HTML
:3: Paste diatas
</body>
:4: Simpan template
:5: Ketik [:][asik][:] -tanpa tanda kurung- pada komentar atau lihat kata-kata pembentuk emoji di bawah ini, kemudian lihat hasilnya :kepo:


:tanbih: Ini akan berhasil, jika di dalam template blog tersedia dua kode berikut
<div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>


Bila tidak ada :tanya:, buat sendirilah :semangat: atau edit sendirilah kode javascript yang di :atas:, karena saya juga itu buat sendiri :pis:.

Lanjut baca »»

Saya mencari emoticon atau emotion icon atau emoji atau gambar smiley, seperti yang ada pada kolom percakapan di dalam aplikasi WhatsApp, melalui pencarian Google. Gambar-gambar emosi tersebut maksudnya akan saya gunakan dalam kegiatan blogging yang saya jalankan ini, misal dalam Tambah Emoticon pada Kolom Komentar Template Blog, bukan untuk percakapan di WhatsAppnya sendiri, yang tentu saja di sana sudah tersedia.

Emoji Smiley WhatsApp

Kemudian saya mendapatkan hasil positif, ada situs luar :bee:, ia menyediakan link untuk mendownload emoticon atau smiley WhatsApp, dengan jumlah emoticon yang sangat banyak, 845 icon.

Emoticon WhatsApp berdasarkan kategori

:1: Symbols: 209
:2: Objects: 230
:3: Smiley: 189
:4: Nature: 116
:5: Places: 101

:catat: Total emoticon WhatsApp ada 845.

Jenis file-file emoticon WhatsApp tersebut adalah PNG, sehingga terlihat lengkung transparansinya, mempunyai ukuran gambar sebesar 160x160 pixels. Kawan-kawan yang memerlukan file-file emoticon WhatsApp silahkan kunjungi situs
WhatApp Emoji Collection.

Ke-845 file-file emoticon tersebut dikompres menjadi file berjenis zip, dengan ukuran file sebesar 15,1 MB :angkut:. Selain untuk keperluan blogging, kawan bisa gunakan untuk keperluan lain, seperti kirim lampiran pada email, menempelkannya pada karya tulis, dan sebagainya. Silahkan kunjungi situs tersebut untuk :download: mendownloadnya.

Lanjut baca »»

الحمد للهِ setelah menghabiskan waktu :1: hari, untuk mengedit url file yang ada kaitannya dengan Google Code pada posting-posting yang telah terbit di tiga blog yang saya kelola (blog CaangGo! ini, blog Elektronika Bersama dan blog Electro Study), akhirnya selesai juga.

Itupun ada beberapa posting yang urlnya yang tidak saya ganti karena ada kegagalan dari pihak ketiga, seperti url yang menempel untuk kode script pembuatan jam analog pada blog (lihat di Pasang Jam Artis Angelina Jolie pada Sidebar Blog). Penyedia layanan animasi jam tersebut, selaku pihak ketiga, tidak bisa di akses :puyeng:.

Selanjutnya saya itu berniat untuk mengganti deskripsi dari blog ini. Deskripsi sebelumnya adalah Tips trik blog, blogger, blogspot, tutorial linux, instal linux, linux mint, ubuntu, musik, renungan, sudah tidak relevan dengan keadaan saya saat ini.


Linux, sistem operasi bapaknya Android, pendamping Windows, sudah tidak saya gunakan lagi sejak mengganti laptop 2,5 tahun yang lalu. Musik masih didengarkan, tapi sekarang lebih banyak mendengarkan ceramah agama, terutama dari ustadz Aam Amiruddin, barokallohufik ustadz, dan ustadz-ustadz lain yang menjadi pengisi ceramah pada Majelis Percikan Iman. Tips trik blog, hanya sekedar pengalaman selama ngeblog, bersifat trial dan error, dan tidak pernah belajar secara resmi.


Lalu deskripsi yang sekarang, sebagai pengganti deskripsi sebelumnya adalah Catatan-catatan kang Caang. Catatan disini berbentuk jamak tetapi tidak bersifat khusus, seperti catatan-catatan blogging, tapi bersifat umum, bisa catatan agama, bahasa, internet, ngeblog, oprek sistem, mungkin oprek Android, atau yang lainnya. Orang yang berilmu pernah berkata, :catat: catatlah hal-hal yang sekiranya perlu kita ingat, terlebih lagi catatan tentang hutang-piutang.

Terus, apa gunanya sebuah deskripsi blog?

Bagi saya sebuah nama atau kata atau untaian kata yang membentuk sebuah frasa atau sebuah kalimat, seperti deskripsi blog adalah sebuah identitas yang harus dijaga. Jadi, Catatan-catatan kang Caang: catatan-catatan harus dijaga agar lestari dan tidak punah dalam memori otak kita. Kang Caang jelas harus dijaga karena ia RI1 (baca: kepala rumah tangga saat ini, namun siapa yang tahu besok lusa jadi kepala desa, kepala pabrik, dsb).

Untuk itu saya cukupkan tulisan ini, karena saya mau merubah deskripsi blog ini, sesuai dengan yang sudah saya tulis di atas.
...
S E M A N G A T :semangat: الحمد للهِ sudah dilakukan.

Lanjut baca »»

Google code sudah lama tidak aktif. Di sana saya menyimpan atau bahasa internet-nya menghosting berbagai file untuk keperluan blogging, seperti: emoticon, kode-kode css atau javascript, hingga file aplikasi .exe (baca: Hosting Gambar Animasi, JavaScript, CSS Melalui Google Code). Akibat dari Google Code yang tidak aktif, saya harus memperbarui segala sesuatu yang terkait dengannya, seperti mengganti tempat hosting berbagai file tersebut, mengganti url-url emoticon, kode script, program aplikasi dan sebagainya.
Hello,

Earlier today, Google announced we will be turning down Google Code Project Hosting. The service started in 2006 with the goal of providing a scalable and reliable way of hosting open source projects. Since that time, millions of people have contributed to open source projects hosted on the site.

But a lot has changed since 2006. In the past nine years, many other options for hosting open source projects have popped up, along with vibrant communities of developers. It’s time to recognize that Google Code’s mission to provide open source projects a home has been accomplished by others, such as GitHub and Bitbucket.

We will be shutting down Google Code over the coming months. Starting today, the site will no longer accept new projects, but will remain functionally unchanged until August 2015. After that, project data will be read-only. Early next year, the site will shut down, but project data will be available for download in an archive format.

As the owner of the following projects, you have several options for migrating your data.

moalmules

The simplest option would be to use the Google Code Exporter, a new tool that will allow you to export your projects directly to GitHub. Alternatively, we have documentation on how to migrate to other services — GitHub, Bitbucket, and SourceForge — manually.

For more information, please see the Google Open Source blog or contact google-code-shutdown@google.com.

-The Google Code team

Ngartos teu tulisan bahasa Inggris di luhur..? :sedih:

Sebelumnya saya menghosting berbagai file tersebut di atas ke Google Drive, namun sekarang ada kendala direct url atau url langsungnya tidak bisa dipanggil atau urlnya tidak ditemukan. Maka dari itu dan mula sekarang, saya harus bekerja lagi meng-update blog, menghosting ulang file-file, memperbarui posting yang terkait dengannya, memperbarui url dan menyiapkan waktu untuk itu.

...
Bismillah
...

Ada kabar baik pamiarsa!
  • Barusan saya mengunjungi situs Google Code dan menemukan file-file yang sudah saya hosting masih ada disana dalam bentuk arsip. Hal itu seperti yang ada di dalam tulisan dalam kutipan darinya di atas.
  • Bahwa file-file yang sudah dihosting bisa langsung kita panggil dan kita gunakan dalam blog, seperti emoticon pertama di atas dan emoticon ini :oke:
  • Pertanyaan: Lalu bagaimana supaya memanggil kembali file-file tersebut?
  • Jawaban: Cukup ganti url saja, misal

    url file di Google code sebelumnya
    http://moalmules.googlecode.com/files/boy-emoticon-009.gif

    ubah menjadi
    https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/moalmules/boy-emoticon-009.gif
  • Paham kan cara mengganti url nya? :jempol:
  • Semoga berhasil dan mari kita berjuang....!

Lanjut baca »»