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