11 March 2012

Membuat Judul Blog Berada di Tengah

judul blog,blog titile, how to center blog title, membuat judul blog berada di tengah

Judul Blog atau blog title berada di bagian header di sebelah kiri. Posisi Judul blog yang berada di sebelah kiri sebenarnya tidak mengurangi keindahan tampilan blog kita. Akan tetapi, tidak sedikit dari rekan-rekan sesama blogger yang ingin mengganti posisi judul blog mereka yang berada di sebelah kiri menjadi posisi center atau tengah. Oleh sebab itu, saya pun berinisiatif untuk membuat postingan tentang Cara membuat judul blog berada di tengah. Teknik yang akan saya berikan untuk menetengahkan judul blog ini saya dapatkan dari Forum Blogger. Teknik ini pernah saya coba sendiri, dan alhamdulillah berhasil. Semoga teknik ini juga berhasil diterapkan atau diimplementasikan di blog sobat blogger.

Cara Buat Judul Blog Berada di Tengah :
  • Login dulu di blogger.com
  • Klik tombol Design dan Edit HTML
  • Back Up dulu template sobat untuk berjaga-jaga
  • Kemudian sobat cari kode yang seperti ini :
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
  • Kalau sudah ketemu kode yang seperti itu atau mirip seperti itu, hapus dan ganti dengan kode di bawah ini :
#header-inner {text-align: center ;}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
  • Klik Pratinjau atau Priview dulu, kalau berhasil baru klik save
Kalau teknik ini berhasil sobat terapkan di blog sobat. Jangan lupa tinggalkan pesan melalui kolom komentar yang tersedia. Akhir kata, Thanks for visiting Blogger Tutorial Blog.

Baca tutorial menarik lainnya di bawah ini :

128 comments:

  1. nice tips nih...keren bisa di coba :L)

    ReplyDelete
  2. Beoding...
    Silahkan langsung di coba!

    ReplyDelete
  3. aq ga' pu.y kode aprti i2 tpi.y....
    truss bgaimna???

    ReplyDelete
  4. thankssss

    www.blognyadikka.blogspot.com

    ReplyDelete
  5. coba ya gan,,thx bget inponyaaa

    ReplyDelete
  6. Makasi gan... mantap da coba n berhasil......

    ReplyDelete
  7. Makasi gan... mantap da coba n berhasil......

    ReplyDelete
  8. maaf saya kurang paham langkahnya. bisa dijelaskan lebih rinci?

    ReplyDelete
  9. good tips, udah berhasil saya praktekin ^_^

    ReplyDelete
  10. Postingan Menarik...!!! Kunjungi Blog Ku Juga Ya...!!! Di Sana Ada cara desain header blog..!!!

    ReplyDelete
  11. gan..berhasi posisi di tengah...silahkan di kunjungi hasil tutorial agan...thank you gan

    ReplyDelete
  12. mantap tuch mas..
    terima kasih tutornya berhasil

    ReplyDelete
  13. saya ko ga bisa yak? saya cari kode yang ini
    .header-inner .Header .titlewrapper {
    padding: 22px $(header.padding);
    }

    ga ada di blog saya,
    mohon bantuannya.
    blog saya : http://www.jakartaroadtrip.co.cc/

    image headernya masih dileft.
    mohon penjelasannya ke email saya :
    undre2205@gmail.com

    demikian terima kasih.

    ReplyDelete
  14. tumpang...saya juga x dpt ubah..

    ReplyDelete
  15. mahasih bro.... follo# 70 sukses bro... folback ya

    ReplyDelete
  16. blog nya udah saya follow gan ..
    folback ya :
    http://ramadhanakurnia.blogspot.com

    ReplyDelete
  17. makasih infonya, berhasil tapi kalau pengen gambarnya berada di posisi tengah juga gimana caranya ?

    ReplyDelete
  18. punya saya keren jadinya silahkan dilihat ya..
    sangat bermanfaat ilmu yang anda share

    ReplyDelete
  19. makasih atas infonya..ilmu yang bermampaat,,
    salam kenal ...??? salam sukses

    ReplyDelete
  20. nice info gan...
    http://ngawion-line.blogspot.com

    ReplyDelete
  21. trimakasih atas ilmunya sobat,semoga terus bisa berkarya tuk kita semua hehehe,,,,,,,,,mampir di blog saya sob........www.radarcellular.blogspot.com

    ReplyDelete
  22. trimsss ya atas ilmunya,,,,,,keren beangetzz...

    ReplyDelete
  23. yah ko ga bisanya? ketengah sih, tapi ditengah gambar back. judul blognya. bukan di tengah blognya -_-

    ReplyDelete
  24. thx sudah saya coba bisa jalan trimakasih infonya

    ReplyDelete
  25. wah wah makasih gan ternyata bisa :D

    ReplyDelete
  26. kok mau taruh di samping ga bisa yaa ?? malah eror ??

    ReplyDelete
  27. ijin nyoba gan...buat saya taro di http://akasnya.blogspot.com

    ReplyDelete
  28. berhasil buat judul saya jadi di tengah :) makasiii :D

    ReplyDelete
  29. wah mantap nih yg diinginkan akhirnya berhasil berkat info di blog ini ..terima kasih
    kalo judul posting apakah bisa juga spy berada ditengah ??
    email : rizface0309@gmail.com

    ReplyDelete
  30. This comment has been removed by the author.

    ReplyDelete
  31. trims infonya om, ditunggu kunjungan balik,

    ReplyDelete
  32. nice
    http:umstrie23.blogspot.com

    ReplyDelete
  33. Nice Inpoh n berhasil nih!!
    Thx Gan..

    ReplyDelete
  34. visit..

    http://13feb13.blogspot.com/

    ReplyDelete
  35. Terimakasih banyak gan ....
    Tipsnya Sangat Bagus Dan Bermanfaat !

    Saya Udah Coba Dan Sangat AWESOME !
    Mantab ! Tingkatkan Terus Ya Gan :D


    Bagi Yang Suka Koleksi Hot Wheels, Silahkan Mampir Ke Blog Saya Oke !
    Kunjungi Blog Saya Ya Gan : http://Pusyakiz.blogspot.com/

    Terimakasih

    ReplyDelete
  36. Ada dua galat..
    1. gak bisa mengubah posisi judul ketengah
    2. gak bisa menghias kursor mouse :(
    mohon bantuannya.. makasih

    ReplyDelete
  37. Thank you for your tutorial. please come to my blog in www.inespratiwi.blogspot.com. I'm so glad to know you! :-)

    ReplyDelete
  38. Ilmunya bermanfaat banget mas :)

    ReplyDelete
  39. Thanks!! Bagi yg gk ada codenya, kan cari dulu code itu yang pertamanya kan . Header itu kalian apus aja jadi kode yg diatas diemin oiya kan disitu header .padding harus dispasi jadi Header. padding gitu, deh.. klik save.. lalu kalian ganti code tersebut dengan yg diatas.. jangan lupa spasi.. !

    ReplyDelete
  40. Ini yang tak cari gan,,,, kunjungan balik :
    http://softwaremaniapc.blogspot.com/

    ReplyDelete
  41. izin nyoba ya http://jagadkawula.blogspot.com/

    ReplyDelete
  42. saya terima informasinya,, terima ksih.. terus berkarya sobat

    ReplyDelete
  43. Info yg sangat berharga Gan... Thanks... :)
    Salam kenal dari newbe,
    Part-two

    @ Andi A'ah
    Coba tambahkan: text-align: center; dibawah .header-inner .Header .titlewrapper { tanpa menghapus/mengganti script html asli.
    Jadi seperti ini:
    .header-inner .Header .titlewrapper {
    text-align: center;
    padding: 22px $(header.padding);
    }

    Semoga berhasil :)

    ReplyDelete
  44. .
    waduhhhhh....!!
    susah jg gan...
    tp gpp deh...
    thank ya.....

    ReplyDelete
  45. apa aja.. lawati www.scafacekeryou.blogspot.com ......

    ReplyDelete
  46. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is important and all. But just imagine if you
    added some great pictures or video clips to give your posts more, "pop"!
    Your content is excellent but with pics and video clips, this
    blog could definitely be one of the best in its niche.
    Wonderful blog!

    Look at my web page; george clooney girlfriend

    ReplyDelete
  47. Hi, i read your blog from time to time and i own a similar one and i was
    just wondering if you get a lot of spam comments?
    If so how do you stop it, any plugin or anything you can recommend?
    I get so much lately it's driving me crazy so any support is very much appreciated.

    Stop by my web blog get ex back

    ReplyDelete
  48. Thanks for finally talking about > "Membuat Judul Blog Berada di Tengah" < Loved it!

    Feel free to surf to my website: agoda hotels

    ReplyDelete
  49. Thanks for finally talking about > "Membuat Judul Blog Berada di Tengah" < Loved it!

    Feel free to visit my weblog; agoda hotels

    ReplyDelete
  50. Hi, I desire to subscribe for this weblog to get most recent updates, therefore where can i
    do it please help.

    Feel free to visit my blog post :: cold sore remedies

    ReplyDelete
  51. Izin coba ya gan...langsung test,,



    http://sasaungan.blogspot.com/

    ReplyDelete
  52. hatur nuhun bos aya berkah sukses blog pribadoa judulna jadi di tengah

    ReplyDelete
  53. Does your website have a contact page? I'm having trouble locating it but, I'd like to shoot you
    an email. I've got some suggestions for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it grow over time.

    My web page :: youth.rccgvictorycentre.com

    ReplyDelete
  54. Excellent post. Keep writing such kind of information on your page.
    Im really impressed by your blog.
    Hello there, You have performed an excellent job. I'll certainly digg it and individually recommend to my friends. I am sure they'll be
    benefited from this website.

    Here is my web page ... www.cegep-rimouski.qc.ca

    ReplyDelete
  55. Just want to say your article is as amazing. The clarity in your post is just excellent and i can
    assume you're an expert on this subject. Well with your permission let me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please continue the rewarding work.

    Also visit my web blog; how to get your ex girlfriend back

    ReplyDelete
  56. bos ko gsgsl terus,adakah cara yang simple

    ReplyDelete
  57. Hi, yeah this piece of writing is in fact nice and I have learned lot of things from
    it about blogging. thanks.

    my webpage ... to make a man fall in love with you

    ReplyDelete
  58. At this time it seems like Wordpress is the best blogging platform available right now.
    (from what I've read) Is that what you are using on your blog?

    Here is my site; fudukikay.sakura.ne.jp

    ReplyDelete
  59. Dari tadi sudah ak coba tetapi belum bisa, belum keganti :s

    ReplyDelete
  60. thanks atas totorialnya klo sempat berkunjung blog kami ya... makasih

    ReplyDelete
  61. www.shannenjuliet.blogspot.com

    ReplyDelete
  62. ane udah follow blog sobat nmber 226,ane tunggu(kunjungan baliknytnya), timakasi,
    http://tails-9.blogspot.com/2013/08/download-naruto-shippuden-episode.html#

    ReplyDelete
  63. sudah ane coba gan.. hasilnya monggo liat blog baru ane

    http://ellysions.blogspot.com/

    ReplyDelete
  64. mau jalan-jalan? cari tiket pesawat promo yang murah? klik http://www.mmbcsudirman.com/

    ReplyDelete
  65. langsung dicoba dulu gan ini...
    semoga berhasil..
    salam knal...

    ReplyDelete
  66. Berhasil :-D Alhamdulillah, terima kasih, terima kasih

    ReplyDelete
  67. udah ane coba gan, dan hasilnya gak bisa.

    ReplyDelete
  68. Html saya seperti ini..
    jadi gimana cara merubah judul blog+dekripsinya supaya ke tengah. mohon penjelasn nya agan/sistah. makasih


    /* Header-----------------------------------------------*/
    #header-wrapper{width:950px;margin:0px auto 0px;height:62px;padding:30px 0px 30px 0px;overflow:hidden;}
    #header-inner{background-position:center;margin-left:auto;margin-right:auto}
    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
    #header h1{margin:0 5px 0;padding:0px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:40px;line-height:40px;color:#EFF2F3;}
    #header .description{padding-left:7px;color:#EFF2F3;line-height:14px;font-size:14px;padding-top:0px;margin-top:5px;}
    #header h1 a,#header h1 a:visited{color:#EFF2F3;text-decoration:none}
    #header h2{padding-left:15px;color:#EFF2F3;font:14px Arial,Helvetica,Sans-serif}
    #header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
    #header2 .widget{padding:0px 0px 0 10px;float:right}
    /* Outer-Wrapper----------------------------------------------- */

    ReplyDelete
  69. Html saya seperti ini..
    jadi gimana cara merubah judul blog+dekripsinya supaya ke tengah. mohon penjelasn nya agan/sistah. makasih


    /* Header-----------------------------------------------*/
    #header-wrapper{width:950px;margin:0px auto 0px;height:62px;padding:30px 0px 30px 0px;overflow:hidden;}
    #header-inner{background-position:center;margin-left:auto;margin-right:auto}
    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
    #header h1{margin:0 5px 0;padding:0px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:40px;line-height:40px;color:#EFF2F3;}
    #header .description{padding-left:7px;color:#EFF2F3;line-height:14px;font-size:14px;padding-top:0px;margin-top:5px;}
    #header h1 a,#header h1 a:visited{color:#EFF2F3;text-decoration:none}
    #header h2{padding-left:15px;color:#EFF2F3;font:14px Arial,Helvetica,Sans-serif}
    #header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
    #header2 .widget{padding:0px 0px 0 10px;float:right}
    /* Outer-Wrapper----------------------------------------------- */

    ReplyDelete
  70. semoga berkarya terus , terima kasih bang

    ReplyDelete
  71. Tutorial tentang panduan cara meletakkan judul blog ditengah header sangat bagus dan jelas,namun adakah cara lainnya yg lebih simple misalkan hanya dengan menambahkan kode css saja ke kolom tingkat lanjut tambahkan css?atas replynya sebelumnya saya mengucapkan thank lagi.

    ReplyDelete
  72. Thanks gan..bermanfaat sekali..

    Salam Blogwalking

    ReplyDelete
  73. Bisa langsung saya coba di blog saya.

    ReplyDelete
  74. gimana sih membuat tampilan komentar kayak gini ? karena saya baru belaajr, dan tampilan komentar saya tidak seperti ini, jika mau kirim komentar harus melewati capca dulu,, gimana plis bantu

    ReplyDelete
  75. thanks postingannya sangat bermanfaat, dan pasti sya akan mampir lgi di lain waktuuu

    ReplyDelete
  76. Apa tetep berlaku nih code nya kalo header pake gambar? mohon pencerahannya

    ReplyDelete
  77. saya mau coba gan.
    Mau tahu cari cara cari duit online
    klik disini Hindi-indo.blogspot.com.

    ReplyDelete
  78. mantep banget nih.. gue ambil scripnya. nuhun
    http://www.indoblazer.com

    ReplyDelete
  79. Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    ReplyDelete
  80. Mantap...!

    Sudah ane coba gan..
    http://www.pokerbandardomino.com

    ReplyDelete
  81. This comment has been removed by the author.

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

    Ohya saling bersilaturahmi jg gan dimari, lirik noah > Lirik Noah Full =>

    Thanks.. berjaya sll gan.. ^^

    ReplyDelete
  83. Salam Admin dan Semuanya...

    Kunjungi Situs Saya kembali ya, Dapatkan Bonus Cuma-cuma :

    Agen Bola Euro 2016

    Agen Bola Terpercaya

    Agen Judi Bola

    SBOBET ONLINE

    IBCBET ONLINE

    ASIAPOKER77

    Agenbola1388 merupakan Agen Judi Online yang sangat terpercaya Dan Demi Kenyamanan Para Bettor Kami Menyiapkan Berbagai Bonus.

    Ayo Gabung Sekarang Juga Di Agen Kami.

    KLIK DAFTAR


    ReplyDelete
  84. izin copy suhu : terimakasih ilmu nya

    ReplyDelete