Merubah Warna Kata Pertama Pada Judul Posting

Merubah Warna Kata Pertama Pada Judul Posting

Template Blog ini menggunakan tempalte AMP HTML. Mungkin terdapat sebagian demo yang tidak berfungsi pada blog ini, tapi akan berfungsi pada blog anda selain template AMP HTML

Info [K-moe] - 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 this post