Cara Membuat Judul Artikel/Postingan Berada Di Tengah Blog

Cara Membuat Judul Postingan Berada Di Tengah Blog.
Hai....Teman Para Blogger, Bertemu kembali bersama saya di dalam postingan yang berbeda dan kali ini saya akan membawa anda untuk membahas tentang Cara menempatkan judul postingan di tengah, kalau biasanya judul postingan letaknya sejajar dengan paragraf isi konten nya yaitu di awali dari sebelah kiri, akan tetapi kalau anda mau merubah judul postingan berada di tengah-tengah hal ini mampu saja anda lakukan.
Mungkin Anda pernah melihat judul postingan satu blog atau website sempurna berada di tengah-tengah, tidak menyerupai biasa berada di sebelah kiri. Berkali-kali saya melihat tampilan blog yang terlihat awut-awutan alasannya ialah judul teksnya masih rata kiri, hal itu terlihat semakin terang pada post dengan judul yang melebihi 3 kata, lalu saya melaksanakan pencarian tutor wacana mengganti aturan perataan(text-align) judul postingan menjadi rata tengah.

Template bawaan Blogspot selalu menempatkan judul postingan di sebelah kiri, sehingga beberapa blogger kebingungan ketika ingin menempatkan judul postingan sempurna di tengah-tengah atau dalam posisi center. Sebenarnya hampir sama dengan Cara Menempatkan Judul Blog Ditengah-tengah. Namun script yang digunakan terbilang cukup singkat. Harapan saya biar dengan langkah tersebut maka blog akan semakin cantik dan "teratur". Untuk beberapa tutor kiranya tidak sesuai dengan HTML template blog milik saya, tapi risikonya saya menemukan tutorial yang sesuai. Berikut saya kumpulkan saja beberapa tutorial alasannya ialah mungkin tutor yang sesuai dengan struktur HTML blog saya tidak sesuai dengan milik anda.

Mari kita ikuti langkah-langkahnya Berikut caranya :

  • Cari isyarat berikut ini: HTML <h3 class='post-title entry-title'>Selengkapnya ialah menyerupai ini:
  • <a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
  • Jika sudah menemukan kode-kode tersebut maka tambahkan beberapa isyarat sehingga menjadi menyerupai berikut ini:
  • <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <center><h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3></center> </b:if>
  • Atau Cari kode .post-title, selengkapnya menyerupai ini h3.post-title { font: $(post.title.font); margin: 0;}.
  • Kemudian tambahkan kode text-align:center; , selengkapnya menyerupai ini:
  • h3.post-title { font: $(post.title.font);
    margin: 0;
    text-align:center
    }
  • Ada juga yang menjumpai isyarat menyerupai ini:
  • nh2.date-header{margin:1.5em 0 .5em;display:none;} .post-title{margin:0 0 8px 0;padding:10px;line-height:24px;font-size:24px;font-family:Kaushan Script,Arial,Helvetica,Sans-serif;color:#303030;font-weight:bold;text-align:center;text-shadow: 4px 4px 4px #aaa;}
    Nah anda hanya perlu menambahkan isyarat script yang saya beri warna biru.
    Nah...Bagaimana??gampang bukan?saya rasa cukup disini dulu ya, lain waktu kita berjumpa lagi dalam pembahasan yang berbeda, saya ucapkan terimakasih dan selamat mencoba....
    Share This :

    Related Post

    avatar

    work di metode yang pertama, jadi lebih cantik aja kalau rata tengah. thanks admin

    delete 14 Oktober 2017 pukul 06.44



    sentiment_satisfied Emoticon

    :)
    :(
    hihi
    :-)
    :D
    =D
    :-d
    ;(
    ;-(
    @-)
    :P
    :o
    -_-
    (o)
    [-(
    :-?
    (p)
    :-s
    (m)
    8-)
    :-t
    :-b
    b-(
    :-#
    =p~
    $-)
    (y)
    (f)
    x-)
    (k)
    (h)
    (c)
    cheer
    (li)
    (pl)