Cara Membuat Tanggal dan Judul Postingan Blog Rata Tengah, Kanan Ataupun Kiri

Cara Membuat Tanggal dan Judul Postingan Blog Rata Tengah, Kanan Ataupun Kiri

Cara Membuat Tanggal dan Judul Postingan Blog Rata Tengah, Kanan Ataupun Kiri. Beberapa waktu yang lalu ada seorang teman tanya ke saya, "gimana sih caranya membuat judul postingan dan tanggal rata tengah kayak punya kamu?". Dan saya hanya jawab, OK next saya akan buatkan blog post-nya ya hahaha...Nah, setelah drama flu panjang kemarin. Baru kesampaianlah kali ini saya menuliskan tutorial yang simple ini namun saya yakin bisa menambah desain blog kamu semakin cantik dan kekinian ihiiiy...

Yuk, akh disimak step by step-nya bagaimana membuat tanggal dan judul postingan blog rata tengah, kanan ataupun kiri!

NOTE: Seperti biasa ini tutorial untuk blogspot ya, karena saya cuma main blogspot hehe..

Sudah siap?

1. Hal pertama yang harus dilakukan adalah menuju ke menu Template kemudian klik Customize. Sudah? Jika sudah, lanjutkan klik Advanced kemudian pilih Add CSS. 


2. Sudah lihat detailnya seperti gambar di atas? Kemudian paste-kan kode di bawah ini pada kolom Add custom CSS seperti gambar di atas.

/* judul postingan rata tengah */
.post-title {
text-align:center;
}

/* tanggal postingan rata tengah */
.date-header {
text-align:center;
}

Kode di atas untuk judul dan tanggal postingan rata tengah, lalu bagaimana kalau mau rata kiri atau kanan? Tenang! Kamu bisa ganti tulisan center dengan left untuk rata kiri dan right untuk rata kanan.

Mudah bukan?

Gimana? Sudah dicoba? Berhasil atau tambah bingung? Hihihi...

Selamat mencoba ya, semoga berhasil! :)

By
Tags
loading..

