Memindahkan Judul Artikel Ke Luar Postingan di Blogger
Description:
Cara Memindahkan Judul Artikel atau Postingan di Atas Breadcrumbs atau Memindahkan Breadcrumbs Ke Luar Postingan di Blogger~ Kali ini saya share tutorial yang saya ketahui di blog Kompi Ajaib dan saya editing sedikit dan menjadi tutorial sempurna dan bekerja dengan baik.
Tutorial ini sudah saya testing terlebihdahulu sebelum di publikasikan. Tutorial ini bisa Anda terapkan untuk Anda yang sedang mengedit atau memperbaiki template blogger Anda.
Langsung saja ke tutorialnya, sebenarnya tutorial ini work 100% jika Anda memahami atau mengikuti tutori yang saya berikan dengan teliti.
Login ke Blogger > Tema > Edit HTML. Lalu cari kode <div id='post-wrapper'> atau kode yang lainnya, kemungkinan di setiap template berbeda-beda. Lalu copy kode dibawah ini di atas kode <div id='post-wrapper'> tersebut.
Copy kode di bawah ini di atas kode </style> atau ]]></b:skin>
Lalu masukkan kode dibawah ini tepat di dalam kode <h1 class='post-title entry-title'>
Copy kode dibawah ini diatas kode </body>
Jangan lupa untuk Like dan Share artikel ini keteman Anda untuk berkembangnya blog ini kedepan. Terimakasih telah berkunjung, dan semoga Anda betah dengan apa yang saya posting hari ini.
Tutorial ini sudah saya testing terlebihdahulu sebelum di publikasikan. Tutorial ini bisa Anda terapkan untuk Anda yang sedang mengedit atau memperbaiki template blogger Anda.
Langsung saja ke tutorialnya, sebenarnya tutorial ini work 100% jika Anda memahami atau mengikuti tutori yang saya berikan dengan teliti.
Memindahkan Judul Artikel Ke Luar Postingan
Langkah pertama :Login ke Blogger > Tema > Edit HTML. Lalu cari kode <div id='post-wrapper'> atau kode yang lainnya, kemungkinan di setiap template berbeda-beda. Lalu copy kode dibawah ini di atas kode <div id='post-wrapper'> tersebut.
<b:if cond='data:blog.pageType == "item"'> <div id='tempat-judul'/> </b:if>Langkah kedua :
Copy kode di bawah ini di atas kode </style> atau ]]></b:skin>
#tempat-judul h2{font-family:'Roboto',Arial;background:#25A0E8;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);border-radius:4px;color:#fff;padding:20px;margin:8px 0;font-size:17px}
Langkah ketiga :Lalu masukkan kode dibawah ini tepat di dalam kode <h1 class='post-title entry-title'>
id='pindah-judul' itemprop='headline'Maka akan menjadi kode dibawah ini.
<h1 class='post-title entry-title' id='pindah-judul' itemprop='headline'>Langkah ke-empat :
Copy kode dibawah ini diatas kode </body>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("tempat-judul").appendChild(document.getElementById("pindah-judul"));
//]]>
</script>
</b:if>
Lalu Anda Save. Jika mengalami error harap dimaklumi, karna saya hanyalah blogger pemula.Jangan lupa untuk Like dan Share artikel ini keteman Anda untuk berkembangnya blog ini kedepan. Terimakasih telah berkunjung, dan semoga Anda betah dengan apa yang saya posting hari ini.
Posting Komentar