Cara Menciptakan Judul Blog Dan Artikel Muncul Satu Kata

Tutorial kali ini kita akan berguru Cara Memendekkan Judul Blog Dan Artikel dengah hanya memunculkanya satu kata.

Misalnya untuk keseluruhan judul blog kita yaitu "Blog Tutorial Belajar Ngoding" maka kita akan memotong atau memunculkanya hanya "Blog Tutorial".

Untuk judul artikel yang kita munculkan satu kata hanyalah di halaman utama (Homepage), misalkan judul artikel kita yaitu "Sarada Blogger Theme" maka yang muncul hanyalah "Sarada".

Ingat untuk judul artikel yang muncul satu kata hanya berlaku di halaman utama jadi pada halaman postingan muncul semua judulnya.

Cara ibarat ini sanggup merapikan judul yang terlalu panjang dengan memotong atau memunculkanya hanya satu kata.

Baiklah bagi yang ingin mencobanya silahkan simak tutorial berikut ini.

Cara Membuat Judul Blog Dan Artikel Muncul Satu Kata di Homepage

Ada dua tutorial kali ini yang pertama yaitu cara menciptakan judul blog muncul satu kata dan juga cara menciptakan judul artikel muncul satu kata di halaman utama.

Sebelum itu, tambahkan arahan jQuery library diatas arahan </head> jikalau pada template Anda belum terdapat arahan tersebut, berapapun versinya. Contoh arahan jQuery library ibarat berikut ini.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Berikut dua tutorial yang sudah saya terangkan diatas :

Cara Membuat Judul Muncul Satu Kata

Buka Blogger buka hidangan Tema kemudian Edit HTML.

Tambahkan arahan dibawah ini sebelum arahan </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; sesuai dengan versi tema blog yang sahabat 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 arahan yang ditandai, sesuaikan kembali dengan ID atau class pada HTML Header tema yang sahabat gunakan.

Setelah itu klik Simpan tema.

Cara Membuat Judul Artikel Muncul Satu Kata di Homepage

Buka Blogger buka hidangan Tema kemudian Edit HTML.

Tambahkan arahan dibawah ini sebelum arahan </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; sesuai dengan versi tema blog yang sahabat gunakan.

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'>     $(document).ready(function(){    var abc = $("body").find(".entry-title a").eq(0).text().split(" ");     $("body").find(".entry-title a").eq(0).text(abc[0]);     var def = $("body").find(".entry-title a").eq(1).text().split(" ");     $("body").find(".entry-title a").eq(1).text(def[0]);     var ghi = $("body").find(".entry-title a").eq(2).text().split(" ");     $("body").find(".entry-title a").eq(2).text(ghi[0]);     var jkl = $("body").find(".entry-title a").eq(3).text().split(" ");     $("body").find(".entry-title a").eq(3).text(jkl[0]);     var mno = $("body").find(".entry-title a").eq(4).text().split(" ");     $("body").find(".entry-title a").eq(4).text(mno[0]);     var pqr = $("body").find(".entry-title a").eq(5).text().split(" ");     $("body").find(".entry-title a").eq(5).text(pqr[0]);     var stu = $("body").find(".entry-title a").eq(6).text().split(" ");     $("body").find(".entry-title a").eq(6).text(stu[0]);     var vwx = $("body").find(".entry-title a").eq(7).text().split(" ");     $("body").find(".entry-title a").eq(7).text(vwx[0]);     var yzz = $("body").find(".entry-title a").eq(8).text().split(" ");     $("body").find(".entry-title a").eq(8).text(yzz[0]);     }); </script></b:if> </b:if>

Kode di atas hanya akan berlaku pada 8 artikel/postingan pertama yang tampil dihalaman utama.

Jika ingin menerapkan pada artikel yang lebih banyak lagi, silahkan tambahkan arahan berikut, dengan mengganti beberapa arahan yang saya tandai di bawah ini :

var yzz = $("body").find(".entry-title a").eq(8).text().split(" "); $("body").find(".entry-title a").eq(8).text(yzz[0]);

Keterangan :

• Kode yzz silahkan ganti dengan karakter apa saja, asalkan tidak sama dengan arahan sebelumya.

• Ganti Angka 8 dengan angka selanjutnya.

Setelah itu klik Simpan tema.

Cukup gampang bukan? jikalau ada yang masih resah atau ada yang mau ditanyakan silahkan sampaikan dikolom komentar atau Halaman Kontak kami.

Selamat mencoba dan biar bermanfaat...
Sumber https://www.denylistianto.com/

Bagikan Artikel ini