UMRAH DAN ZIARAH: Posting in Blogger

Perhatian

Hadis Nabi Muhammad s.a.w :

"Satu umrah ke satu umrah menghapuskan dosa di antara keduanya, dan haji yang mabrur tiada balasanÂ baginya melainkan syurga."
Blogger TIDAK menyediakan atau menganjurkan apa-apa pakej UMRAH mahupun pakej pelancungan bentuk lain. Sebarang maklumat yang di paparkan di sini adalah sekadar pandangan serta panduan mengikut pendapat admin dan pembaca jika ada pengunjung yang mengalami apa-apa kerugian akibat membaca blog ini adalah menjadi tanggungjawab pembaca itu sendiri. Sebarang komen dalam hal berkaitan umrah back packer adalah di alu-alukan bagi membantu rakan taulan melaksanakan UMRAH secara termurah, bagaimanapun janganlah komen yang boleh menyinggung perasaan mana-mana pihak. Terima kasih dan berkunjunglah selalu ke blog ini.

Memaparkan catatan dengan label Posting in Blogger. Papar semua catatan

Ahad, September 22, 2013

Edit Jadual Dalam Blogger

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Petak Jadual	Petak Jadual	Petak Jadual
Petak Jadual	Petak Istimewa	Petak Jadual
Petak Jadual	Petak Jadual	Petak Akhir

1. Di bawah ini adalah HTML yang mewakil jadual di atas.

<br />
<table border="2" bordercolor="#0033FF" cellpadding="3" cellspacing="3" style="background-color: #99ffff; color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"><tbody>
<tr><th><span style="color: black;">Pengepala Tajuk</span></th><th><span style="color: black;">Pengepala Tajuk</span></th><th><span style="color: black;">Pengepala Tajuk</span></th></tr>
<tr><td><span style="color: black;">Petak Jadual</span></td><td><span style="color: black;">Petak Jadual</span></td><td><span style="color: black;">Petak Jadual</span></td></tr>
<tr><td><span style="color: black;">Petak Jadual</span></td><td><b><span style="color: black;">Petak Istimewa</span></b></td><td><span style="color: black;">Petak Jadual</span></td></tr>
<tr><td><span style="color: black;">Petak Jadual</span></td><td><span style="color: black;">Petak Jadual</span></td><td><i><span style="color: black;">Petak Akhir</span></i></td></tr>
</tbody></table>
<br />
<div>
<br /></div>

2. Pilih HTML Yang akan di Edit dan gantikan dengan HTML di Bawah:

<TABLE border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3">

2. Hasilnya adalah SepertiBerikut:

<br />
<table border="2" bordercolor="#0033FF" cellpadding="3" cellspacing="3" style="background-color: #99FFF; color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"><tbody>
<tr><th><span style="color: black;">Pengepala Tajuk</span></th><th><span style="color: black;">Pengepala Tajuk</span></th><th><span style="color: black;">Pengepala Tajuk</span></th></tr>
<tr><td><span style="color: black;">Petak Jadual</span></td><td><span style="color: black;">Petak Jadual</span></td><td><span style="color: black;">Petak Jadual</span></td></tr>
<tr><td><span style="color: black;">Petak Jadual</span></td><td><b><span style="color: black;">Petak Istimewa</span></b></td><td><span style="color: black;">Petak Jadual</span></td></tr>
<tr><td><span style="color: black;">Petak Jadual</span></td><td><span style="color: black;">Petak Jadual</span></td><td><i><span style="color: black;">Petak Akhir</span></i></td></tr>
</tbody></table>
<br />
<div>
<br /></div>

4. Hasil Jadual Baru Seperti Berikut

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Petak Jadual	Petak Jadual	Petak Jadual
Petak Jadual	Petak Istimewa	Petak Jadual
Petak Jadual	Petak Jadual	Petak Akhir

5. Edit sekali lagi Bagi Mendapatakan Jadual yang Lebih Baik

Di sebabkan tulisan yang di pilih adalah hitam yang bersamaan dengan latar belakang, Cuba anda lakukan Edit Semula untuk dapatkan tulisan yang lebih jelasseperti contoh yang telah di edit di bawah:

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Petak Jadual	Petak Jadual	Petak Jadual
Petak Jadual	Petak Istimewa	Petak Jadual
Petak Jadual	Petak Jadual	Petak Akhir

Menbuat Jadual dengan HTML

Jadual 3 kalum dengan 4 baris termasuk Pengepala

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Petak Jadual	Petak Jadual	Petak Jadual
Petak Jadual	Petak Istimewa	Petak Jadual
Petak Jadual	Petak Jadual	Petak Akhir

Nota:

jadual di atas adalah di hasilkan melalui kod HTML di bawah. Anda boleh melakukan dengan memulakan kod di bawah dengan cara "copy dan paste" dalam entri anda semasa mode HTML. Ubah pengepala dan cell dalam mode karangan.

<tbody>

