Home » » Cara Mengubah Warna Judul Blog

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!

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).*

Thanks for reading & sharing Cara Mengubah Warna Judul Blog

Previous
« Prev Post

3 comments:

Comment Page:
  1. Makasih informasinya sangat bermanfaat. Beres deh permasalahan ane :D

    ReplyDelete
  2. kenapa gak bisa bekerja ya gan?

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox