Cara membuat gambar utama berada diatas judul blog

ikuti langkah-langkah dibawah ini!

langkah awal masuk diblog>tema>edit HTML>tekan control f untuk memudahkan pencarian

<div class='post hentry' expr:id='data:post.id' itemscope='' "....">

Atau

<b:includable id='post' var='post'>

Setelah itu kalian akan menemukan kode 'post hentry' . Selanjutnya salin kode dibawah ini tepat dibawah kode 'post hentry' tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='coverImage'>
    <b:if cond='data:post.firstImageUrl'>
      <img class='firstimage' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
 <b:else/>
      <img class='firstimage' expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibgx-0c0PZVcWLUTU0mLSus_O5JgN-wv7Z3jbBYU-WodyAaPvvEkGysW2uNy7jQ_ee1aJ_d7WLEEqmXXCH-MsgJGl5JZZ3unPmK9eVbjvdcKuUasQdJ6I1P_gAGsp5drk7g0BF1Xjs7p0/s70/picture_not_available.png'/>
    </b:if>
  </div>
</b:if>

Nah sekarang kita menuju ke kode CSS. Letakan kode dibawah ini tepat diatas kode </style> supaya gambar pertama hilang dan mengukur besar image nanti.

.post img.firstimage{
  width:100%;
  height:auto;
  max-width:100%}
.post-body .separator:nth-child(1) {display:none}

Agar semua ini berjalan mulus tambahkan kode javascript ini tepat diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()});
//]]>
</script>

Simpan

itulah caranya cara membuat gambar blog berada diatas jud