logo blog

Menukar Posisi Judul Blog Menjadi di Belakang Title Post

Menukar Posisi Judul Blog Menjadi di Belakang Title Post

Menukar Posisi Judul Blog Menjadi di Belakang Title Postingan

Cara Mudah Memindah Letak Judul Blogger Menjadi di Belakang Judul Postingan

Mengganti Posisi Judul Blog Menjadi Di Samping Kanan Title Postingan Agar Menjadi Lebih Seo, Kali ini mas tamvan akan berbagi tutorial menukar posisi Nama Blog Yang berada di depan judul postingan menjadi di belakangnya..

Bagi kalian yang mengalami masalah ketika postingan blog di share ko sosial media seperti facebook atau ketika melihat post kita di search google yang menampilkan judul blog berada di depan judul postingan yang membuat title post menjadi tidak rapih dan kurang baik untuk seo (katanya) ....

maka di sini mas tamvan akan memberikan tipsnya untuk merubah / menggantinya menjadi lebih rapi lagi, kalian bisa hanya menampilkan judul postingannya saja atau dilengkapi dengan judul blog..

Mungkin kalian yang pake template arlina ada yang mengalami seperti ini, ketika postingannya di share ke facebook maka judul postingannya berubah menjadi Judul Blog : Judul Postingan.. nah untuk mengatasinya, mari simak tutorial singkat ini :)

cara mengatur posisi text (Title Blog) pada html

  • Seperti biasa, login terlebih dahulu ke akun blogger kalian
  • Lalu masuk ke menu TemplateEdit HTML
  • Setelah Masuk Edit HTML kita langsung menuju ke meta tag titlenya
  • Tapi sebelum itu, kalian sudah harus sedikit paham dulu tentang html title tag, Tag Kondisional
  • Di sini saya mencoba merubah tampilan meta tag pada template buatan arlina Simplify 2 Red Fast Responsive 2016
  • yang didalamnya terdapat meta tag title yang berbeda-beda, seperti meta tag untuk homepage, untuk halaman post, archive, halaman 404, social media dll
  • Tapi jika kalian mendapatkan masalahnya di search engine, lebih baik baca plus penjelasannya
  • Langsung saja ke tahap awal, kalian cari kode seperti ini <title><data:blog.pageTitle/></title>
  • Kira-kira strukturnya seperti ini, tapi bisa juga berbeda
  • 
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <title><data:blog.pageTitle/></title>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
            <title><data:blog.pageName/> - <data:blog.title/></title>
        </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
        <title>Page Not Found - <data:blog.title/></title>
    </b:if>
    
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    Tag kondisional untuk menampilkan title tag di semua halaman kecuali halaman postingan
    <data:blog.pageTitle/>
    Kode di atas akan menampilkan Judul Blog Plus Judul Post / Title Bar
    <b:else/>
    Kode Pengecualian / pengganti jika kode di atasnya tidak ada.
    Contohnya : Ortu agan nyuruh beli telor ke warung A tapi kalo di warung A tidak ada kalian di suruh belinya di warung B. Maka secara otomatis Kita akan beli telor itu di warung A terlebih dahulu kalo ada langsung pulang, tapi kalo di warung A tidak ada maka kita akan dilanjutkan ke perintah selanjutnya yaitu membeli telornya di warung B.
    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    Kode yang ada di dalam tag kondidional itu tidak akan tampil di halaman eror404
    <data:blog.pageName/>
    Kode di atas sama seperti <data:blog.pageTitle/> tapi tidak menampilkan judul blognya..
    <data:blog.title/>
    nah kalo kode di atas ini hanya menampilkan judul blognya saja.
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    Tag kondisional khusus untuk halaman error404
  • Gimana apa kalian bingung? jika iya berarti kita sama, soalnya bingung mau jelasin gimana lagi :V
  • Tapi kode di atas sudah benar, kalian tidak perlu merubahnya, karena kode di atas akan menampilkan. Ketika di halaman homepage akan menampilkan Judul Blgnya Saja, Kalo di Halaman Post Akan menampilkan Judul Post Dan Judul Blog dan di Halaman Error404 Akan Menampilkan Page Not Found Plus Judul Blog
  • Kalian bisa merubahnya sesuai keinginan.
  • Sekarang kita masuk ke tahap memperbaiki Judul Post Yang Di Share Ke Facebook
  • Kalian Cari Kode property='og:title' mungkin ada banyak tergantung dari templatenya
  • Kira Kira Penampakannya Seperti dibawah ini ↓
  • 
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    
    Kalian masih ingat kode data:blog.pageTitle untuk apa?
    Kode di atas itu untuk menampilkan Judul Blog Plus Judul Postingan / title bar
    Jadi yang perlu kalian rubah adalah kode data:blog.pageTitle dengan kode yang hanya menampilkan Judul postingannya saja.. sehingga hasilnya seperti dibawah ini
    
    <meta expr:content='data:blog.pageName' property='og:title'/>
    
  • Nah kalo masih ada kode seperti di atas silahkan rubah lagi, tapi harus tau dulu itu huntuk halaman apa.
  • Jika tidak ada, kalian save templatenya
  • Untuk mengetahui apakah sudah berubah atau belum kalian bisa cek di halaman posting, lalu Klik KananView Page InfoMenu General cari tag og:title. Atau Lihat Gambar Dibawah ini ↓

  • view page info
  • Jika Sudah Berarti Sukses, Kalo Masih Belum Cari Lagi kode property='og:title' dan rubah seperti di atas

Cukup sekian dan terima kasih, semoga artikel tentang Tutorial Cara Memindahkan Posisi Judul Blog Yang Berada Di Depan Title Post Menjadi Di Belakang Judul Postingan ini bermanfaat..
Jika ada yang bingung, silahkan bertanya di kolom komentar :)

Share this:

Berlangganan via email

Agan Sedang Membaca Artikel : Menukar Posisi Judul Blog Menjadi di Belakang Title Post. Silahkan masukan email anda dibawah ini! dan nanti akan otomatis mendapatkan kiriman artikel terbaru dari Blog Mas Tamvan. Terimakasih.

Kumpulan Tips Trik Blogger

Blog Mas Tamvan

Terima Kasih Sudah Membaca Artikel Tentang : Menukar Posisi Judul Blog Menjadi di Belakang Title Post. Jika Ada Yang Mau Request Tutorial Silahkan Beri Tahu Saya Di Kolom Komentar :)

2 comments

Arifin

Mantap. Nnti sy coba

Marko Kono

terima kasih gan, artikelnya sangat bermamfaat :)

Saya menunggu komentar anda..

Kalo ada yang error mohon kasih tau admin, supaya bisa secepatnya untuk diperbaiki..

Komentar dengan link promo akan masuk spam.

Tambahkan Spasi Setelah Memasukan Kode Emoticon..
Gunakan kode <i rel="image">URL GAMBAR DI SINI</i> untuk menyertakan gambar di komentar.Show Konversi Kode Hide Konversi Kode Show Emoticon Hide Emoticon