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

Lihat Juga

Blog Tutorial

Modifikasi Desain Blog : Cara untuk Merubah Warna Kata Pertama Pada Judul Posting Blog.

Reaksi :

Share :

Stumbleupon Digg Delicious Linkedin

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.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..

Jika Anda menyukai Merubah Warna Kata Pertama Pada Judul Posting, 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].