<tr>

<th>Pengepala Tajuk</th>

</tr>

<tr>

<td>Petak Jadual</td>

<td>Petak Jaduall</td>

<td>Petak Jadual</td>

</tr>

<tr>

<td>Petak Jadual</td>

<td><b>Petak Istimewa</b></td>

<td>Petak Jadual</td>

</tr>

<tr>

<td>Petak Jadual</td>

</tr>

</tbody></table>

Selamat Berjaya

Bagaimana Hendak Membuat Jadual Dalam Blogger

Bahagian tutorial Blogger ( Blogspot tutorial ) Blog UMRAHsertaZIARAH ini menerangkan bagaimana meletakkan jadual (table) ke post Blogger.
Anda akan mempelajari bagaimana untuk mencipta jadual dalam Blogger dari jadual yang mudah kepada jadual lebih kompleks dengan seli-warna.

Kami akan bermula dengan sebuah jadual asas dan secara beransur-ansur menambah gaya CSS ke jadual untuk memperbaiki rupa dan fungsi sehingga kita dapat membina jadual di gambarkan secara langsung di bawah. Tutorial Blogger ini sesuai untuk pemula blog.Tiada pengetahuan tentang CSS dan HTML di perlukan.

A Blogger Table Caption
Tajuk Jadual	Tajuk Jadual	tajuk Jadual
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

Jadual adalah cara yang berguna untuk memaparkan maklumat terutamanya maklumat direkodkan. Jadual baik apabila anda mahu untuk menyelaraskan maklumat supaya ia adalah mudah untuk dibaca dan difahami. Anda boleh menambah teks, hyperlink dan juga imej-imej kepada jadual yang menjadikan ianya sangat berguna untuk menyampaikan maklumat.

Tiada cara mudah untuk menambah jadual dalam Blogger. Malah jika anda menggunakan editor baru yang anda akan ambil perhatian bahawa tidak ada butang jadual disediakan. Mujurlah ia adalah cukup mudah untuk menggunakan sedikit gaya CSS untuk merapikan jadual dan masukkan ini secara manual ke dalam post Blogger.

Bagaimana untuk Tambah Jadual kepada Posts Blogger

Pertama, anda akan belajar bagaimana untuk menambah jadual yang mudah untuk Blogger. Kami akan bermula dengan sebuah jadual dengan 3 kalum dan 4 baris termasuk baris pengepala . Kemudian saya akan menunjukkan kepada anda langkah demi langkah bagaimana untuk menambah ciri-ciri yang berbeza untuk jadual termasuk bagaimana untuk menambah baris tambahan, warna latar belakang kepala, sempadan, kapsyen, menukar saiz jadual , pusat menyelaraskan jadual dan banyak lagi.

Jadual Jadual Header Header Jadual Tandukan

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Petak Jadual	Petak Jadual	Petak Jadual
Petak Jadual	Petak Jadual	Petak Jadual
Petak Jadual	Petak Jadual	Petak Jadual

Dalam Blogger terbuka sama ada jawatan baru atau pos yang sedia ada yang anda ingin menambah jadual untuk
Klik pada tab Edit HTML pada editor Blogger anda
Salin kod berikut ke dalam post Blogger anda yang akan menghasilkan jadual asas seperti yang ditunjukkan di atas:

<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3"><tr>
<th>Pengepala Tajuk</th>
<th>Pengepala Tajuk</th>
<th>Pengepala Tajuk</th>
</tr>
<tr>
<td>Petak Jadual</td>
<td>Petak Jaduall</td>
<td>Petak Jadual</td>
</tr>
<tr>
<td>Petak Jadual</td>
<td>Petak Jadual</td>
<td>Petak Jadual</td>
</tr>
<tr">

<td>Petak Jadual</td>
<td>Petak Jadual</td>
<td>Petak Jadual</td>
</tr>
</table>

4. Membuat perubahan kepada jadual untuk disesuaikan dengan template Blogger anda sendiri jika perlu dengan perubahan berikut:Klik di sini

<TABLE border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3">

4.1 lebar Sempadan ( biru)

4.2 Sempadan warna ( hitam)

4.3 Warna latar belakang (merah)

4.4 Jadual lebar (oren) Boleh peratusan atau lebar contohnya sebenar 500px

5. Sekarang kita akan menetapkan satu masalah yang menjengkelkan dalam Blogger yang menjadikan ruang putih yang terlalu banyak di atas jadual. Kami melakukan ini dengan menambah gaya berikut ditandakan dengan warna merah secara terus di atas tag meja dan menambah penutup </ div> di akhir kod table

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak

7. Dalam langkah ini kita akan ke pusat kandungan jadual Blogger kami. Ini boleh dilakukan dalam beberapa cara tetapi kita akan mengambil jalan pintas di sini dengan memberi gaya kepada setiap baris jadual.

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak

