Ads Banner

Merubah Warna Kata Pertama Pada Judul Posting

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

Print/Save

Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.!
Share This :

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar