Langsung ke konten utama

Cara Mudah Mengatasi Tag H1 Hilang Ketika Menggunakan Image Untuk Header Blog

Cara Mudah Mengatasi Tag H1 Hilang Ketika Menggunakan Image Untuk Header BlogSalah satu cara mempercantik tampilan blog yaitu dengan menggunakan image untuk header blog. Hal ini bisa di lakukan pada template default Blogger dan pada beberapa template custom yang masih menggunakan kode <header/> default Blogger.

Namun sayang, dengan menggunakan image untuk header blog, maka tag H1 menjadi hilang. Sementara keberadaan tag H1 sangat dibutuhkan untuk menunjang seo blog. Sebagai contohnya seperti gambar di bawah ini, tag H1 menghilang dari header blog setelah menggunakan image untuk header blog.

Tag H1 Hilang Ketika Menggunakan Image Untuk Header Blog

Bagi yang sudah bisa koding, tentu hal ini sangat mudah diatasi, namun bagaimana bagi yang belum mahir koding?

Dan tag header yang direkomendasikan sampai saat ini yaitu menggunakan tag header yang dinamis, artinya di halaman postingan menggunakan judul postingan untuk tag H1 sementara di halaman selain halaman postingan menggunakan judul blog untuk tag H1. Sementara untuk tag H2, H3, dan seterusnya bebas digunakan untuk element lainnya dan bisa lebih dari satu.

Silahkan pelajari cara membuat header dinamis dari postingan Maskolis, hampir semua blog sekarang menggunakan tag header dinamis dari Maskolis tersebut.

Nah agar tag H1 tidak menghilang saat menggunakan image untuk header blog dan menjadi dinamis (menjadi tag H1 di halaman utama dan berubah menjadi tag p di halaman postingan, sehingga tag H1 tidak menjadi 2 buah di halaman postingan), ada cara mudah untuk mengatasinya.

Mengatasi Tag H1 Hilang Ketika Menggunakan Image Untuk Header Blog

Mengatasi Tag H1 Hilang Ketika Menggunakan Image Untuk Header Blog

Agar menjadi seperti gambar di atas, kita hanya perlu melakukan satu langkah mudah. Silahkan cari kode seperti di bawah ini di edit HTML.


      <!--Show the image only-->

      <div id='header-inner'>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

Kemudian silahkan ganti dengan kode di bawah ini.


      <!--Show the image only-->

      <div id='header-inner'>

        <b:if cond='data:blog.pageType != &quot;item&quot;'>

        <h1>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        </h1>

<b:else/>

        <p>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        </p>

         </b:if>

Kemudian tambahkan CSS di bawah ini untuk menghilangkan margin dari tag H1 dan tag p agar image header pas di header. Silahkan simpan di atas kode </head>


<style>

#header-inner h1, #header-inner p {

      margin:0!important;

}

#header-inner img {

      width:100%;

      height:auto;

}

</style>

Setelah itu save edit HTML, lalu silahkan upload image untuk header blog melalui gadget header di Tata Letak kemudian klik edit dan pilih option Instead of title and description.

Sebenarnya saya sudah memposting beberapa cara untuk mengatasi tag H1 yang hilang ini, coba saja ketikan Header Blog di kotak pencarian di blog ini. Namun postingan ini yang paling mudah dilakukan.

Komentar

Postingan populer dari blog ini

Download Film Avatar 2 (2018) HD Full Movie Subtitle Indonesia

Free Download Film Avatar 2 (2018) HD Full Movie Subtitle Indonesia | Hallo sobat pecinta film barat anime, kali ini saya akan bagikan kepada kalian sebuah film yang berjudul Avatar 2 2018 yang dimana film ini sudah ditunggu-tunggu oleh banyak kalangan masyarakat didunia. film ini sangat ramai di tonton trailernya di youtube dan bagaimanakah kelanjutan cerita dari film yag satu ini, Untuk itu mari kita download dan streaming film avatar 2 full movie sub indo ini sob. INFO FILM : Judul : Avatar 2 Genre : Action, Adventure, Fantasy Sutradara : James Cameron Produksi : TSG Entertainment, 20 Century Fox Film Corporation, Lightstorm Entertainment Distributor : 20 Century Foc Film Corporation Penulis Skenario : James Cameron Produser : James Cameron, Jon Landau, Peter M. Tobyansen Tanggal Rilis : 21 Desember 2018 Durasi : - Negara : USA Bahasa : English Pemain : Zoe Saldana, Sam Worthington, Sigourney Weaver, Stephen Lang SINOPSIS : Film ini aka...

Cara download yutube tanpa menggunakan aplikasi / softwere

Sambil nunggu jam perkuliahan dimulai, saya isi waktu istirahnya dengan posting  Cara download yutube tanpa menggunakan aplikasi / softwere hehe,.. Langsung saja simak caranya : 1.Buka yutube yang ingin di download. 2.Lalu copy url video tersebut dengan cara klik kanan pada video dan pilih " salin  URLvideo " 3.selanjutnya buka situs untuk download di sini 4.lalu paste URL video dalam kotak yang tersedia disitu dan tekan enter pada keyboard 5.selanjutnya anda pilih opsi yang diinginkan,. misal di download dengan format mp3,mp4,3gp dll,.. setelah    itu klik download,.  6. terakhir tunggulah download hingga selesai. Sekian dari saya, semoga bermanfaat,.

Download Kumpulan Lagu Ahmad Albar mp3 Lengkap

Download Kumpulan Lagu Ahmad Albar mp3 Lengkap - Lagunostalgia5 hello sobat semua ketemu lagi dengan okta pada kali ini okta akan membagikan sebuah lagu lawas kenangan yang sangat populer sekali di kalangan masyarakat Indonesia yang memiliki suara yang sangat bagus dan tren siapa lagi kalau bukan Ahmad Albar oke langsung download lagunya di bawah ini dengan gratis dan sebelum itu okta juga akan membagikan sebuah lagu yang tidak kalah lawasnya yaitu lagu campursari yang merupakan penyanyi yang bernama Nurhana yang bisa di kunjungi website ini. Jadi Ahmad Albar merupakan adalah penyanyi yang sangat populer sekali bahkan menurut okta penyanyi ini sangatlah luar biasa sekali banyak yang menyukai , dan sebelum itu Ahmad Albar ini penyanyi ini lahir di Surabaya pada tanggal 16 July 1946 dan berusia 70 tahun dan karier Ahmad Albar ini berkibar dan di mulai pada usia 11 tahun , Jadi Ahmad Albar merupakan penyanyi yang di lahirkan oleh pasangan Syech Albar dan Farida Al-Hasn dan kemu...