Skip to main content
Website Mini

follow us

Cara Memindahkan Judul Posting Di Luar Area Postingan Blog tanpa menggunakan JavaScript

Memindahkan Judul Posting Di Luar Area Posting - Mungkin Anda pernah berfikir atau mempunyai keinginan untuk mencoba memindahkan judul postingan ke luar area posting. Setelah beberapa hari Saya belajar otak atik template dan ingin mencoba memindahkan judul postingan agar berada di luar area postingan, akhirnya berhasil juga. Jadi Saya ingin berbagi juga cara memindahkan judul posting di luar area posting

Sebenarnya kurang pas jika dibilang memindahkan judul posting, karena sebenarnya disini kita tidak memindahkan, namun kita membuat div baru yang kita simpan di luar area postingan atau di luar post-outer untuk menampilkan judul postingan. Kemudian kita buat judul posting yang ada di dalam area post kita simpan jauh agar tidak terlihat.

Disini Saya tidak menghilangkan/meng-hiden atau display:none tag h1 untuk judul post, tetapi kita hanya menyimpanya jauh agar tidak terlihat. Jadi aman dan tidak berbahaya untuk SEO.

Jika Anda ingin mencoba memindahkan judul postingan di luar area poating untuk blog Anda, mari kita ikuti caranya berikut ini.

Cara Memindahkan Judul Posting di Luar Area Postingan Blog

Yang pertama.

Simpan kode dibawah ini diatas kode <div class='blog-posts hfeed'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-upper'>
<p class='title'>
          <data:blog.pageName/>
        </p>
  </div>
</b:if>

Yang kedua.

Simpan CSS berikut ini diatas kode </head>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post-upper{text-align:center;margin:0 30px;padding:20px 0 20px;border-bottom:1px solid #ddd}
.post-upper p.title{font-size:42px;font-weight:500;line-height:1.3em;color:#fff;margin:0;padding:0}
.post h1.post-title{position:fixed;top:-3000px;left:-3000px;font-size:0;opacity:0}
</style>
</b:if>

Untuk kode margin:0 30px silahkan sesuaikan agar sesuai dengan template blog Anda.

Kemudian klik Simapn

You Might Also Like:

Newest PostNewest Post
Buka Komentar