Memasukkan Bismillah Pada Halaman Entri Blogspot
Mungkin bagi sobat yang tidak suka neko-neko, tutorial ini tidak berguna, tapi bagi yang suka ngutak-ngatik blog dan ingin blognya terlihat antik, cantik, menarik, ciamik, tutorial ini layak untuk dicoba, apalagi jika blog tersebut blog Islami yang sangat dominan dengan artikel bermuatan agama Islam.Bagaimana cara memasukkan lafadz bismillah ke dalam setiap halaman entri blogspot? Caranya gampang saja, sobat tinggal milih salah satu dari dua cara: menggunakan teks, seperti pada blog ini, atau menggunakan image.
1. Bismillah Dengan Text
- Dari Editing Template, tambahkan CSS berikut di atas kode ]]></b:skin>:
/*=== Bismillah ===*/
.bismillah {
font-size: 30px;
font-family: 'KFGQPC Uthman Taha Naskh', KFGQPC_Naskh, 'traditional arabic';
font-weight: normal;
margin: 15px 0;
text-align:center;
direction: rtl;
}Ukuran berwarna merah bisa diatur kembali jika diperlukan
- Kemudian carilah kode HTML seperti ini:
<div class='entry'>
<p><data:post.body/></p> - Jika sudah ketemu, ganti dengan kode HTML ini:
<div class='entry'>
<div class='bismillah'>
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ
</div>
<p><data:post.body/></p> - Setelah itu simpan dan ucapkan Alhamdulillah...
2. Bismillah Dengan Image
- Dari Editing Template, tambahkan CSS berikut di atas kode ]]></b:skin>:
/*=== Bismillah ===*/
.bismillah {
text-align:center;
border: none;
} - Kemudian carilah kode HTML seperti ini:
<div class='entry'>
<p><data:post.body/></p> - Jika sudah ketemu, ganti dengan kode HTML ini:
<div class='entry'>
<div class='bismillah'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAC9n68jb8if0L8MYQG8ES7fYFTYyWl12w8pSLl_D_G1iDlRirj03XYAf6W8aWktgG18hcVCGEdYnVqmBJL-BeJ6xstI8telg8ojXzMd9iHjcSb0e2kvzL19ATle7kktCVECJBogqnSTE/s300/Bismilah-png.png' />
</div>
<p><data:post.body/></p> - Setelah itu simpan dan ucapkan Alhamdulillah...
Nah, selesai deh. Gampang kan?
Ok, segitu aja sob. Semoga bermanfaat .....