9. Ia juga mudah untuk menambah kapsyen ke meja Blogger anda. Untuk keterangan di atas meja hanya menambah baris tajuk seperti yang ditunjukkan dengan warna merah. Untuk keterangan di bawah meja menambah baris kapsyen merah dan gaya seperti yang ditunjukkan dengan warna biru

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak

<tr style="background-color: #0033ff; color: white; padding-bottom: 4px; padding-top: 5px; text-align: center;"><th>Pengepala Tajuk</th><th>Pengepala Tajuk</th><th>Pengepala Tajuk</th></tr>

<tr style="text-align: center;"><td>Isi Petak </td><td>Isi Petak</td><td>Isi Petak</td></tr>

<tr style="text-align: center;"><td><span style="background-color: lime; color: black;">Isi Petak</span></td><td><span style="background-color: lime;">Isi Petak</span></td><td><span style="background-color: lime;">Isi Petak</span></td></tr>

<tr style="text-align: center;"><td>Isi Petak</td><td>Isi Petak</td><td>Isi Petak</td></tr>

<tr style="text-align: center;"><td><span style="background-color: yellow;">Isi Petak</span></td><td><span style="background-color: yellow;">Isi Petak</span></td><td><span style="background-color: yellow;">Isi Petak</span></td></tr>

</tbody></table>

</div>

<br />

10. Satu harta yang lebih penting perlu ditangani dalam jadual Blogger baru untuk meningkatkan rupa. Kita boleh mengurangkan sempadan dua kali ke dalam satu tunggal. Cara yang paling mudah untuk melakukan ini adalah untuk mengubah cellspacing kepada sifar sebagai ditandakan dengan warna merah. Atau, sebagai alternatif kita boleh memohon harta keruntuhan sempadan ke meja kami seperti yang ditunjukkan dengan warna biru. Nota: keruntuhan Sempadan mungkin tidak disokong oleh semua pelayar terutamanya jika sifat cellspacing yang ditakrifkan juga)

Jadual Caption Blogger

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak

<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Jadual Caption Blogger</div>
<div style="text-align: left;">
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<table border="2" bordercolor="#0033FF" cellpadding="3" cellspacing="3" style="background-color: #99ffff; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.90625px;"><tbody>
<tr style="background-color: #0033ff; color: white; padding-bottom: 4px; padding-top: 5px; text-align: center;"><th><div style="margin: 0px;">
Pengepala Tajuk</div>
</th><th><div style="margin: 0px;">
Pengepala Tajuk</div>
</th><th><div style="margin: 0px;">
Pengepala Tajuk</div>
</th></tr>
<tr style="text-align: center;"><td><div style="margin: 0px;">
Isi Petak </div>
</td><td><div style="margin: 0px;">
Isi Petak</div>
</td><td><div style="margin: 0px;">
Isi Petak</div>
</td></tr>
<tr style="text-align: center;"><td><div style="margin: 0px;">
<span style="background-color: lime; color: black;">Isi Petak</span></div>
</td><td><div style="margin: 0px;">
<span style="background-color: lime;">Isi Petak</span></div>
</td><td><div style="margin: 0px;">
<span style="background-color: lime;">Isi Petak</span></div>
</td></tr>
<tr style="text-align: center;"><td><div style="margin: 0px;">
Isi Petak</div>
</td><td><div style="margin: 0px;">
Isi Petak</div>
</td><td><div style="margin: 0px;">
Isi Petak</div>
</td></tr>
<tr style="text-align: center;"><td><div style="margin: 0px;">
<span style="background-color: yellow;">Isi Petak</span></div>
</td><td><div style="margin: 0px;">
<span style="background-color: yellow;">Isi Petak</span></div>
</td><td><div style="margin: 0px;">
<span style="background-color: yellow;">Isi Petak</span></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="text-align: left;">

11. Satu harta yang lebih penting perlu ditangani dalam jadual Blogger baru untuk meningkatkan rupa. Kita boleh mengurangkan sempadan dua kali ke dalam satu tunggal. Cara yang paling mudah untuk melakukan ini adalah untuk mengubah cellspacing kepada sifar sebagai ditandakan dengan warna merah. Atau, sebagai alternatif kita boleh memohon harta keruntuhan sempadan ke meja kami seperti yang ditunjukkan dengan warna biru. Nota: keruntuhan Sempadan mungkin tidak disokong oleh semua pelayar terutamanya jika sifat cellspacing yang ditakrifkan juga)

Pengepala Tajuk	Pengepala Tajuk	Pengepala Tajuk
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak
Isi Petak	Isi Petak	Isi Petak

13. Simpan perubahan anda ke meja Blogger dengan menyimpan dan menerbitkan catatan anda

Sila berasa bebas untuk menggunakan jadual Blogger ini sebagai template bila-bila masa yang anda perlukan untuk menambah meja ke jawatan Blogspot anda. Jika anda mahu untuk sentiasa menambah jadual untuk jawatan Blogger anda yang sentiasa kelihatan sama anda boleh pertimbangkan untuk menambah jadual CSS untuk gaya template Blogger anda.

Dalam Blogger tutorial ( Blogspot tutorial) saya telah menunjukkan bagaimana untuk membina sebuah jadual kompleks dalam HTML dan CSS untuk memasukkan ke dalam post Blogger. Anda telah belajar bagaimana untuk memanipulasi pelbagai ciri-ciri dan sifat-sifat jadual untuk mewujudkan satu jadual untuk Blogger yang sepadan dengan skim warna blog anda dan berfungsi dan menarik.

Artikel yang Berkaitan

Senarai Blog Tahu Bagaimana Tutorial untuk Blogger Blogs

Bagaimana Tukar Point Gaya peluru dalam Blogger ( Blogspot)

Bagaimana Buang Border Image Blogger Template Simple

Bagaimana untuk Tukar atau Padam Sempadan Imej dalam Blogger Posts

Bagaimana untuk Tambah Styling CSS untuk Blockquotes di Blogger

Bagaimana untuk Tambah , Padam atau Keluarkan Blogger Imej Sempadan

Bagaimana untuk menyelaraskan dan Jelaskan Posts dalam Blogger

Bagaimana untuk Tambah Divider Antara Blogger Posts

Bagaimana untuk Tambah atau Ubah Imej Latar belakang dalam Template Blogger

How to Add a Table to Blogger Blogspot Post

This Blogger tutorial (Blogspot tutorial) explains how to put a table into a Blogger post. You will learn how to create tables in Blogger ranging from a simple table to a more complex table with alternating colors.

We will start with a basic table and gradually add CSS styling to the table to improve the look and functionality until we have built the table pictured directly below. No knowledge of CSS and HTML is assumed so this Blogger tutorial is suitable for absolute blogging beginners.

A Blogger Table Caption

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

Tables are a useful way to display information particularly tabulated information. Tables are good whenever you want to align information so that it is easy to read and understand. You can add text, hyperlinks and even images to a table which makes them very useful for presenting information.

There is no easy way to add tables in Blogger yet. Even if you are using the new editor you will note that no table button is provided. Fortunately it is easy enough to use a bit of CSS styling to spruce up a table and enter this manually into a Blogger post.

How to Add a Table to Blogger Posts

First you will learn how to add a simple table to Blogger. We are going to start with a table with 3 columns and 4 rows including a header row. Then I will show you step by step how to add different features to the table including how to add extra rows, a background color to the header, a border, a caption, change the size of the table, center align the table and more.

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Ce

1. In Blogger open either a new post or an existing post that you wish to add a table to
2. Click on the Edit HTML tab on your Blogger editor
3. Copy the following code into your Blogger post which will produce the basic table as shown above:
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3">
<tr>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>
4. Make changes to the table to suit your own Blogger template if necessary by changing the following:

<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3">

4.1 Border width (blue)

4.2 Border color (black)

4.3 Background color (red)

4.4 Table width (orange) Can be a percentage or actual width eg 500px 5. Now we are going to fix an annoying problem in Blogger which renders too much white space above the table. We do this by adding the following styling denoted in red directly above the table tag and adding a closing </div> at the end of the table code

6. Let's add some further styling to our table header to improve the look of our table as denoted in red. Change the background color and color attributes to suit your own color scheme if you wish

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

7. Now let's add another row to our table for Blogger so you can see how this is done

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

8. In this step we are going to center the contents of our Blogger table. This can be done in several ways but we are going to take a short cut here by assigning a style to every table row

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

9. Now we are going to jazz up our Blogger table by adding alternating colored rows to improve readibility and appearance. By far the easiest way to do this is to assign a class.

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

<style type="text/css">.nobrtable br { display: none } tr {text-align: center;} tr.alt td {background-color: #eeeecc; color: black;}</style>

<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3">
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;">
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr class="alt">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr class="alt">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>

10. It is also easy to add a caption to your Blogger table. For a caption above the table simply add the caption line as shown in red. For a caption below the table add the caption line in red and a style as shown in blue

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

A Blogger Table Caption

11. One more important property needs to be addressed in our new Blogger table to improve the look. We can reduce the double border into a single one. The easiest way to do this is to change the cellspacing to zero as denoted in red. Or, alternatively we can apply the border collapse property to our table as shown in blue. Note: Border collapse may not be supported by all browsers particularly if the cellspacing attribute is defined also)

A Blogger Table Caption
Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

12. Now go ahead and add your data to your new Blogger table. Filling in each instance of "Table Header" and "Table Cell" with your own data. The information you add to the Blogger table can be text, hyperlinks or even an image

13. Save your changes to the Blogger table by saving and publishing your post

Please feel free to use this Blogger table as a template whenever you need to add a table to your Blogspot post. If you want to regularly add a table to your Blogger posts that consistently looks the same you could consider adding the table CSS styling to your Blogger template.

