Cara Membuat Judul Blog Muncul Satu Kata - Arlina Design
Kali ini Arlina Design akan memberikan tips Cara Membuat Judul Blog Muncul Satu Kata. Tips ini bekerja jika sobat ingin memotong atau menyembunyikan judul blog yang terlalu panjang dan hanya satu kata pertama saja dari judul blog yang ingin dimunculkan.

Cara Membuat Judul Blog Muncul Satu Kata

Seperti contoh misalkan judul blog sobat adalah Tutorial Blogger 2017, maka dengan trik ini akan otomatis memotong judul blog menjadi Tutorial saja. Meskipun judul blog panjang agar terlihat rapi bisa diatasi dengan mengganti judul dengan logo, namun tidak ada salahnya untuk mencoba cara lain seperti yang akan saya berikan berikut ini.

Cara Membuat Judul Blog Muncul Satu Kata


Pertama buka Blogger > Tema > Klik tombol Edit HTML > dan tambahkan kode di bawah ini tepat sebelum kode penutup head seperti ini </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; sesuai dengan versi tema blog yang sobat gunakan.

<script type='text/javascript'>
$(document).ready(function(){var e=$("body").find("#header .title a").eq(0).text().split(" ");$("body").find("#header .title a").eq(0).text(e[0])});
</script>

Perhatikan kode yang ditandai, sesuaikan kembali dengan ID atau class pada HTML Header tema yang sobat gunakan. Setelah itu klik Simpan tema.

Cukup mudah bukan? Semoga bermanfaat.

Cara Membuat Judul Blog Muncul Satu Kata

Kali ini Arlina Design akan memberikan tips Cara Membuat Judul Blog Muncul Satu Kata. Tips ini bekerja jika sobat ingin memotong atau menyembunyikan judul blog yang terlalu panjang dan hanya satu kata pertama saja dari judul blog yang ingin dimunculkan.

Cara Membuat Judul Blog Muncul Satu Kata

Seperti contoh misalkan judul blog sobat adalah Tutorial Blogger 2017, maka dengan trik ini akan otomatis memotong judul blog menjadi Tutorial saja. Meskipun judul blog panjang agar terlihat rapi bisa diatasi dengan mengganti judul dengan logo, namun tidak ada salahnya untuk mencoba cara lain seperti yang akan saya berikan berikut ini.

Cara Membuat Judul Blog Muncul Satu Kata


Pertama buka Blogger > Tema > Klik tombol Edit HTML > dan tambahkan kode di bawah ini tepat sebelum kode penutup head seperti ini </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; sesuai dengan versi tema blog yang sobat gunakan.

<script type='text/javascript'>
$(document).ready(function(){var e=$("body").find("#header .title a").eq(0).text().split(" ");$("body").find("#header .title a").eq(0).text(e[0])});
</script>

Perhatikan kode yang ditandai, sesuaikan kembali dengan ID atau class pada HTML Header tema yang sobat gunakan. Setelah itu klik Simpan tema.

Cukup mudah bukan? Semoga bermanfaat.

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo