Membuat Title dan Description Rata Tengah

Baru saja lusa kemarin saya posting tentang cara membuat title post rata tengah, yang ternyata tidak dipungkiri bahwa setiap blogger mempunyai selera berbeda-beda tentang perataan di blognya biar tampak seo friendly. di sela-sela komentar ada sahabat saya yang tanya bagaimana cara membuat Judul atau Title Blog rata tengah ? pertanyaan tersebut datang dari sahabat saya Mas Boby Aoliya. Untuk menjawab pertanyaan tersebut maka saya akan posting-kan cara membuat Title dan description rata tengah.

Pertanyaan dari mas Boby tentang Perataan Title Blog
Nah, dari pertanyaan sobat boby diatas akan saya jabarka satu per satu caranya mulai membuat judul blog yang rata tengah dan cara membuat description blog rata tengah.  yuk disimak tips di bawah ini.

Membuat Judul / Title Blog Rata tengah :
  • 1. Silahkan buka perancang template sobat ( backup dulu templatenya lho...hehehe )
  • 2. Kemudian jangan lupa centang expand widget - nya
  • 3. Lalu cari script / kode seperti di bawah ini atau yang agak mirip, cari kunci pokoknya yaitu  <h1 class='title'> letaknya biasanya berdekatan dengan class titlewrapper :
               <!--No header image -->
               <div id='header-inner'>
               <div class='titlewrapper'>
               <h1 class='title'>
               <b:include name='title'/>
               </h1>
               </div>
  • 4. Bila sudah ketemu letakkan perintah <center> di depan <h1 class='title'> dan beri penutupnya setelah </h1>, seperti contoh di bawah ini :
                <!--No header image -->
                <div id='header-inner'>
                <div class='titlewrapper'>
                <center><h1 class='title'>
                <b:include name='title'/>
                </h1></center>
                </div>
  • 5. Simpan Template sobat.
Cara membuat Description rata tengah :
  • 1. Ulangi langkah 1-2 diatas, atau kalau masih di editor langsung lanjut saja (...kok repot amat sih..hehehe)
  • 2 Lalu cari script / kode seperti di bawah ini atau yang agak mirip, cari kunci pokoknya id=description atau class='description', tampak seperti di bawah ini :
                <b:includable id='description'>
                <div class='descriptionwrapper'>
                <p class='description'><span><data:description/></span></p>
                </div>
                </b:includable>
  • 3. Letakkan perintah <center> di depan class-nya, hasilnya seperti di bawah ini :
                <b:includable id='description'>
                <div class='descriptionwrapper'>
                <center><p class='description'>
                <span><data:description/></span>
                </p></center>
                </div>
                </b:includable>
  • 4. simpan perubahan template sobat.
Insya Allah mudah cara yang saya jabarkan diatas, meskipun bisa kita lakukan dengan script css tapi menurut saya cara diatas yang paling simple. semoga bisa bermanfaat buat sahabat semua.
Previous
Next Post »

69 comments

  1. izin coba ya kang.., klo rata tengh emank terlihat lbh rapi..., terima kasih *smile

    ReplyDelete
  2. Alhamdulillah berhasil kang.. walaupun awal2x eror.., terima kasih..., sukses selalu tuk Kang Farhan Aamiin... *smile

    kpd pengunjung yang lain..,mf pertamaxx & keduaxx sy ambil yaa hehehe...

    ReplyDelete
    Replies
    1. hahaha... bisa aja abang, kalo yg kedua namanya doblemaxx...hehehe

      Delete
    2. sekali lg sy ambil Fourmaxx heheh..

      Delete
  3. wah, ini nih ane nyari2 . Pas udah ganti template aturan blog ane yg dulu terganti. Eh, pas mau nyari seperti ini dapat deh di sini kang. Makasih dah

    ReplyDelete
    Replies
    1. hehehe...blog bang panik jadi mak nyus tuh...sip banget

      Delete
  4. hehehh sip kang farhan DS masih suka ke pinggir nih title nya, tapi kalau mau ketengah tinggal ke sene lagi deh :D


    makasih kang scriptnya

    ReplyDelete
  5. Makasih sob, sementara di save dulu, ntar kalo pas kepengen bisa dipraktekin hehehe..

    ReplyDelete
  6. wah... bisa di coba nih kang ... makasih atas infonya ... :)

    ReplyDelete
  7. Tips yang sangat membantu kang


    untuk para pemula yang mendalami dunia blogging

    ReplyDelete
  8. mantaf kang, sementara di amankan dulu supaya kalau butuh bisa langsung di liat ...

    ReplyDelete
  9. tips yang sangat bermanfaat dan mudah diterapkan

    haturnuhun kang Farhan sharingnya:}

    ReplyDelete
  10. Intan coba ah, intan bookmark dulu tips ini

    ReplyDelete
  11. kang farhan, matur syukron atas ilmunya, ditunggu yang lainnya

    ReplyDelete
  12. wahhh, sangat bermanfaat nih kang...

    thanks udah share yah :)

    ReplyDelete
  13. wah, ditengah lagi.. dari kemarin kok suka yang tengah2 kang.. memang enak yang tengah kang. titlenya.. :)

    ReplyDelete
    Replies
    1. hahaha,,,, suka yg tengah2 nih...heheheh...

      Delete
  14. MANTEF BANGET TUH KANG FARHAN TUTORNYA..TERUS TERANG YA KANG KALO AKU SIH SUKA YANG AGAK CEMBUNG SEDIKITTTTTT...hahahhahyyy..Trima kasih sdh dishare ya kang.

    ReplyDelete
  15. wah oke ne kang, saya coba kang...

    tanks kang.

    ReplyDelete
  16. wah mantap nih kang.!? saya jd pake hehehehe

    sukses trz kang.!?

    ReplyDelete
    Replies
    1. sip mas...semangat dan sukses teerus ya...hahayy

      Delete
  17. ini title blog yg ada pada browser ya Kang?

    wilujeng ngeblog

    ReplyDelete
    Replies
    1. title yg nampak pada browser kang... kayak punya blognya bang panik dan blognya Masnady...
      semangat ngeblog kang asep

      Delete
  18. Trik Blogger yang Cukup Bermanfaat Kang Farhan, moga para Blogger Pemula dapat Membaca Artikel ini.
    Nice Post Kang ..

    ReplyDelete
  19. perasaan saya ud koment dah, tapi ko kemana ya? nda ada kayanya.. ilang apa ya?

    ou ini yang rata tengah ya. wah biar senada dengan google adsenseya ya mas. boleh lah, ntar ane ikutin klo ud di setujui adsensenya. hahah.

    ReplyDelete
  20. kalau yang kemarin hanya titlrnya saja yah sahabat...?
    Sekarang ditambah deskripsinya...tipsnya tambah jempol dech buat Kang Farhan

    ReplyDelete
  21. bang, mau tanya nih, kalo ngilangin border gambar dipostingan seperti di blog gue ini gimana ya?

    ReplyDelete
    Replies
    1. hahayy... di setelan template ubah suaian ada mas cara ilangin bordernya... dibuat transparant aja settingannya...

      Delete
  22. hadeeuh..akhirnya nyampe juga disini...perlemotan pisan kang..sampe harus tarik nafas terus nih.

    dibukukan dulu deh, lain kali balik sini lagi.

    hepi ng'blog dan seperti biasa, semoga sehat selalu kang farhan dan keluarga...amin

    ReplyDelete
  23. Wah asda yang baru lagi nih...sukses kang...salam sehat dan bahagia selalu

    ReplyDelete
  24. thanks atas infonya kang :-D

    ReplyDelete
  25. wah makasih banyak atas tutornya kang,,

    ReplyDelete
  26. text-align:center; juga bisa :D

    ReplyDelete
  27. makin manis aja bang, kw titile blog kita di bikin rata tengah, hahahhayyy

    ReplyDelete
  28. Salam blogger mas.. Mw numpang tax kok gmbr header blog sy g bs rata tngh? Walaupun sdh d cri d om goggle dn nyobain smua crax gmbr header ttap d sblh kanan.. Mgkn mas bs mampir lht headerku.. Atau mgkn ad cr lain membuat gmbr header rata tngh?
    Terima kasih mas..

    ReplyDelete
  29. klupaan, ini blog sy mas blogger-sharearea.blogspot.com

    ReplyDelete
  30. makasih atas informasinya,,, lain kali berkunjung balik yaa,.,

    ReplyDelete
  31. Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

    ReplyDelete
  32. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

    ReplyDelete
  33. Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

    ReplyDelete
  34. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

    ReplyDelete
  35. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

    ReplyDelete
  36. Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses

    ReplyDelete
  37. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    ReplyDelete
  38. Artikel yang sangat Innovatif dan banyak Tipsnya. jadi ingin coba. semoga berhasil

    ReplyDelete
  39. Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

    ReplyDelete
  40. Amazing Artikel yang sangat berguna,terutama Tipsnya sangat membangun. boleh dicoba.

    ReplyDelete
  41. Terimakasih Tulisan dan Info yang bermanfaat. wajib dicoba. salam sukses selalu.

    ReplyDelete
  42. Setelah membuka Wibesite ini, saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu

    ReplyDelete
  43. Saya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil

    ReplyDelete
  44. Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

    ReplyDelete
  45. Tipsnya sangat Infomatif, wajib dicoba salam sukses

    ReplyDelete
  46. Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

    ReplyDelete
  47. setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu

    ReplyDelete
  48. Ide cemerlang saya dapat dari Artikel yang di buat di Wibesite ini, Wajib dicoba Tipsnya. Semoga berhasil

    ReplyDelete
  49. punya saya berhasil silahkan dilihat hehehe
    makasi ya keren banget jadinya

    ReplyDelete
  50. manteb ni gan tutorialnya.. salamkenal...

    ReplyDelete
  51. thanks sudah berbagi sob, artikel menarik dan bermanfaat ini

    ReplyDelete
  52. manfaat ini sob thanks dah berbagi

    ReplyDelete
  53. mantap boss.... kita hanya perlu mengubahnya menjadi :cebter, dari yang bawaan blogger...

    follow balik ya gan :)

    salam kenal, salam blogger, happy blogging!

    ReplyDelete
  54. Terima kasih anda telah memberikan kesempatan untuk berkomentar. Artikel anda sangat bagus. Semoga bermanfaat untuk semua

    ReplyDelete
  55. izin mencoba Boss, selama ini saya juga kebinggungan.

    ReplyDelete
  56. Terima kasih sudah memberikan kesempatan untuk berkomentar, postingan ini sangat bermanfaat buat saya ;).
    Silahkan di hapus jika kurang berkenan :)

    Lowongan Kerja
    Ramalan Zodiak Hari Ini
    Tips Kerja
    Lowongan Kerja
    Prediksi Bola Togel
    Prediksi Togel
    Togel Hari Ini

    ReplyDelete
  57. WAH MANTAP NICH -- SUKSES SETELAH DI COBA

    ReplyDelete
  58. Terima kasih sudah memberikan kesempatan untuk berkomentar, postingan ini sangat bermanfaat buat saya ;).
    Silahkan di hapus jika kurang berkenan :)

    ITUPOKER.COM AGEN POKER ONLINE INDONESIA TERPERCAYA

    ReplyDelete
  59. Sudah saya terapkan pada blod saya di gejala gejala penyakit kalo berkenan silahkan mas mampir ya.. :d

    ReplyDelete

Partner Site