In this Blogger tutorial (Blogspot tutorial) I have demonstrated how to build a complex table in HTML and CSS to insert into a Blogger post. You have learned how to manipulate a variety of table properties and attributes to create a table for Blogger that matches the color scheme of your blog and is functional and appealing.

Related ArticlesList of Blog Know How Tutorials for Blogger Blogs
How to Change the Bullet Point Style in Blogger (Blogspot)
How to Remove Image Border in Blogger Template Simple
How to Change or Delete Image Borders in Blogger Posts
How to Add CSS Styling to Blockquotes in Blogger
How to Add, Delete or Remove Blogger Image Borders
How to Align and Justify Posts in Blogger
How to Add a Divider Between Blogger PostsHow to Add or Change a Background Image in a Blogger Template

123

HARI	TEMPAT & AKTIVITI	CATITAN
HARI 01	KUALA LUMPUR - JEDDAH (PENERBANGAN AIRASIA) Semua Jemaah diminta berada di LCCT (Balai Berlepas) 4 jam sebelum berlepas. Urusan daftar masuk & lain-lain urusan akan dibuat oleh Ketua Rombongan. Setibanya di Jeddah, jemaah akan di bawa oleh ketua kumpulan kami dan dibawa menaiki bas ke Mekkah. Tiba di Mecca, check-in di hotel. 1. Jika tiba di Jeddah waktu pagi, dan sesudah check-in masih waktu belum tengahari, sebelah petangnya di bawa ke MIQAT untuk berniat UMRAH dan seterusnya mengerjakan UMRAH. 2. Jika tiba di sebelah petang. Keesokan harinya adalah UMRAH Pertama. Walau bagaimanapun, bagi yg mengetahui, boleh mengerjakan umrah bersendirian.	UMRAH PERTAMA
HARI 02	MEKAH Di Makkah Al-Mukarramah jemaah di bawa dengan menaiki bas untuk berniat IHRAM UMRAH. Dalam perjalanan singgah sebentar untuk solat sunat ihram & berniat ihram Umrah. Sekembali ke Makkah, jemaah akah dibawa oleh ketua ke Baitullah untuk menyempurnakan ibadah umrah iaitu Tawaf, Sa'ie & Bercukur/Bergunting. Jemaah boleh melakukan UMRAH kedua dan KETIGA pada hari yang sama dengan mewujudkan kumpulan kecil atau perseorangan untuk senang bergerak dengan pantas. Aktiviti Bebas untuk Jemaah, Jemaah boleh berehat di hotel, berjalan-jalan sekitar hotel atau pergi solat di Masjid Nabawi.	UMRAH KE-2 dan seterusnya
HARI 03	MAKKAH Jeimaah di galakkan mengerjakan UMRAH seberapa kerap yg termampu setiap hari. Bagi yang tenaga masih kuat boleh mengerjakan sehingga 3 kali sehari. Bagi yg lain memadai sekali sehari dan menghabislan masa dengan membaca Quran di Masjid atau ber'DOA' . Aktiviti Bebas untuk Jemaah lain – Boleh berehat di hotel, bersiar-siar di kedai-kedai sekitar hotel, dan lain-lain. ps, bermiqat di Tanaim untuk buat Umrah.	UMRAH SETERUSNYA
HARI 04 - 07	MAKKAH Aktiviti Bebas untuk Jemaah – Boleh berehat di hotel, bersiar-siar di kedai-kedai sekitar hotel, dan lain-lain. Yang KUAT boleh ke Tanaim untuk buat Umrah.	UMRAH
HARI 08	MAKKAH Aktiviti Bebas untuk Jemaah – Boleh ke Masjidil-Haram untuk Solat-Solat Waktu, Boleh buat umrah jika rajin & Boleh jalan-jalan untuk melihat Rumah Kelahiran Rasulullah di Ajiad.	UMRAH
HARI 09	MAKKAH ( ZIARAH LUAR 1 ) Selepas sarapan pagi, Jemaah akan dibawa dengan bas menziarahi Jabal Rahmah, Jabal Thur, Jabal Noor, Padang Arafah, Muzdalifah & Mina Jamaarat, kemudian singgah di Ja'aranah untuk Solat sunat Ihram & berniat Ihram. (Para Jemaah semua dinasihatkan untuk memakai pakaian ihram semasa mula keluar dari hotel). Selepas itu balik ke Masjidil-Haram untuk menyempurnakan umrah.	ZIARAH DI MEKAH / UMRAH
HARI 10	MAKKAH (ZIARAH LUAR 2 ) Jemaah akan dibawa melawat Muzium Kaabah (tertakluk kepada keizinan pihak berkuasa), Ladang Ternakan Unta & bermiqat di Hudaibiyah. (Para Jemaah yg. ingin mengerjakan umrah, dinasihatkan untuk memakai pakaian ihram semasa mula-mula keluar dari hotel)	ZIARAH DI MEKAH / UMRAH
HARI 11	MADINAH ( ZIARAH DALAM ) bERTOLAK KE MADINAH Selepas sarapan pagi, Jemaah akan dibawa ke Masjid Nabawi untuk Solat di Raudah, Menziarahi Makam Nabi & Sahabat Baginda, dan Menziarahi Perkuburan Baqi'.	ZIARAH MADINAH
HARI 12	MADINAH ( ZIARAH LUAR ) Selepas sarapan pagi, Jemaah akan di bawa dengan bas untuk menziarahi Jabal Uhud, Masjid Quba', Masjid Qiblatain, Masjid Tujuh, Kilang mencetak Al-Quran & Pasar Kurma. Ziarah Luar akan di iringi oleh seorang Mutawwif sebagai Tour Guide	ZIARAH MADINAH
HARI 13	MADINAH – JEDDAH Selepas sarapan pagi Jemaah di minta Ziarah Wida' di Makam Nabi, selepas itu Jemaah akan di bawa ke Jeddah menaiki bas. Dalam perjalanan singgah sebentar di Masjid Bir-Ali untuk solat sunat.	KE JEDDAH
HARI 14	JEDDAH – KUALA LUMPUR Dijangka tiba di LCCT KUALA LUMPUR, INSYALLAH. PENGALAMAN UMRAH

