Cara Membuat Judul Postingan Blog Rata Tengah - Susah Tidur

Cara Membuat Judul Postingan Blog Rata Tengah

Cara membuat Judul Postingan Blog Rata Tengah - SusahTidur - Selamat datang kembali. Pada kesempatan kali ini saya akan membagikan sebuah tutorial Cara mudah membuat judul post blog rata tengah.

Sebenarnya tutorial ini mudah buat kalian yang sudah terbiasa akan hal kode-kode di Template. Namun apa salahnya jika saya membuat tutorial ini buat kalian yang belum cukup kenal dengan kode-kode di Template. Bukan maksut sok pintar tetapi ini berdasarkan pengalaman saya selama di dunia blog. Saya bukan lulusan sekolah coding juga kok saya lulusan google yang mencari cara bagaimana dan caranya.

Membuat judul post ditengah atau rata tengah menjadi trend pada blogger sekarang. Mereka memodifikasi judul postingan blog mereka menjadi rata tengah. Mengapa begini? ya biar terlihat lebih stylish lebih rapi gitu, kata salah satu seorang blogger yang mengikuti gaya tersebut. Tapi untuk gaya dan selera itu kembali lagi ke diri kita masing-masing. 

Menurut saya gaya judul post blog rata tengah untuk blog saya sepertinya kurang begitu apik. Saya sendiri lebih suka rata kiri untuk bagian judul postingan. Namun untuk kalian yang ingin mencoba membuat judul post blog di tengah  silahkan ikuti tutorial dibawah ini. O iya disini ada tambahan 2 pilihan mungkin sobat tertarik untuk mencobanya, yakni membuat judul post blog rata kanan kiri dan rata kanan.

Cara membuat judul postingan blog rata tengah

Yang pertama rata tengah hal yang kalian lakukan sebagai berikut

1. Silahkan sobat masuk ke dashboard blogger sobat

2. Masuk ke menu Template/Tema

3. Kemudian pilih edit HTML

4. Cari CSS berikut, atau mirip-mirip jangan yang double CSS ya yang sendiri tanpa ada temennya
h1.post-title {
 font-size: 30px;
 margin-bottom: 15px;
}
Perlu di ingat saya menggunakan template Viomagz, format judulnya <h1> untuk kalian selain pengguna Viomagz silahkan kalian sesuaikan sendiri. Caranya? kalian inspect judul postingan sobat atau menggunakan Google Structure. Buat kalian yang sudah tahu kode judul post langsung saja skip ke step 5.

Untuk inspect itu sangat mudah tinggal pilih > klik kanan > Inspect Element dan nanti akan terlihat kode pembungkus judul tersebut mungkin saja bisa h1, h2 atau h3. Contoh :

 <h1> Selamat datang di SusahTidur </h1> 

 <h2> Selamat datang di SusahTidur </h2> 

 <h3> Selamat datang di SusahTidur </h3> 

Lalu bagaimana cara menggunakan Google Structure? kalian masuk ke Google Structure dulu kemudian masukkan link postingan sobat. Kemudian akan muncul kode HTML dari blog sobat, lalu cari judul sobat dan akan muncul kode pembungkus seperti contoh diatas.

Nah dari situlah sobat dapat melihat kode CSS judul postingan sobat.

5. Kemudian kode CSS tadi ganti dengan kode dibawah ini
h1.post-title {
 text-align: center;
 font-size: 20px;
 margin-bottom: 15px;
 border-bottom: 3px solid;
 border-image: linear-gradient(to right, transparent, #7bbefa, transparent);
 border-image-slice: 1;
 padding: 5px 0 15px;
}
6. Ingat kode CSS  h1  ganti sesuai kode judul postingan sobat tadi.

7. Kemudian Save template atau Simpan tema.

masih kesusahan? yuk tanya dikolom komentar

1. Untuk kamu yang ingin post judul rata kanan silahkan ubah kode  center  jadi right
2. Untuk kalian yang ingin post judul rata kanan kiri ganti kode  center  Jadi justify
3. Untuk sobat yang tidak suka garis dibawahnya silahkan hapus kode yang saya beri warna   kuning 

Baik selesai sudah tutorial bagaimana cara membuat judul postingan blog rata tengah. Sekian dan terimakasih telah berkunjung di blog saya. 
"Cara Membuat Judul Postingan Blog Rata Tengah"
Tampilkan Komentar
Sembunyikan Komentar

2 Komentar untuk "Cara Membuat Judul Postingan Blog Rata Tengah"

  1. cara diatassudah work niha bang, thanks bang,,

    untuk tampilan menu breadscumb pakai icon svg seperti di template susah tidur gimana yah,,,
    keren tuh buat di share..

    BalasHapus
    Balasan
    1. wah baguslah mas, terimakasih sudah mampir.

      baik ditunggu postingan selanjutnya ya mas.

      Hapus

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel