Blogger'da Tablo Nasıl Oluşturulur? | Mmsrn.com

« Y Harfi İle Başlayan Ünlüler

Herkese selamlar. Bu yazımızda sizlere blogger blogspot alt tabanlı sitelere tablo eklemeyi nasıl yaparız onun kodlarını paylaşacağız.

Google’nin ücretsiz servisi blogger, wordpress gibi bir sürü eklentiye sahip değildir. WordPress’de bir eklenti sayesinde kolaylıkla tablo yapabiliyorken bloggerda bu pek mümkün olmuyor. Fakat bazı kodlarla eklenti yüklüymüş gibi yapabiliyoruz. İşte blogger sitelerde tabloları da bir kod sayesinde ekleyebiliyoruz. Aşağıda paylaşacağımız kodu yazı içerisinde tabloyu nereye koymak isterseniz oraya yapıştırın ardından içeriğini düzenleyerek tablonuzu oluşturabilirsiniz. Şimdi blogger tabanlı sitelerde tablo nasıl oluşturulur hem onu anlatalım hem de kodunu paylaşalım.

Blogger Tablo Oluşturma

1-) Blogger’da tablo oluşturmak için öncelikle aşağıdaki kodu tabloyu nereye eklemek istiyorsanız oraya yapıştırıyorsunuz.

Blogger Tablo Kodları:

<div dir="ltr" style="text-align: left;" trbidi="on">
<table border="2" bordercolor="#f70000" cellpadding="2" cellspacing="2" style="background-color: #56cccc; width: 100%px;">
<tbody>
<tr>
<th><span style="color: red;">Başlık 1</span></th>
<th><span style="color: red;">Başlık 2</span></th>
<th><span style="color: red;">Başlık 3</span></th>
</tr>
<tr>
<td>Satır 1</td>
<td>Satır 2</td>
<td>Satır 3</td>
</tr>
<tr>
<td>Satır 4</td>
<td>Satır 5</td>
<td>Satır 6</td>
</tr>
<tr>
<td>Satır 7</td>
<td>Satır 8</td>
<td>Satır 9</td>
</tr>
</tbody></table>
</div>

<tbody>

<tr>

<th><span style="color: red;">Başlık 1</span></th>

<th><span style="color: red;">Başlık 2</span></th>

<th><span style="color: red;">Başlık 3</span></th>

</tr>

<tr>

<td>Satır 1</td>

<td>Satır 2</td>

<td>Satır 3</td>

</tr>

<tr>

<td>Satır 4</td>

<td>Satır 5</td>

<td>Satır 6</td>

</tr>

<tr>

<td>Satır 7</td>

<td>Satır 8</td>

<td>Satır 9</td>

</tr>

</tbody></table>

</div>

NOT= Kodlardaki bordercolor=”” kısmında tablonun çerçeve rengini değiştirebilirsiniz. Ayrıca background-color: kısmında ise tablonun arkaplan rengini değiştirebilirsiniz.

2-) Bu kodları istediğiniz yere ekleyip düzenleme yaparak tablo oluşturabiliyorsunuz. Örneğin biz şehir, plaka ve bölge başlığında bir tablo oluşturmak istedik. Bunun örnek kodlarına aşağıdan ulaşabilirsiniz.

<div dir="ltr" style="text-align: left;" trbidi="on">
<table border="2" bordercolor="#f70000" cellpadding="2" cellspacing="2" style="background-color: #56cccc; width: 100%px;">
<tbody>
<tr>
<th><span style="color: red;">Şehir</span></th>
<th><span style="color: red;">Plaka</span></th>
<th><span style="color: red;">Bölge</span></th>
</tr>
<tr>
<td>İstanbul</td>
<td>34</td>
<td>Marmara</td>
</tr>
<tr>
<td>Ankara</td>
<td>06</td>
<td>İç Anadolu</td>
</tr>
<tr>
<td>İzmir</td>
<td>35</td>
<td>Ege</td>
</tr>
</tbody></table>
</div>

<tbody>

<tr>

<th><span style="color: red;">Şehir</span></th>

<th><span style="color: red;">Plaka</span></th>

<th><span style="color: red;">Bölge</span></th>

</tr>

<tr>

<td>İstanbul</td>

<td>Marmara</td>

</tr>

<tr>

<td>Ankara</td>

<td>İç Anadolu</td>

</tr>

<tr>

<td>İzmir</td>

</tr>

</tbody></table>

</div>

3-) Kodları yazı içerisine eklemek isterseniz üst taraftan “HTML” kısmına basın. Ardından tablo kodlarını oraya yapıştırın ve istediğiniz gibi düzenleyin.

4-) Örneğin bizim oluşturduğumuz tablonun blogger’da görüntüsü aşağıdaki gibi olmaktadır.

5-) Bu şekilde sizler de yazıları değiştirip istediğiniz gibi düzenleme yapabilirsiniz. Ayrıca ekstra satır veya sütun eklemek isterseniz de <td> </td> kodları kısmını çoğaltabilirsiniz. Yani alt alta 5 tane <td> kod bloğu eklerseniz 5 satırlık bir tablo olmuş olur.

Bu dersimizde blogger’da tablo ekleme nasıl yapılır onu anlattık. Umarız yararlı olur. İyi çalışmalar dileriz…

Bu Yazıya Tepkin Ne Oldu ?