SEO

SEO (Search Engine Optimization) atau mesin pencarian Optimalisasi adalah serangkaian proses yang dilakukan secara sistematik yang bertujuan untuk meningkatkan jumlah dan kualiti kunjungan dari mesin pencari menuju alamat tapak tertentu dengan memanfaatkan Mekanisma kerja alami algoritma mesin pencari tersebut. Objektif spesifik SEO adalah menempatkan suatu alamat laman web atau blog pada posisi Teratas (atau setidaknya pada halaman pertama) hasil carian berdasarkan subjek tertentu. Secara Logik, alamat tapak yang menempati posisi Teratas hasil carian memiliki peluang lebih besar untuk mendapatkan klik pengunjung. Sejajar dengan berkembangnya pemanfaatan web sebagai media perniagaan, keperluan atas perkhidmatan SEO juga semakin tinggi dan Q. Berada pada posisi Teratas hasil carian akan meningkatkan peluang sebuah syarikat B2C atau pemasaran online untuk mendapatkan pelanggan Baru. Peluang ini dimanfaatkan sejumlah pihak untuk menawarkan Servis optimisasi mesin pencari bagi syarikat-syarikat yang bergerak di bidang Perdagangan elektronik (e-commerce). Sejarah Search Engine Optimization (SEO)Menurut Danny Sullivan, Istilah "pengoptimuman enjin carian" pertama kali kandungannya pada 26 Ogos tahun 1997 oleh sebuah mesej spam yang diposting di Usenet. Pada tempoh tersebut algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi. English awal algoritma carian didasarkan sepenuhnya pada maklumat yang disediakan oleh webmaster melalui meta tag pada kod html laman web mereka. Meta tag MEMBEKALKAN maklumat tentang konten yang terkandung pada suatu halaman web dengan serangkaian kata kunci (kata kunci). Sebagian webmaster melakukan manipulasi dengan cara menuliskan katakunci yang tidak sesuai dengan konten tapak yang sesungguhnya manusia itu menyaksikan, sehingga mesin pencari solat dan menempatkan memeringkat tapak tersebut. Hal ini menyebabkan hasil carian menjadi tidak Awam yang Tepat dan menimbulkan Kerugian baik bagi mesin pencari maupun bagi rencana internet yang mengharapkan maklumat yang relevan dan Berkualiti. Larry Page dan Sergey Brin, dua mahasiswa doktor Sains Komputer Universiti Stanford, berusaha mengatasi permasalahan tersebut dengan membina Backrub, sebuah mesin pencari yang sepenuhnya mengandalkan algoritma matematis untuk memeringkat halaman web. Algoritma tersebut, yang dinamakan PageRank, merupakan nilai fungsi matematis yang kompleks dari gabungan antara perhitungan jumlah pautan yang mengarah pada suatu halaman web dengan analisis atas bobot masing-masing pautan tersebut, dengan Skála antara 1-10. Mengikut Prinsip kerja PageRank, secara umum boleh dikatakan bahawa halaman web yang memperoleh peringkat tinggi adalah halaman web yang banyak di pautan oleh halaman web lain. Penilaian PageRank juga akan semakin tinggi apabila halaman web yang mengarah kepadanya juga memiliki peringkat yang tinggi. Jadi nilai sebuah pautan dari laman seperti Yahoo! bernilai lebih besar daripada Gabungan nilai pautan dari seratus laman web yang tidak di kenali. Backrub hanyalah sebuah embrio. Pada tahun 1998 Page dan Brin hendak membina Google yang merupakan versi "dewasa" dari Backrub. Dalam waktu Singkat Google memperoleh reputasi dan kepercayaan dari Awam rencana internet karena berhasil menyajikan hasil carian yang relatif bersih (tidak dimanipulasi), cepat, dan relevan. PageRank Lantas menjadi sistem standard baik bagi mesin pencari lain maupun bagi webmaster yang berusaha agar laman webnya memperoleh nilai PageRank setinggi mungkin sehingga menempati posisi Tertinggi pada hasil carian.

