Minggu, 05 Mei 2013

Cara Membuat Bismillah pada Postingan Blog Cara Membuat Bismillah pada Postingan Blog- Bagi anda blogger yang beragama muslim, tentunya widget ini sangat wajib untuk berada di blog anda, karena selain dapat menampilkan simbol keindahan Agama Islam, widget atau hand writing ini juga dapat memberikan pesan dan kesan kepada pengunjung agar selalu mengingat dan beribadah kepada Allah SWT. Jika blog anda bertemakan konten-konten islami seperti RBT islam, hadis-hadis nabi, dan ayat-ayat Al-quran, sudah sepatutnya anda menerapkan kaligrafi bismillah yang cantik ini di blog anda, entah itu di atas postingan, di header, di sidebar, maupun di akhir postingan.

Sebelumnya saya juga sempat membahas tentang cara membuat widget hanya tampil pada homepage, kenapa saya refrensikan artikel ini? karena mungkin saja anda tidak tertarik untuk memasang kaligrafi Bismillah ini pada postingan, melainkan pada halaman awal atau yang sering di sebut homepage. Tanpa panjang lebar lagi, kita akan segera masuk ke inti dari pada pembahasan kita kali ini, silahkan disimak baik-baik ya.

Cara ini menyesuaikan dengan tampilan Edit HTML baru Blogger

1. Login ke Blogger.

2. Pilih Template.

3. Klik "Cadangkan/Pulihkan".

4. Klik "Unduh Template Lengkap".

5. Setelah template blog kita telah ter-download, klik kanan pada file tersebut (.xml), lalu klik "open with" dan pilih wordpad/notepad (salah satu saja).

6. Jika anda ingin meletakkanya diatas artikel atau diatas postingan, maka anda cari kode <data:post.body/> (gunakan CTRL+F), lalu anda akan menemukan beberapa kode seperti itu, jika anda sudah memasang read more otomatis, maka pilihlah kode <data:post.body/> yang kedua.

7. Letakkan kode di bawah ini tepat diatas-nya.

<b:if cond='data:blog.pageType == "item"'>
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>
</b:if>

Keterangan: Kode diatas bisa anda letakkan dimana saja (tidak harus diatas <data:post.body/>), sesuaikan dengan minat dan kebutuhan anda. Cara diatas ini memakai cara otomatis, jadi nantinya akan selalu muncul pada setiap awal artikel, namun jika anda menginginkan agar lafaz Bismillah tidak selalu muncul dalam setiap postingan, maka anda bisa meletakkan kode di bawah ini sebelum anda menulis artikel (manual), tapi Ingat! taruhnya jangan di HTML, namun di Compose.

<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>

8. Klik "Save".

9. Terakhir, Upload lagi filenya ke blogger.

Preview & Live Demo Kaligrafi Bismillah

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Demikian informasi seputar tutorial blog tentang cara membuat bismillah pada postingan blog, semoga bermanfaat, dan selamat mencoba. "Genius is 1% talent and 99% hard work" - Thomas Alfa Edison.

0 komentar:

Posting Komentar

Subscribe to RSS Feed Follow me on Twitter!