Seri Belajar Cara Membuat Template Blogspot : Mengatur Ukuran ,Warna , Style (Face) dan Bakground Huruf Template

Artikel ini adalah seri belajar cara membuat template blog. Jika anda baru saja berkunjung di blog bahrul-ulum dot com, silahkan anda lihat terlebih dulu seri :

• Belajar membuat template blog
• Belajar Membuat Template Tahap Dua
• Tutorial Membuat Template Blog Tahap Tiga
• Panduan Membuat Template 3B

Dan pada sesi ini adalah merupakan sub bagian dari tahap tiga dalam pelajaran membuat template blog. Yang kali ini kita akan mencoba mengatur ukuran dan warna huruf yang ada di template blog kita.



Mari kita mulai dari bagian Header.
Sebelumnya mari kita lihat identitas isi header sebagai berikut :

<div id="header">Panduan Belajar Membuat Template Blog</div>

Kata ahli SEO, header merupakan salah satu komponen penting, dimana disinilah letak nama atau judul blog bercokol. Untuk hal ini disarankan judul blog diberikan tag H1 . Apa itu tag H1 ? tag huruf ini adalah merupakan urutan penting yang akan memberikan sinyal kepada robot crawl, komponen huruf blog mana yang paling dipentingkan.

Dan tag huruf diurut mulai dari h1-h2-h3-h4-h5-h6. Lebih jauh soal ini, yang sering juga disebut semantik template bisa lihat di sini : fanari-id : semantic-html-definisi-dan-pengaruhnya-terhadap-seo

Oleh sebab itu mari kita tambahkan dulu tag h1 pada titel blog , menjadi sebagai berikut :

<div id="header"><h1>Panduan Belajar Membuat Template Blog </h1></div>

Setelah anda tambahkan lalu SAVE, maka lihat hasilnya seperti yang ada di template-pertamaSTEP13
Judul atau title blog, biasanya merupakan sebuah link, atau bisa pula dikatakan :diposisikan menjadi sebuah link. Apa itu LINK ? lihat definisi link disini : Wiki- link URL

Untuk membuat nya menjadi link, kita perlu merubah identitas title header blog menjadi sebagai berikut :

<div id="header"><h1><a href="https://bahrululumdotcom.blogspot.com"> Panduan Belajar Membuat Template Blog </a></h1> </h1></div>

Tulisan https://bahrululumdotcom.blogspot.com adalah sebuah link halaman web yang tidak terlihat secara langsung , dan tulisan Panduan Belajar Membuat Template Blog , adalah title atau judul blog yang juga disebut ANCHOR TEXT , yang jika di klik akan menuju ke link yang ditulis (dalam hal ini link nya adalah https://bahrululumdotcom.blogspot.com) .

Jadi ini yang perlu diingat : Untuk Cara membuat link , kode HTML nya adalah :

<a href="URLalamat web">Anchor text</a>

Jika sudah dirubah, maka hasilnya akan tampak seperti yang ada di template-pertamaSTEP14
Kemudian, kita akan coba mengatur ukuran huruf dan warna huruf Judul blog kita.Karena ini adalah pengaturan, maka kita akan fokus pada kode yang ada di bagian style.css.

Buka kembali template-pertamaSTEP14

Kita tambahkan kode css sebagai berikut :

 #header h1 a{ color:#00f; font-size: 0.9em ; font-family:arial, helvetica, sans-serif; } 

Catatan : Di template14 ini saya telah merubah warna background header menjadi putih, agar tulisan Judul blog lebih terlihat jelas perubahannya.

Dari hasil perubahan , kita melihat :

- warna Huruf telah berubah menjadi biru.

Kode pengaturan warna huruf ada di : color:#00f;

Perhatikan pada kode warna HTML yang diawali dengan tanda pagar ( # ) dikuti dengan kombinasi angka dan huruf lalu diakhiri tanda titik koma ( ; ) .

Kode warna HTML sebenarnya ada beberapa macam, tapi yang paling sering digunakan untuk CSS adalah type hex seperti diatas, Untuk Kode warna HTML lainnya bisa dilihat disini : Kode Warna HTML
- ukuran huruf judul blog telah berubah

Kode pengaturan Ukuran huruf ada di : font-size: 0.9em;
tanda ukuran huruf ditandai dengan besaran angka dikuti dengan kode satuan em.

Di dunia CSS ada beberapa satuan yang dipakai yaitu besaran cm , em , % dan px .
Contoh penggunaanya :

font-size: 130%; font-size: 0.9em; font-size: 20px; 

Silahkan dicoba mengubah besaran angka dan satuan nya ya…

- Jenis Huruf Berubah

Kode pengaturan jenis atau tampilan(face) huruf ada di :

font-family:arial, helvetica, sans-serif;

Font family digunakan untuk mempengaruhi tampilan jenis huruf. Ini seperti kalau kita menulis di MS word, lalu memberikan style jenis huruf pada tulisan yang misalnya hendak di utamakan. Properti font-family menentukan font untuk suatu elemen.

Properti font-family dapat memegang beberapa nama font sebagai sistem "fallback" yg maksudnya Jika browser tidak mendukung font pertama,maka ia mencoba font berikutnya.

Ada dua jenis nama font-family :

* family-name- adalah Nama font-family, seperti : "times", "courier", "arial", dll
* generic-family - adalah Nama generic-family, seperti : "serif", "sans-serif", "cursive", "fantasy", "monospace".

Mulailah dengan font yang Anda inginkan, dan selalu akhiri dengan sebuah font generic-family, agar browser memilih font yang sama dalam generic-family , jika tidak ada font lain yang tersedia.

Catatan: Jika nama font mengandung white-space (Spasi), maka harus diberikan tanda kutip dua. Dan tanda kutip tunggal digunakan ketika menggunakan atribut "style" dalam HTML.

Nah jenis font-family lainnya yang sempat saya kumpulkan bisa dilihat di template-pertamaSTEP15 .

Kode pengaturan huruf yang lain yaitu :

font-weight: normal; text-transform: normal; letter-spacing: normal;

font-weight: Mengatur tebal tipis Huruf

Kode font-weight lain yang bisa digunakan :

• font-weight:normal --> menampilkan karakter normal. Ini adalah default
• font-weight:bold --> menampilkan karakter tebal;
• font-weight:bolder --> menampilkan karakter lebih tebal lagi
• font-weight: lighter --> menampilkan karakter tipis
• font-weight:900 --> menampilkan karakter lebih tebal lagi ( sama dengan bolder) angka yang bisa digunakan : 100 ,200 ,300 ,400 ,500 ,600 ,700 ,800 ,900 angka 400 adalah sama seperti normal , dan 700 adalah sama dengan bold

text-transform : Mengatur Kapitalisasi huruf

Kode text-transform: yang bisa digunakan :

text-transform:uppercase --> karakter pertama dari setiap kata menjadi huruf besar.contoh : Saya Mau Belajar Cara Membuat Template Blog

text-transform:capitalize --> Mentransformasi semua huruf pertama menjadi huruf besar contoh: SAYA MAU BELAJAR CARA MEMBUAT TEMPLATE BLOG

text-transform:lowercase --> Mentransformasi semua karakter menjadi huruf kecil.contoh : saya mau belajar cara membuat template blog
 

letter-spacing : Mengatur jarak antar huruf

Kode letter-spacing : yang bisa digunakan :

letter-spacing: 2px; letter-spacing: 0.1em;

contoh tulisan normal tanpa letter spacing : belajar cara membuat template blog
contoh tulisan dengan letter spacing 2px :  belajar cara membuat template blog

Jika sudah ditambahkan , maka hasilnya akan tampak seperti yang ada di  template-pertamaSTEP16 

Setelah kita mengatur ukuran,warna,kapitalisasi,tebal dan jarak huruf, selanjutnya kita akan mencoba memberikan latar belakang atau background pada Header dan Huruf judul blog kita,

Ada beberapa cara dalam memberikan background, yaitu dengan kode CSS dan dengan image .

Dengan cara background kode css :

Tambahkan kode css sebagai berikut :

#header h1 a{ color:#00f; font-size: 0.9em ; 
font-family:arial, helvetica, sans-serif; font-weight:bolder; 
text-transform:uppercase; letter-spacing: 2px; background: #0f0; } 

Jika sudah ditambahkan , maka hasilnya akan tampak seperti yang ada di template-pertamaSTEP17

Dengan cara background Image :

Dengan cara menampilkan background image garis yang diulang (repeat)
Dengan cara merubah semua huruf dengan image
Dengan cara menampilkan image disebelah tulisan
Dengan cara menampilkan background image full

Tapiiii.. Karena halaman Cara membuat Template Tahap 3b ini sudah terlalu panjang, maka  akan saya lanjutkan pada artikel berikutnya :  Cara Menampilkan image Sebagai background Template

Update : 13 Agustus 2010
Alhamdulillah silahkan lihat lanjutannya disini ya.. :
memasukkan-gambar-atau-image-sebagai-background

Apakah Sobat mencari informasi  Tangisan Mike Tyson Di Mekkah ? Temukan artikel Tangisan Mike Tyson Di Mekkah di web bahrul ulum dot com yang disajikan khusus untuk anda.

Tangisan Mike Tyson Di Mekkah

Selagi masih dalam suasana religi yang kental, di bulan Ramadhan 2010 ini aku menemukan sebuah berita yang menurut aku penting untuk aku publish ulang disini.

Berita yang tak sengaja terbaca ketika masuk keakun facebook ku ini adalah tentang bagaimana seorang Mike Tyson yang dulu dikenal sebagai Raja tinju kelas berat dunia, mampu memasuki ruang religinya ketika pergi ke tanah suci Mekkah. Dan benarlah apa yang banyak ustad katakan, bahwa sekeras-kerasnya hati manusia, jika hidayah sudah masuk ke relung jiwa, maka tak ada lagi yang mampu menahan kerinduan akan hembusan Ilahi Robbi.

Dan inilah berita yang aku copas dari Vivanews – Mike Tyson Menangis di Tanah Suci
Bekas kampiun dunia tinju kelas berat, Mike Tyson tidak mampu menahan tangis saat berkunjung ke Masjid Al-Nabawi di Madina, Arab Saudi. Tyson pun mengerjakan umrah di Mekah, Ahad 4 Juli 2010.

Tyson mendarat di Tanah Suci Mekkah buat pertama kalinya pada Jumat 2 Juli 2010. Lelaki 44 tahun ini segera melaksanakan beberapa prosesi, termasuk mengerjakan ibadah di Masjid Al-Nabawi. Seperti yang diberitakan Saudi Gazette, Senin 5 Juli 2010, Tyson menginap di penginapan dekat Masjid Al-Nabawi serta menerima applaus yang menakjubkan dari penggemar nya.

Bekas petinju yang diberikan gelar ‘Si Leher Beton’ ini menerima penjagaan ketat ketika melaksanakan sembahyang Dzuhur. Dan Tyson menyatakan menerima pengalaman religious menakjubkan ketika berada di Arab Saudi.

“Aku suka mempunyai penggemar yang mencintai saya di sini (Arab Saudi). Tetapi, aku mengharapkan orang-orang meninggalkan saya sendiri buat merasakan nuansa religious di Tanah Suci . Aku tak kuasa meneteskan air mata ketika aku mengetahui kalau aku sedang berada pada salah satu taman surga,” ucap Tyson ketika berkunjung ke Masjid Al-Nabawi.

Tyson yang menganut Islam ketika masih dipenjara pada pertengahan 1990an, lalu merubah baju nya dengan memakai pakaian ihram buat melaksanakan umrah di Tanah haram .

Selesai mengerjakan umrah di Mekah, Mike Tyson mantan petinju yang memiliki nama Islam, Malik Abdul Aziz tersebut berencana hendak berkunjung ke Jeddah, Abha dan Riyadh

Perubahan Algoritma Google Search Agustus 2010

A pakah Sobat mencari informasi  Perubahan Algoritma Google Search ? Baca artikel Perubahan Algoritma Google Search di website bahrul ulum dot com yang dipersembahkan ekslusif buat anda.

Hari ini ada email masuk dari Official Google Webmaster Central Blog , yang mengatakan bahwa google akan menampilkan result atas pencarian seseorang, dari sebuah situs yang perubahan ini akan menampilkan 7 hasil yg relevan dari sebuah situs (lihat disini : Showing more results from a domain )

Sebenarnya saya sudah melihat perubahan ini beberapa hari lalu, ketika saya mencoba merisetSERP atas postingan yg ada di bahrul-ulum dot com ini, seperti terlihat dalam gambar :

Perubahan Algoritma_google

Apa artinya ini ?
Kalau saya memandang bahwa perubahan ini akan mempermudah pengguna dalam menentukan kunjungan ke sebuah situs yang akan dipilihnya berdasarkan result yang lebih banyak dari sebuah situs yang dirujuk google.Dan ini akan memberikan kesempatan kepada pemilik blog untuk lebih meningkatkan lagi kualitas postingan demi postingan nya. Akan tetapi perubahan ini pun sekaligus memunculkan kekhawatiran saya pada spammer yang akan mengulang-ulang sebuah topik dengan materi yang sama namun gaya dan tulisan berbeda. (Semoga ini tidak terjadi)

Demikian semoga bermanfaat
Salam
Bahrul Ulum

Setelah sekian lama tertunda, Alhamdulillah akhirnya panduan cara membuat template Blog bagian tiga ini saya publish dengan susah payah. Sekali lagi saya katakan , bahwa panduan cara membuat Template blog ini hanyalah pengalaman saya saja.

Masih banyak tips cara membuat tempate di blog lain yang lebih komplit, lebih jelas, dan lebih segalanya dibanding artikel yang ada di blog sederhana ini. Jadi saya mohon maaf jika masih banyak kekurangan dan kelemahan dalam cara saya menuliskan nya ya.



Seperti janji saya Pada sesi Belajar membuat template tahap dua yaitu :

Pada sesi membuat template tahap tiga kita akan coba memasukkan konten atau isi dari setiap bagian, agar template kita terlihat mendekati nyata.

Yang artinya kita akan mencoba memodifikasi ,memasukkan , menambah, dan memperindah tampilan layout template blog kita dengan aneka konten yang biasanya menyertai di blog-blog yang sudah online.

Konten atau isi yang saya maksud , misalnya :

• Memasukkan Gambar atau Image sebagai background Template
• Mengatur ukuran huruf
• Memodifikasi Judul atau Title Blog
• Memodifikasi tab navigasi
• Menambah dan Mengatur Meta title,tanggal,author dan label dll
• Menambah dan Mengatur Judul Sidebar
• Menambah dan Mengatur Judul Posting
• Memasukkan Kode HTML Gadget atau Widget pada sidebar
• Menambah Kolom Komentar
• Dan lain-lain (akan saya tambahkan kemudian)

Baiklah, untuk hal pertama yang akan kita kerjakan adalah memasukkan semua tulisan ke masing-masing bagian. O ya, untuk memudahkan dan menyegarkan kembali, saya sengaja membuat layout template-pertamaSTEP9 yang gunanya memperjelas tata letak masing-masing bagian.

Silahkan dilihat ya. Nanti disana ( template-pertamaSTEP9 ) hanya sebagai acuan saja, supaya kita lebih memahami isi setiap bagian,seperti letak header,navigasi,sidebar,posting,footer,dan lain-lain.
Apa yang kita isi ? dan dimana ngisinya ?

Di template contoh ini, kita isikan saja dulu terserah apa saja, dan letak pengisiannya sebagai berikut :

1. Mengisi Template bagian Top Bar

Untuk Top Bar pengisian nya ada di bagian tulisan:

<div id="topbar">Isi topbar</div>

Ganti itu tulisan Isi topbar dengan tulisan terserah anda. Kalau saya , mengganti tulisan Isi topbar dengan :

Isi topbar | RSS | Hal-Penting | Toko-saya

Sehingga menjadi seperti ini :

<div id="topbar">
Isi topbar |
RSS |
Hal-Penting |
Toko-saya
</div>
 

Tulisan2 itu nantinya akan kita jadikan link sebuah halaman web yang isinya menurut kita penting untuk ditampilkan. Untuk tahap awal, kita berikan saja dulu tulisan apapun. Contoh hasilnya bisa dilihat di template-pertamaSTEP10 ( http://template.rajaiklanbaris.com/template-pertamaSTEP10.html )

2. Mengisi Template bagian Header

Untuk Header, pengisiannya dibagian :

<div id="header">Isi header </div> 

Ganti itu tulisan Isi header dengan tulisan terserah anda. Kalau saya , mengganti tulisan Isi header dengan :

Panduan Belajar Membuat Template Blog

Setelah kita ganti nantinya akan seperti ini :

 <div id="header"> Panduan Belajar Membuat Template Blog </div> 

Isi Header tersebut rencananya akan kita gunakan sebagai JUDUL blog. Contoh hasilnya bisa dilihat di template-pertamaSTEP10 ( http://template.rajaiklanbaris.com/template-pertamaSTEP10.html )

3. Mengisi Template bagian Navigasi

Navigasi,pada dasarnya sama dengan isi Top Bar, yaitu berisi Link sebuah halaman web, namun biasanya Navigasi lebih mengarah kepada halaman web yang ada di dalam website kita sendiri.

Sedangkan TOP bar, biasanya digunakan orang untuk membuat link ke halaman tertentu yang dianggap penting, misalnya halaman affiliate, halaman penjualan dan sebagainya. Namun ini tidak menjadi aturan yang baku. Terserah kita saja.

Untuk Navigasi , pengisiannya dibagian :

<div id="navigasi">Isi navigasi</div> 

Ganti itu tulisan Isi navigasi dengan tulisan terserah anda. Kalau saya , mengganti tulisan Isi navigasi dengan :

Home | About-Me | Contact-Me | My-Friend | Agama | Sosial-Budaya

Setelah kita ganti nantinya akan seperti ini :

<div id="navigasi">
Home |
About-Me |
Contact-Me |
My-Friend |
Agama |
Sosial-Budaya |
</div>

Contoh hasilnya bisa dilihat di template-pertamaSTEP10

4. Mengisi Template bagian Kolom Posting

Kolom posting, adalah kolom yang berisi konten artikel , link, kode-kode iklan, atau image ,dan lain-lain yang gunanya untuk memberikan suatu informasi kepada pengunjung ( Udah tau pak )
Untuk Kolom Posting, pengisiannya dibagian :

<div id="isi-Posting">Isi Posting</div>

Ganti itu tulisan isi-Posting dengan tulisan terserah anda. Kalau saya , mengganti tulisan isi-Posting dengan : misalnya seperti ini :

Artikel postingan Artikel postingan Artikel postingan Artikel postingan Artikel
postingan Artikel postingan Artikel postingan Artikel postingan Artikel postingan
Artikel postingan Artikel postingan Artikel postingan Artikel postingan Artikel postingan

Setelah kita ganti nantinya akan seperti ini : ( Pastinya udah bisa dong yah ?)
Contoh hasilnya bisa dilihat di template-pertamaSTEP10

Sebelum kita lanjutkan ke bagian sidebar dan footer, kita akan menambahkan pada bagian isi-Posting dengan kolom Meta dan kolom komentar. Kolom meta adalah kolom yang biasanya digunakan untuk menempatkan title atau judul postingan ,tanggal postingan , author dan label postingan .

Penempatan nya kadang disatukan dibagian atas kolom posting, dan ada juga yang menempatkan terpisah Judul artikel diatas dan Tanggal,author serta label dibagian bawah artikel. Contoh penempatan terpisah bisa anda lihat di blog sederhana saya disini : Blog panduan bisnis di internet : http://panduanbisnis1.blogspot.com

Catatan : beberapa orang ada yang lengkap menampilkan meta, dan ada juga yang tidak lengkap, bahkan ada pula yang sama sekali tidak menampilkan meta . Tentu mereka punya alasan tersendiri
Kita akan menampilkan versi lengkapnya, agar kita mengerti caranya.

Nantinya sih terserah masing-masing . Dan juga akan kita pisahkan, yakni judul artikel dibagian atas, dan yang lainnya di bagian bawah artikel.

Untuk hal ini, kita mesti menambahkan beberapa kode identitas (div id ) sebagai berikut  :
Mari kita buka pada bagian kode menampilkan seluruh kolom posting: silahkan lihat kembali di template-pertamaSTEP4 ( http://template.rajaiklanbaris.com/template-pertamaSTEP4.html )

<div id="kotak-posting">
<div id="isi-Posting">isi postingan</div>
</div>

Kita rubah dengan menambahkan

<div id=”Judul-Artikel”>Judul Artikel</div> 

( tambahkan setelah id kotak-posting )

dan juga menambahkan :

<div id=”rencana-meta”> rencana-meta Artikel</div>

(tambahkan setelah id isi-Posting)

Kemudian kita juga akan menambahkan kolom komentar , yaitu dengan memasukkan identitas :

<div id="komentar">rencana kolom komentar</div>

dan juga kotak form komentar dengan identitas :

<div id=”form-komentar”>rencana form komentar</div> 

(tambahkan setelah id rencana-meta)

Setelah ditambahkan akan terlihat seperti ini :

<div id="kotak-posting">
<div id="Judul-Artikel">Judul Artikel</div>
<div id="isi-Posting">isi postingan</div>
<div id="rencana-meta"> rencana-meta Artikel</div>
<div id="komentar">rencana kolom komentar</div>
<div id="form-komentar">rencana form komentar</div>
</div>

Contoh hasil nya bisa dilihat di template-pertamaSTEP11( http://template.rajaiklanbaris.com/template-pertamaSTEP11.html )

Karena kita telah menambahkan meta,dan kolom komentar, maka kita perlu memberikan style atau pengaturan atas ID tsb.Dan kita menambahkan kode2 sbb :

Ingat : Penambahan kode-kode css , adanya diantara kode yg terlihat pada contoh dibawah ini :

<style type="text/css"> 
tambah kode2 CSS disini 
</style>

Tapi agar serasi sebaiknya masukkan kode css nya didekat kode css posting, biar nantinya tidak menyulitkan waktu mengedit.

Karena identitas dari yg akan kita atur berada dalam keluarga kotak-posting, maka saya kira cukuplah mengcopy code css milik isi-posting yg tertulis seperti ini :

#isi-Posting {
width:485px;
border:1px solid #000;
background:#ff0;
padding:3px;
margin:2px;
}

tinggal kita ganti saja pada : #isi-Posting nya dengan masing2 identitas . Jadi kita copy dan paste sebanyak 4 kali dan hanya mengganti tulisan #isi-Posting dengan :

#Judul-Artikel
#rencana-meta
#komentar
#form-komentar

Contoh penulisan kode dan hasil nya bisa dilihat di template-pertamaSTEP12( http://template.rajaiklanbaris.com/template-pertamaSTEP12.html )

Untuk sidebar dan footer, saya kira ndak perlu dikasih contohnya ya, Insya Allah mah sudah pada lancarrr.

Dan yang akan kita atur kemudian adalah Pengaturan ukuran huruf, dan penambahan image sebagai background template. Tapi akan saya tuliskan di lain artikel .

Semoga bermanfaat

Update 27 Agustus 2010:
Alhamdulillah lanjutannya bisa lihat disini :

Mengatur Ukuran ,Warna , Style (Face) dan Bakground Huruf Template

Bagaimana Cara Membuat Image Menyatu Dengan Artikel ?

A rtikel cara membuat Image Menyatu Dengan Artikel ? Dapatkan info bagaimana agar Image Menyatu Dengan Artikel di blog bahrul ulum dot com yang dipublikasikan khusus untuk anda.

Mungkin ada beberapa diantara kita pemakai themes wordpress , yang mempunyai kendala untuk bagaimana cara agarimage atau gambar yang ada di postingan terlihat menyatu dan enak dilihat. Postingan ini sengaja saya publish , tersebab pengalaman saya dalam mengedit themes website “Bisnis Aluminium kaca” milik saya.

Pada themes yang saya pakai, ketika saya upload image kedalam postingan, dan di publish, saya melihat image yang ada di dalam postingan tersebut terlihat terpisah jauh dari artikel nya. Dan tampilan border image nya pun biasa-biasa saja, serta text caption nya pun terlihat ada di kiri. lihat pada gambar dibawah ini:

Menghilangkan Ruang Kosong Sebelah Image

Akhirnya saya memutuskan merombak total themes tersebut dan jadilah sekarang hasil buatan saya yang di modifikasi sedemikian rupa.

Dan untuk cara menghilangkan ruang kosong disebelah image pada postingan artikel, saya melakukan penambahan kode-kode .

Tapi sebelumnya saya memastikan, pada saat mengupload gambar, saya memilih opsi Alignment Left.

Dan ini tahapan cara membuat tampilan image pada web saya agar terlihat bagus dan menyatu :

1. Cara Menambahkan border pada image/gambar postingan

Tambahkan kode berikut ini pada style.css themes kita :

.wp-caption{
margin:0 10px;padding:9px 5px 5px;
background:#FFF;
border:1px solid #ebf2f5;
border-bottom:1px solid #CCCCCC;
text-align:center;}

2. Cara Membuat tulisan Text image/gambar menjadi center/ditengah

Tambahkan kode berikut ini pada style.css themes kita :

.wp-caption-text{
margin:5px auto auto auto;
padding:5px 0 0;
font:0.92em Arial, Helvetica, sans-serif;color:#656c71;}

3. Cara Menghilangkan Ruang Kosong di sebelah Image

Tambahkan kode berikut ini pada style.css themes kita :

.left, .alignleft{float:left;}
.right, .alignright{float:right;}
.aligncenter{margin:0 auto;display:block;}

Catatan : Penambahan kode pada style.css bisa ditempatkan dimana saja, terserah anda. Boleh diatas,dibawah, atau ditengah. Asalkan jangan menggangu  kode-kode lain.

Cara tersebut berhasil saya lakukan pada themes yang saya gunakan. Jika anda mengalami kendala , silahkan tulis pertanyaan di kolom komentar. Jangan lupa sertakan themes yang dipakai.

Semoga bermanfaat
Salam
Bahrul Ulum

Proses Kelahiran Bayi

Apakah Kamu mencari artikel Proses Kelahiran Bayi ? Temukan postingan Proses Kelahiran Bayi di website bahrul ulum dot com yang ditulis ekslusif untuk anda.

Kelahiran Bayi Keduaku

Alhamdulillah , setelah menunggu dengan harap-harap cemas selama beberapa bulan terakhir, akhirnya anak bayi kedua ku terlahir kedunia ini . Anak kedua ku ini ku beri nama dengan nama bayi Islami : Amira Faiza Bahrul . Yang artinya kira-kira :  Putri Yang dipenuhi Kemuliaan, keagungan dan Keberkahan, amieeeennnn., sedangkan embel-embelBahrul dibelakang, tentu adalah nama aku , ayahnya..

Kelahiran bayi perempuan

Alhamdulillah lagi.. proses kelahiran bayi perempuan ku ini berjalan dengan normal, tanpa operasi cesar, tanpa vakum, tanpa pendarahan ,tanpa terjadi kelahiran prematur, tanpa cacat, dan istriku , sang ibu anakku dalam keadaan sehat wal afiat setelah proses kelahiran normaltsb.

Maunya aku (sah dong manusia punya keinginan.. hehe ) , anak kedua ku ini terlahir sama dengan anak pertamaku, yakni pas dengan bulan saat kelahiran Nabi Muhammad SAW. (nabi Muhamad lahir tanggal 12 Robiul Awwal tahun Gajah – tahun 53 sebelum Hijrah ). Anak pertamaku yang bernama Rahma Safira Bahrul , 4 tahun lalu lahir persis di bulan Lahirnya nabi Muhammad. Jadi waktu itu pas sedang ramai-ramai nya suasana Maulid Nabi yang memang jadi tradisi yang tak pernah ketingggalan didaerahku.
Nah si Faiza, anak bayi kedua ku ini terlahir hari Rabu tanggal 28 Juli 2010, jam 16:45 WIB, ditengah cuaca yang cerah , angin sepoi-sepoi dan suasana yang tenang. Prosesi kelahiran dibantu oleh Ibu Bidan Djahriah yang dengan sabar, memandu istriku untuk melahirkan sang bayi tercinta.

Apa saja Persiapan Untuk Melahirkan Bayi Yang Baik ?

1. Periksa Rutin Kehamilan

Sebagai suami yang baik ( taelahhhh.. ) tentu aku berusaha sebisa mungkin menjadi “Suami Siaga” , Hal pertama yaitu mulai dari proses awal periksa rutin. Untuk periksa rutin satu bulan sekali , biasanya dimulai ketika kandungan sudah mencapai dua bulan, Kemudian periksa rutin dua minggu sekali (Satu buan dua kali) akan dilakukan ketika umur cabang bayi sudah mencapai 28-32 minggu. Dan periksa rutin satu minggu sekali dilakukan ketika memasuki usia calon bayi 34- 36 minggu (atau mendekati saat-saat kelahiran) .

2. Gizi Ibu dan Bayi

Sangat perlu dilakukan pemantauan gizi ibu dan bayi . Sebab , kata orang pintar, kecerdasan anak, bisa dibangun sejak si jabang bayi berada di rahim ibunya. Jika kurang asupan gizinya, bukan hanya fisik yang terancam abnormal, tapi tingkat IQ si anak pun bisa berkurang. Nah untuk hal inilah aku selalu mengawasi istriku, apa yang dimakannya, yang diminumnya, dan lainnya semisal : susu buat ibu hamil+ Vitamin+ Buah-buahan+Dan Kalsium D Redoxon). Akan tetapi , jangan pula gara-gara pingin tercukupi gizi, malah mengkonsumsi makanan sembarangan, bisa-bisa bukan sehat malah badan jadi gemuk atau melar, (soal mengatasi gemuk berlebihan bisa baca disini : cara menurunkan berat badan yang sehat dan alami ).

3. Menjaga Mental Dan Spiritual Ibu Dan Bayi

Hal ini kadang diremehkan oleh sebagian besar ibu hamil, terutama ibu-ibu muda usia yang maunya mudah dan menggampangkan urusan ( agak susah nih kasih julukan buat ibu muda yang hamil muda.. hehe ). Padahal orang-orang tua jaman dulu, katanya saat mengandung bayi, akan sangat dijaga ketat oleh orang tua si ibu hamil. Banyak pantangan , banyak aturan, dan banyak larangan yang harus dilakuan dan dihindari oleh si ibu Hamil.

Buatku , selama itu masih dalam jangkauan logika dan tidak melanggar aturan Islam , akan aku jalani. Misalnya : Jangan suka berdiri di depan pintu, nanti bayi nya susah lahir, Nah ini aku izinkan ke istriku. Karena secara logika, memang tidak baik sering berdiri didepan pintu, kan nanti orang susah mau lewat .. Trus juga jangan menutup lubang sembarangan, takut susah lahir nya. Ini juga aku izinkan, karena logikanya, siapa tau dilubang itu ada hewan didalamnya, kan kita dilarang membunuh hewan, kecuali tentu hewan yang diperbolehkan untuk di bunuh…

Yang tidak aku izinkan misalnya taruh gunting di bantal untuk mengusir setan, atau taruh sapu lidi di dekat kasur, dll yang hal-hal ini mendekati musyrik.
Sedangkan yang Islami, istriku diperintahan untuk membaca surah Alamtaro (Al Fill ) dan Alam Nasroh ( Al Insiroh) setiap habis Sholat. Kemudian juga baca surah Yusuf dan Surah Maryam serta Yassin.
Perbuatan-perbuatan ini secara tidak langsung akan membuat keyakinan si ibu hamil menjadi lebih kuat, mejadi lebih tenang, dan lebih percaya diri dalam mempersiapkan kelahiran si bayi. Karena tidak adalagi yang bisa memberikan ketenangan selain lebih mendekatkan diri kepada sang Pencipta, Allah SWT.

Moment Saat sebelum dan Sesudah Proses Kelahiran

Ketika hari lahir akan tiba, biasanya kontraksi akan semakin sering terjadi, aku melihat bagaimana istriku mengalami sakit pada kandungannya. Kejadian sakit berulang ini akan terjadi satu hari sebelum kelahiran, dengan interval waktu setiap beberapa jam. Kemudian akan meningkat seiring dengan mendekati kelahiran, Dan akan menjadi 5 menit sekali ketika si bayi akan lahir. Kata nya ada tahapan bukaan 1 s/d bukaan sepuluh sampai si bayi lahir. Nah hari penting itu, aku juga ikut repot, dengan mempersipakan kain, pakaian, dll.

Detik-detik kelahiran , meski dengan jantung yang deg2 an , aku setia berada disamping istriku yang dengan sekuat tenaga “mengedan” beberapa kali sampai Alhamdulillah si bayi keluar dengan selamat.

Ketika si bayi keluar, ibu Bidan dengan sigap menangkap si bayi,lalu menggunting tali pusar, dan memvakum sisa cairan di mulut bayi, Dannnn… setelah itu terdengarlah tangisan pertama bayi kedua ku itu.

Setelah dibersihkan, maka aku meng azan kan ditelinga kanan bayiku dan meng iqomat kan di telinga kirinya. Ini prosesi Sunnah Nabi, yang meski ada pro kontra, tapi menurutku sangat baik dilakukan, agar anakku dapat mendengar kalimat suara yang baik dan Islami di kehidupan pertamanya didunia.

Proses selanjutnya adalah khitan dan tindik kuping. Ini dilakukan saat bayi berumur 7 hari dan berbarengan dengan imunisasi pertama. Kemudian yang tak kalah  penting lainnya adalah : Akekah . Ini bahkan sangat penting buatku, karena akekah adalah merupakan sunnah yang sangat dianjurkan oleh Nabi dikerjakan setelah umur bayi 7 hari. Aku memotong satu kambing karena anak ku perempun, sedangkan jika laki-laki, maka aku harus menyediakan dua ekor kambing.

Demikian pengalaman proses kelahiran anak kedua ku ini aku tuliskan sebagai catatan, yang semoga ada gunanya buatku dikemudian hari, dan juga semoga berguna bagi yang mungkin membaca tulisan ku ini.

Salam
Bahrul Ulum