Cara Mengubah Warna Judul Blog

Baca Juga

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:

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!

Demikian Cara Mengubah Warna Judul Blog, jika Anda tidak menggunakan logo header. Kodenya CB dapat hasil "ngintip" kode yang ada di blog dengan judul beda warna :) Good luck! (http://contohblognih.blogspot.com).*