Merubah Warna Kata Pertama Pada Judul Posting

Merubah Warna Kata Pertama Pada Judul Posting

Berikut ini adalah serangkaian kode yang digunakan untuk mengubah warna kata pertama pada judul posting.

$('.splitWord').children().andSelf().contents().each(function() {
    if (this.nodeType == 3) {
        var txt = $(this).text().split(' ').join('</span> <span class="char">');
        $(this).replaceWith('<span class="char">' + txt + '</span>');
    }
});
$('.splitWord').each(function() {
    $(this).find('.char').each(function(i) {
        $(this).addClass('char' + (i + 1));
    });
});

.splitWord .char  {color:red;}

Untuk penerapannya tambahkan kelas splitWord pada html yang membungkus judul posting sobat. Contoh :

<h2 class='you_post-title splitWord'>Ini adalah contoh penambahan class splitWord yang diterapkan pada blog ini
</h2>

DTE:] : http://www.dte.web.id/2012/04/letteringjs-sederhana.html

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn