Menukar Posisi Judul Blog Menjadi Di Belakang Title Post

Cara Praktis 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 menyebarkan tutorial menukar posisi Nama Blog Yang berada di depan judul postingan menjadi di belakangnya..

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

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

Mungkin kalian yang pake template arlina ada yang mengalami ibarat ini, dikala postingannya di share ke facebook maka judul postingannya bermetamorfosis 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 sajian Template → Edit HTML

• Setelah Masuk Edit HTML kita pribadi menuju ke meta tag titlenya

• Tapi sebelum itu, kalian sudah harus sedikit paham dulu ihwal 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, ibarat meta tag untuk homepage, untuk halaman post, archive, halaman 404, social media dll

• Kalian sanggup baca tutorial ini beserta penjelasannya atau pribadi menuju ke tutorialnya Memindahkan Judul Blog Yang Ada Di Depan Judul Postingan Ketika Di Share Ke Facebook ↓

• Tapi kalau kalian mendapat masalahnya di search engine, lebih baik baca plus penjelasannya

• Langsung saja ke tahap awal, kalian cari arahan ibarat ini <title><data:blog.pageTitle/></title>

• Kira-kira strukturnya ibarat ini, tapi sanggup 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 kalau arahan 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 pribadi 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 ibarat <data:blog.pageTitle/> tapi tidak menampilkan judul blognya..
<data:blog.title/>
nah kalo arahan 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? kalau iya berarti kita sama, soalnya resah mau jelasin gimana lagi :V

• Tapi arahan di atas sudah benar, kalian tidak perlu merubahnya, sebab arahan 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 sanggup 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 arahan data:blog.pageTitle untuk apa?
Kode di atas itu untuk menampilkan Judul Blog Plus Judul Postingan / title bar
Kaprikornus yang perlu kalian rubah ialah arahan data:blog.pageTitle dengan arahan yang hanya menampilkan Judul postingannya saja.. sehingga alhasil ibarat dibawah ini


 <meta expr:content='data:blog.pageName' property='og:title'/> 

• Nah kalo masih ada arahan ibarat 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 sanggup cek di halaman posting, kemudian Klik Kanan → View Page Info → Menu General cari tag og:title. Atau Lihat Gambar Dibawah ini ↓

• Jika Sudah Berarti Sukses, Kalo Masih Belum Cari Lagi arahan property='og:title' dan rubah ibarat di atas

Cukup sekian dan terima kasih, supaya artikel ihwal 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 :)