-->

TUTORIAL: Cara Membuat Header Blogspot Jadi di Tengah

on
Monday, April 6, 2015
how to center your blog header in blogspot - cara membuat header blogspot jadi di tengah

JUDULNYA YAAHHH. Susah bikin judul tutorial bahasa Indonesia yang catchy. Huh!

Anyway, selamat Senin! Gimana long weekend? *pertanyaan basa-basi* Saya sih siap-siap kena sindrom kangen Bebe kalau abis long weekend gini. T____T

Monday Techno kali ini tutorial penting sedunia. Yaitu cara untuk membuat header jadi di tengah! Saya juga baru tahu ada kodenya. HAHAHAHAHA. Selama ini ya dipas-pasin aja ukurannya sama width blog. Kodenya tinggal copy paste seperti biasa di CSS-nya. Template - Customize - Advance - Add CSS.

Sebelumnya kita cek dulu settingan Header kita. Ke Layout - Header - Edit. Nanti muncul pop up window ini.

Behind title and description



Perhatikan Placementnya. Kalau pilih yang pertama: Behind title and description. Copy paste kode di bawah ini.

#header-inner {background-position: center !important; width: 100% !important;}

Jangan lupa klik Enter setelah Paste ya!

***

Instead of title and description



Nah kalau pilih yang kedua: Instead of title and description. Copy paste kode di bawah ini.

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}

Jangan lupa klik Enter setelah Paste ya!

Saya pilih opsi kedua. Di opsi kedua, title dan descriptionnya jadi menghilang (sepertinya ketutup sama headernya). Kalau opsi pertama, title and description blog biasanya muncul di atas header.

Yuk dicoba!



-ast-




LIKE THIS POST? STAY UPDATED!
Annisa Steviani


LATEST VIDEO

PLEASE SUBSCRIBE!
Labels : ,
51 comments on "TUTORIAL: Cara Membuat Header Blogspot Jadi di Tengah"
  1. Inda ChakimApril 6, 2015 at 9:26 AM

    Tfs maaakkk..langsung nyobak..

    ReplyDelete
  2. Beautyasti1April 6, 2015 at 10:38 AM

    header nya lucu deh.. bagaimana cara bikin header nya makk ^ ^

    http://beautyasti1.blogspot.com

    ReplyDelete
  3. Tian LustianaApril 6, 2015 at 11:11 AM

    Makasih maaaak

    ReplyDelete
  4. Dwi PuspitaApril 6, 2015 at 11:21 AM

    makasih banyak mak :)

    ReplyDelete
  5. Kacamata Hani (Hani S.)April 6, 2015 at 11:21 AM

    Udah coba, tapi tetep di kiri mak ngga ke tengah :'(

    ReplyDelete
  6. liandamarta.comApril 7, 2015 at 9:51 AM

    Aku selalu sukaaaa dengan font di desain-desainmu mbaaaak :*

    ReplyDelete
  7. Enci harmoniApril 8, 2015 at 11:07 PM

    dah ku coba... gak berhasil mak...

    ReplyDelete
  8. bunda rizmahanumApril 9, 2015 at 1:56 PM

    This comment has been removed by the author.

    ReplyDelete
  9. bunda rizmahanumApril 9, 2015 at 2:35 PM

    mak... udh nyoba & ngga berhasil

    ReplyDelete
  10. bunda rizmahanumApril 9, 2015 at 3:17 PM

    update, mak... udah berhasil. hehehee... makasih ya mak.

    ReplyDelete
  11. Ummi NadlirohApril 9, 2015 at 10:23 PM

    Asyeek... sudah coba dan berhasil Mak. Terima kasih. :)

    ReplyDelete
  12. ayu oktarianiJune 6, 2015 at 5:14 PM

    berhasil berhasil uyeahhhh!!!
    haturnuhunss sangattt.. jadi cakep. makacihh yaa kakak anisa!
    coba mampir ke blog ku dan lihat hasilnya yahh..

    ReplyDelete
  13. Tri SaptaJune 9, 2015 at 3:42 AM

    Dapat ilmu baru. Sudah lama tidak utak-atik tampilan blog. Trims.

    ReplyDelete
  14. ghofar1.blogspot.comAugust 17, 2015 at 10:41 AM

    blog saya hancur bang mohon sarannya
    www.ghofar1.blogspot.com

    ReplyDelete
  15. Endah AprilSeptember 3, 2015 at 10:55 AM

    BARU COBA HAHAHAHA, makasih tutorialnya kak icha. aku kangen life seriesnya kakak

    ReplyDelete
  16. UnknownOctober 12, 2015 at 2:30 PM

    Mantap sekali blognya! Thank you for sharing

    ReplyDelete
  17. sintamiliaOctober 17, 2015 at 11:37 AM

    pas googling cara bikin header di tengah, saya buka dan coba satu-satu. tutorial pertama dan kedua yang saya baca dan praktekkin, ga berhasil. begitu praktekin yang dari Mak Icha ini, BERHASIL!

    Thanks a lot ^^

    ReplyDelete
  18. AprijantiNovember 10, 2015 at 11:05 AM

    Makasih tutorialnya, bermanfaat! :)

    ReplyDelete
  19. Widi DedeDecember 7, 2015 at 1:07 PM

    makasih tutorialnya, sudah saya terapin

    ReplyDelete
  20. UnknownFebruary 13, 2016 at 2:25 PM

    alhamdulillah. berhasil. trimakasih :)

    ReplyDelete
  21. UnknownFebruary 17, 2016 at 9:49 AM

    berhasil, makasih mbak :)

    ReplyDelete
  22. andesApril 5, 2016 at 4:24 PM

    Terimakasih.. artikelnya sangat bermanfaat..
    kebetulan saya sedang mencari ini eh nyasar dimari hehehe

    KONTES SEO
    TOTAL HADIAH 38 JUTA
    Daftar Kontes Seo Sekarang


    Daftar
    Capsa Online
    Game Bandarq
    Domino Online
    Poker dan Domino99

    CONTOH ARTIKEL KONTES SEO

    ReplyDelete
  23. PrabusaktiApril 8, 2016 at 8:11 AM

    simpel ya :)

    ReplyDelete
  24. PrananingrumApril 18, 2016 at 11:18 AM

    Aku berhasil dlm sekali maksh tuto nya mb nisa

    ReplyDelete
  25. PrananingrumApril 18, 2016 at 11:18 AM

    Aku berhasil dlm sekali maksh tuto nya mb nisa

    ReplyDelete
  26. PrananingrumApril 18, 2016 at 11:19 AM

    Aku berhasil dlm sekali maksh tuto nya mb nisa

    ReplyDelete
  27. UnknownMay 4, 2016 at 1:59 PM

    Waaaa...makasiiih. Kebetulan lagi nyari2 caranya. Langsung dicobak dan langsung bisa..Hore!

    ReplyDelete
  28. Lulu KhodijahMay 10, 2016 at 9:15 PM

    yeay very helpful, thanks a lot :D

    ReplyDelete
  29. Dhiya TazkiyaJune 2, 2016 at 12:42 PM

    yeaaay alhamdulillah bisa terima kasih ya . bermanfaat sekali. peritinta.blogspot.com .

    ReplyDelete
  30. FIRADWIPOctober 5, 2016 at 6:28 AM

    Makasih kak! Langsung nyobain dan berhasil, dari kemarin pusing gimana caranya bikin header biar di tengah

    ReplyDelete
  31. Lya AmaliaOctober 21, 2016 at 3:33 PM

    banyak info membantu, thankyouuu :*

    ReplyDelete
  32. UnknownOctober 29, 2016 at 3:51 PM

    thank you so much kak !

    ReplyDelete
  33. Alma WahdieNovember 1, 2016 at 2:29 AM

    Waah, makasih, Mbak tutorialnya.
    Langsung dicobain ^^

    ReplyDelete
  34. Sasa StavyNovember 24, 2016 at 8:52 AM

    i love you sweetie.. tutorialnya oke banget.

    ReplyDelete
  35. UnknownNovember 26, 2016 at 7:27 PM

    okk,thanks yaa...

    ReplyDelete
  36. Chakly RaflesiaNovember 26, 2016 at 11:37 PM

    Aduuh Hasil Pilihannya kurang menggairahkan ya Mbak. saya sii lebih suka Opsi satu, Tapi mau kayak Opsi 2. Gimana dong Mbak?" :D

    ReplyDelete
  37. lianaekaNovember 28, 2016 at 10:34 AM

    mau tanya itu copy pastenya dimana ya ? :"D

    ReplyDelete
  38. Renaldi ArdiansyahDecember 16, 2016 at 10:10 AM

    Thx infonya kak, udah saya coba di blog saya dan hasilnya WORK. hehe jgn lupa kunjungi balik blog ku ya kak :)

    ReplyDelete
  39. dianJanuary 18, 2017 at 9:42 AM

    Makasi tutorialnya, cuma di aku gabisa D:

    ReplyDelete
  40. Cik QenariFebruary 20, 2017 at 4:08 PM

    thanks ya!! salam from malaysia

    ReplyDelete
  41. Nur RochmaFebruary 21, 2017 at 11:45 AM

    alhamdulillah ketemu tutorial ini. Aku berhasil. Makasih ya mba.

    ReplyDelete
  42. UnknownMarch 9, 2017 at 8:16 AM

    makasih infonya kak:)
    kak kalo untuk menyesuaikan header tampilan mobile gimana ya?:(
    kok punya saya kalo buat tampilan mobile headernya jadi besar banget:( mohon pencerahannya:))))

    ReplyDelete
  43. Ayu KhairunnisaApril 5, 2017 at 2:08 PM

    This comment has been removed by the author.

    ReplyDelete
  44. UnknownOctober 12, 2017 at 5:38 PM

    This comment has been removed by the author.

    ReplyDelete
  45. UnknownOctober 12, 2017 at 5:40 PM

    www.modandro1.blogspot.com

    ReplyDelete
  46. Awi MetalisaJanuary 17, 2018 at 4:29 PM

    Lucu headernya :))

    ReplyDelete
  47. WB RawApril 15, 2019 at 3:40 PM

    Tutorial : Cara Membuat Header Blogger / Blogspot Rata Tengah
    Update 2019

    https://www.wongbento.me/2019/04/tutorial-cara-membuat-header-blogger.html

    ReplyDelete
  48. Anissa AuliasariSeptember 2, 2020 at 7:48 PM

    keren dan mantul, mbak

    ReplyDelete
  49. Admin WebsiteJuly 9, 2021 at 9:52 AM

    Header blog ini keren. Pengen buat juga, apalgi turorialnya dibagikan gratis. Makasih kak.

    ReplyDelete

Hallo! Terima kasih sudah membaca. :) Silakan tinggalkan komentar di bawah ini. Mohon maaf, link hidup dan spam akan otomatis terhapus ya. :)

Subscribe to: Post Comments (Atom)