Cara Membuat Teks Diatas Postingan

Beberapa bulan yang lalu saya pernah membahas tentang cara membuat widget/teks dibawah postingan. Nah, kalau tutorial yang ini kebalikannya, yaitu membuat teks diatas postingan. Mengerti? Jadi pada setiap postingan, diatasnya akan tertera pesan dari kita. Tetapi pesan ini hanya bisa dilihat pada halaman postingan. Pada halaman selain halaman postingan pesan tersebut tidak akan muncul. Misalnya seperti contoh diatas yaitu tulisan Basmalah.

Pesan ini bisa untuk memberitahukan sesuatu kepada pengunjung atau hanya untuk ucapan selamat datang atau sebagai pemanis. Untuk memasangnya, cukup mudah, hanya perlu beberapa langkah.

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup dulu template anda.

3. Centang checkbox Expand Template Widget.

4. Cari kode:

<p><data:post.body/></p>

5. Nah, lalu tuliskan kode berikut diatasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Ketikkan isi pesan disini.
</b:if>

Misalnya untuk kode Basmalah seperti contoh diatas:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center"><font size='4'>بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</font></div>
</b:if>

Anda juga bisa menambahkan border pada pesan-pesan. Caranya diatas kode <p><data:post.body/></p> ketikkan kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="margin:10px;padding:10px;border:1px solid #000000">
Ketikkan isi pesan disini.
</div>
</b:if>

Anda bisa merubah stylenya. Misalnya merubah background atau merubah font.

6. Kalau sudah, klik tombol Simpan Template.

Sedikit berbagi pengetahuan dimalam yang dingin ini. Semoga bermanfaat.

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya