Cara Mengubah Warna Judul Blog

MELENGKAPI posting Cara Mengubah Warna Tampilan Blog, berikut ini CB share tentang cara mengubah warna judul blog (Blog

Title), bagi header blog yang tidak menggunakan gambar (logo image).

Mengganti atau mengubah warna judul blog ini biar nama blog kita tampak lebih keren dan terkesan profesional.
Cara Mengubah Warna Judul Blog
Langsung saja:

1. Template > Edit HTML
2. Cari kode #header .title

Misalnya seperti ini:

#header .title {
    font-size: 260%;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin: 0px;
    text-transform: uppercase;
    font-family: "Oswald";
    font-weight: 500;
    color: #000;
}

Anda tinggal mengubah kode color: #48D;  dengan Kode Warna HTML yang Anda suka.

3. Save template!

JUDUL DUA KATA: BEDA WARNA?

Ini buat judul blog yang terdiri dari dua kata atau lebuh, namun kata atau judul pertama ingin berbeda warna dengan kata

lainnya. Contohnya:

warna judul blog

Cara mengubah warna judul blog dua kata:
1. Template > Edit HTML
2.  Pastikan ada kode jQuery di atas kode </head>. Jika belum ada, copas saja kode ini:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>

3. Copas kode CSS berikut ini di atas kode ]]</b:skin> atau </style>

.headerword2{color: #48d;}

4. Copy kode Javascript di bawah di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
(function($) {
//ubah widget title
$('.title,.widget-title')
.each(function() {
var me = jQuery(this);
me.html(me.html()
.replace(/^(\w+)/, '<span>$1</span>'));
});
$('h1.title').each(function(){
var text = $(this).text().split(' ');
if(text.length < 2)
return;
text[0] = '<span class="headerword2">
<span class="headerword">'+text[0]+'</span></span>';
$(this).html( text.join(' ') );
});
})(jQuery);
//]]>
</script>

5. Save Template!