Semoga Bermanfaat

Aturcara Perjalanan Yang Biasa

HARI 01 : KUALA LUMPUR - JEDDAH/MADINAH

Jemaah diminta berkumpul di KLIA 3 jam sebelum masa berlepas. Pasport, tiket dan boarding pass akan diserah kepada jemaah untuk bertolak ke Madinah. Setibanya di Jeddah/Madinah, jemaah akan disambut oleh mutawwif dan pegawai umrah Madinah/Makkah untuk dibawa menaiki bas ke hotel yang ditetapkan.

HARI 02 : MADINAH (ZIARAH DALAM)

Selepas sarapan, jam 7.00 pagi jemaah diminta berkumpul di lobi hotel untuk menziarahi Makam Rasulullah dan para sahabat, Raudhah dan perkuburan Baqi’. Selesai ziarah, jemaah bebas untuk beribadat di Masjid Nabawi. Kelebihan bersolat di Masjid Nabawi ; sabda Rasulullah s.a.w :
“Pahala sembahyang di Masjidku ini adalah seribu kali lebih baik daripada sembahyang di lain-lain masjid kecuali di Masjidil Haram”

HARI 03 : MADINAH (ZIARAH LUAR)

Jam 3.30 pagi jemaah dinasihatkan bangun untuk sembahyang subuh di Masjid Nabawi. Jam 7.00 pagi jemaah diminta berkumpul dilobi hotel untuk menziarahi tempat-tempat bersejarah di Madinah seperti Masjid Quba, Masjid Tujuh, Masjid Qiblatain, Jabal Uhud dan bazaar kurma. Selepas itu jemaah bebas beribadat.
ZIARAH PILIHAN DI MADINAH
A. Penemuan baru - Bayaran tambahan SR20, Masjid Tikar, Gua Uhud dan Lapangan Magnet.

HARI 04 : MADINAH - MAKKAH

Jam 3.30 pagi jemaah dinasihatkan bangun untuk sembahyang subuh di Masjid Nabawi. Kemudian jemaah diminta membuat ziarah wida’ di makam Rasulullah s.a.w sebelum berangkat ke Makkah (menaiki bas), jemaah dinasihatkan mandi sunat ihram dan berpakaian ihram terlebih dahulu (tanpa niat ihram). Jemaah akan singgah di Bir Ali untuk bermiqat (berniat ihram umrah) yang dibantu oleh mutawwif. Setibanya di Makkah jemaah akan mendaftar di tempat penginapan. Kemudian jemaah akan dibawa oleh mutawwif untuk menyempurnakan ibadat umrah iaitu tawaf Baitullah, sa’i dan tahlul. Selesai umrah, jemaah bebas untuk beribadah di dalam Masjidil Haram.

HARI 05 : MAKKAH

Jam 4.00 pagi jemaah dinasihatkan bangun untuk sembahyang subuh di Masjidil Haram. Selepas sarapan jam 7.00 pagi jemaah diminta berkumpul di lobi hotel untuk melawat sekitar Masjidil Haram seperti Bukit Abi Kubis, tapak rumah Abu Bakar, tapak rumah Saidina Omar, tapak rumah Siti Khatijah ( Isteri Nabi ), Tapak rumah Abu Lahab, Rumah kelahiran Nabi Muhammad, Masjid Jin ( tempat Nabi Muhammad berdakwah pada golongan Jin), Masjid Syajarah (pokok yang datang bertemu Nabi ), Perkuburan Ma’ala (tempat Siti Khatijah dikebumikan) dan Pasar zink untuk melihat kawasan membeli belah. Seterusnya, jemaah bebas untuk beribadat.

Ceramah agama diadakan sama ada selepas Asar atau selepas Isya’ di dewan makan hotel.

HARI 06 : MAKKAH

Jam 4.00 pagi jemaah dinasihatkan bangun untuk sembahyang subuh di Masjidil Haram. Jam 7.00 pagi jemaah diminta berkumpul di lobi hotel untuk menziarahi tempat-tempat bersejarah di Makkah seperti Jabal Thur, Arafah, Jabal Rahmah, Jabal Nur, Muzdalifah dan Mina (tempat melontar seperti Jamratul Aqabah, Ula dan Wusta). Jemaah akan dibawa ke Ja’ranah untuk bermiqat dan seterusnya kembali ke Makkah untuk mengerjakan ibadah umrah. Seterusnya, jemaah bebas untuk beribadat.

HARI 07 : MAKKAH