34 comments

  1. Innnayah10 March 2016 at 21:33

    Nahh.. request dunk. Bikin label jadi di atas postingan. Hahaa..biar kayak tampilan wordpress aja sih.

    ReplyDelete
  2. Irawati Hamid11 March 2016 at 10:17

    udah saya praktekin dan berhasil Mbak :D *joget-joget*
    terimakasih tipsnya :)

    ReplyDelete
  3. Ipeh Alena11 March 2016 at 11:18

    Simple ya, tinggal paste code ke editor CSS ya mak.

    ReplyDelete
  4. Winda Carmelita11 March 2016 at 15:45

    Wah bisa dicoba nih Mak, OCD Strikes emang suka gatel lihat yang nggak selaras gitu hihihi

    ReplyDelete
  5. Hilda Ikka11 March 2016 at 16:10

    Segitu gampangnya... aku cari mumet di Mbah Google gak nemu :v Makasih banyak Mbakkk. Dapet pahala :*

    ReplyDelete
    Replies
    1. Handriati12 March 2016 at 09:07

      gampang dong, kalau aku mah nyarinya yg gampang2 XD

      Delete
  6. Kartika Nugmalia11 March 2016 at 16:15

    Iiihhh... Langsung praktek aaah

    ReplyDelete
  7. Kartika Nugmalia11 March 2016 at 16:15

    Iiihhh... Langsung praktek aaah

    ReplyDelete
  8. Ida Raihan11 March 2016 at 18:36

    Request dunk Mak. Cara merapikan blog. Mengumpulkan jenis tulisan jadi satu gitu Mak. Sesuai kategori dan label. Hihi gaptek.

    ReplyDelete
  9. Aprillia Ekasari11 March 2016 at 19:55

    Wah bisa kyk gitu ya hehe
    Ditunggu tutorial yg buat WP mbak :D

    ReplyDelete
  10. Tira Soekardi12 March 2016 at 03:29

    makasih tutorial nya ya

    ReplyDelete
  11. alwib12 March 2016 at 21:14

    nambahin mba, intinya kalau mau edit2 style theme blog, pake teknik inspect element aja,
    teken f12, trus cari deh elemen mana yg mau di custom

    ReplyDelete
  12. Tina14 March 2016 at 14:11

    ternyata gampang juga ya. biasnya mah ngikut default ja

    ReplyDelete
  13. Adams Aljawiyu17 March 2016 at 21:24

    oke maksih ya mba...
    bermanfaat insya Allah

    ReplyDelete
  14. Syafiq18 March 2016 at 14:48

    Terimakasih banyak atas informasinya.
    Kalau pakai platform wordpress gimana?

    ReplyDelete
  15. Winona Rianur1 April 2016 at 07:27

    wuwuwuwuuuu~ aku suka banget sama blognya mbak Handriati. bikin betah. tampilannya nggak bikin sakit mata dan gaya penulisannya pun enak utk dibaca :D sbg blogger pemula daku mesti belajar banyak hihi.. langsung kufollow nih biar ndak ketinggalan potingan telbaluuuh~ :3

    ReplyDelete
  16. fajri26 April 2016 at 21:15

    saya yang newbie merasa terbantu sekali,,makasih mbak :)

    ReplyDelete
  17. Vita Masli1 August 2016 at 00:00

    Nyari2 malah nyasar ke sini.. Eh ternyata blogmu mak.. Hahahaha. Makasih.

    ReplyDelete
  18. Ornes Joe10 September 2016 at 00:13

    Waduh.. malah nyasar di blog emak-emak.. :D

    ReplyDelete
  19. Alma Wahdie1 November 2016 at 03:25

    It's work! Makasih. mbak^^

    ReplyDelete
  20. mencangkok mudah11 November 2016 at 13:39

    wah ternya sesimple itu mba.. mantap tipsnya, langsung sukses

    ReplyDelete
  21. Rosalina Susanti28 November 2016 at 19:24

    barusan praktek mbak, makasih yaaa ilmunya :)

    ReplyDelete
  22. Lulu Khodijah4 December 2016 at 14:11

    mbak mau nanya kalau mengganti format postingan yg tadinya jam postingan diganti tanggal postingan bagaimana ya?

    ReplyDelete
  23. Ikhsan26 March 2017 at 15:32

    akhirnnya ketemu juga carana. sangat membantu newbie seperti saya. hatur nuhun mbak.
    kalau ada waktu mampir ke blog saya http://ikhsan92.blogspot.co.id/ :)

    ReplyDelete
  24. Supomo Hanasti1 June 2017 at 20:25

    Terima kasih Kak Handdriati, akhirnya blog saya judul dan tgl nya bisa rata tengah. https://tulisenwae.blogspot.co.id/

    ReplyDelete
  25. Unknown24 September 2017 at 19:37

    Hahah emak..

    ReplyDelete
  26. Sulis13 January 2019 at 12:48

    Mba, aku nyoba cara ini untuk mbuat judul blog aku rata tengah. Tp pas aku klik apply kok nggak mau ya. Apa karena template ku...bukan bawaan blogspot? Aku pake gratisan de gooyabi

    ReplyDelete
  27. HTML4 May 2021 at 03:45

    This comment has been removed by the author.

    ReplyDelete
  28. HTML4 May 2021 at 03:50

    mksih kak tp blog saya sepih jd mles slam dri saya kak sem0ga kakak sehat sukses awet mudah selalu sem0ga kita semua
    dlm lindungan tuhan yg maha esah kita semua ya kak

    ReplyDelete
  29. Felorasa17 June 2021 at 20:44

    Kok di template ku ga bisa ya..

    ReplyDelete

Terimakasih sudah berkomentar yang sopan dan membangun. Jangan bosan untuk berkunjung lagi ya. :)

Subscribe to: Post Comments (Atom)