Mengganti Tampilan Judul Blog

1/02/2015
Mengganti Tampilan Judul Blog

Mengganti Tampilan Judul Blog - Berikut cara mengganti tampilan judul blog yang bisa Anda terapkan pada blog.


Pertama, silahkan terapkan kode di bawah ini sebelum </style>

.headerword2 {
    background: #f35d5c;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

Selanjutnya, terapkan kode di bawah ini sebelum </body>

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

Simpan template dan lihat hasilnya.


Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

6 comments

keren nih, boleh dicoba :-d btw kok di arlinadesign jrg update mbak?

Balas

hehe, iya ni jarang online skrg

Balas

maaf mak arlina, saya mau tanya. Setelah melakukan hal di atas, judulnya emang ganti tampilannya tapi itu cuma di halaman utama aja dan pas dihalaman postingan balik lagi kesemula. Jadi yang ingin saya tanyakan gimana biar tampilannya ganti di semua halaman?. Terima kasih

Balas

Pada halaman postingan header biasanya berganti jadi h2, silakan ganti jquery di atas pada kode ini

e("h1.title")

Ganti dengan

e("h1.title,h2.title")

Balas

Silakan tambahkan komentar sesuai dengan topik, terima kasih.