Jam 4.00 pagi jemaah dinasihatkan bangun untuk sembahyang subuh di Masjidil Haram. Jam 7.00 pagi jemaah diminta berkumpul di lobi hotel, jemaah akan dibawa ke Tanaim (Masjid Saidatina Aishah) untuk bermiqat (niat mengerjakan umrah) dan seterusnya kembali ke Masjidil Haram untuk menyempurnakan ibadat umrah dan seterusnya jemaah bebas untuk beribadat di Masjidil Haram dan ziarah di kawasan sekitar yang berhampiran.

HARI 08 - 10 : MAKKAH

Jemaah bebas mengisi masa lapang dengan perbanyakkan ibadah di Masjidil Haram. Sabda Rasulullah s.a.w bermaksud :

“pada ka’abah itu ada 120 rahmat kepada pengunjungnya pada setiap hari, iaitu 60 untuk tawaf, 40 untuk solat sunat dan 20 untuk melihat ka’abah”

ZIARAH PILIHAN JEMAAH

A. Jemaah akan dibawa ke Hudaibiyah untuk melawat ladang unta dan tempat bersejarah di sekitar Hudaibiyah (Syumaisi) termasuk perigi Saidina Othman dan seterusnya bermiqat (berniat ihram umrah) kemudian kembali ke Masjidil Haram untuk menyempurnakan rukun umrah. Sekiranya mendapat keizinan daripada pihak berkuasa kerajaan Arab Saudi jemaah akan dibawa melawat ke muzium 2 Masjid (Masjid Nabawi & Masjidil Haram) dan Kiswah (kilang kelambu ka’abah) sebelum balik ke Masjidil Haram. Insya’Allah….

(lawatan ini tidak termasuk di dalam harga pakej, sekiranya ingin pergi jemaah boleh berunding dengan ketua rombongan sebelum hari yang keenam dengan perbelanjaan tambahan SR30 seorang)

B. Sekiranya ada permintaan jemaah akan dibawa mendaki Jabal Nur melihat Gua Hera’ tempat Nabi menerima wahyu yang pertama pada waktu malam selepas Isha’. (perbelanjaan tambahan SR15 seorang. Jemaah mesti mempunyai kesihatan yang baik untuk mendaki)

HARI 11 - 12 : MAKKAH - JEDDAH - KUALA LUMPUR

Jemaah dinasihatkan menyempurnakan tawaf wida sebelum meninggalkan Makkah. Jemaah kemudiannya akan dibawa kelapangan terbang Jeddah untuk penerbangan ke KLIA. Jemaah dijangka tiba mengikut jadual yang ditetapkan. SELAMAT PULANG DENGAN UMRAH MAQBULLAH.

NOTA PENTING

1) Bagi jemaah umrah wanita sebelum berniat menunaikan umrah sila kemukakan masalah mereka kepada guru agama / pembimbing untuk kelancaran umrah.

2) Sebelum meninggalkan Makkah sila periksa dahulu sama ada mereka wajib membayar dam atau tidak di atas kesilapan ketika menunaikan umrah.

3) Dinasihatkan jemaah membawa sepersalinan pakaian di dalam hand luggage.

WAKTU MAKAN

1. Sarapan pagi selepas subuh.
2. Makan tengahari selepas Zohor
3. Makan petang selepas Asar (di Makkah sahaja)
4. Makan malam selepas Isya’
5. Minum panas/sejuk/roti 24 jam (di Makkah sahaja)

Perhatian

Malaysian Ringgit Calculator

Carian

Ahad, September 22, 2013

Edit Jadual Dalam Blogger

Menbuat Jadual dengan HTML

Bagaimana Hendak Membuat Jadual Dalam Blogger

How to Add a Table to Blogger Blogspot Post

Catatan Popular

Visitor Umrah Persendirian

chkme

Admin

Catatan Popular

Senarai Blog Saya

Tips Menjadi Seorang Top Affiliate

Label

Jumlah Paparan Halaman

123

PENGALAMAN UMRAH

Pelawat UP

IP Add anda

Label

Label

Label

Label

Tukaran RM=IDR

BLOGGER BLOG TIPS CATEGORIES

Perhatian

Malaysian Ringgit Calculator

Carian

Ahad, September 22, 2013

Edit Jadual Dalam Blogger

Menbuat Jadual dengan HTML

Bagaimana Hendak Membuat Jadual Dalam Blogger

How to Add a Table to Blogger Blogspot Post

Catatan Popular

UMRAH PERSENDIRIAN

Visitor Umrah Persendirian

Admin

Catatan Popular

UMRAH PERSENDIRIAN

Senarai Blog Saya

Tips Menjadi Seorang Top Affiliate

Label

Langgan Blog ini

Jumlah Paparan Halaman

123

PENGALAMAN UMRAH

Pelawat UP

IP Add anda

Label

Label

Label

Label

Tukaran RM=IDR

BLOGGER BLOG TIPS CATEGORIES