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:

WhatsApp Emoji Pilihan pada Komentar dan Posting Blog

: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 »»

Previous