Home CSS3 jQuery Mengganti Tampilan Judul Blog

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

avatar
Huda
January 5, 2015 at 3:11 PM

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

Balas
avatar
Arlina Admin
January 8, 2015 at 3:23 PM

hehe, iya ni jarang online skrg

Balas
avatar
Imam Firdaus Dwimeianto
September 10, 2015 at 5:33 PM

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
avatar
Arlina Admin
September 12, 2015 at 7:29 AM

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.

Subscribe to: Post Comments (Atom)