Tempat Belajar Ngeblog dan Wordpress

Jumat, 27 Oktober 2017

Cara Cepat Membuat Tabel di Dalam Blogspot

Cara Cepat Membuat tabel di Dalam Blogspot - Banyak sekali dari teman-teman blogger yang bertanya kepada Vanny tentang bagaiman sih cara nya untuk membuat tabel kota-kotak di dalam blogspot ? Jujur saja Vanny sendiri juga baru mengetahui tentang cara membuat tabel di dalam blogspot dari beberapa percobaan yang telah Vanny lakukan, di sela-sela beberapa jam sebelum Vanny membuat artikel ini dan akhir nya bisa.

Cara untuk membuat tabel di dalam blogspot ataupun website sebenar nya bisa di katakan susah susah gampang, mengapa demikian ? sebab untuk bisa membuat tabel yang bagus dan rapi, di perlukan beberapa pengertian kode script yang nanti nya akan kita gunakan untuk di jadikan tabel di dalam blogspot ataupun website pribadi kita.

Namun, bagi anda yang tidak mengerti tentang kode script untuk bisa membuat tabel yang bagus, anda tidak perlu merasa sedih, karena ternyata masih ada lagi cara lain yang bisa kita gunakan untuk membuat tabel ke dalam blogspot dan tentu nya Vanny sendiri sudah mencoba nya sendiri dengan membuat tabel seperti yang terlihat di bawah ini.

No Judul Artikel Visitor
1 Cara membuat tabel 7,894
2 Cara memasang banner 4,684
3 Cara membuat banner floating 6,562
4 Cara menganti tema 5,456
5 Cara membuat blogspot 1,515
Untuk bisa membuat tabel kotak-kotak seperti yang terlihat pada tabel di atas ini, pertama-tama sahabat blogger di harus kan, untuk membuka terlebih dahulu aplikasi Excel yang berada di dalam komputer anda sendiri. kemudian gunakan aplikasi Excel tersebut, sebagai alat untuk membuat tabel nya yang akan kita pakai nanti nya ke dalam blogspot ataupun wordpress. Contoh nya ikuti beberapa langkah di bawah ini ; 
1. Hitung lah terlebih dahulu, kira-kira berapa baris yang akan anda gunakan untuk membuat tabel tersebut. kemudian setelah anda blok baris-baris kotak tersebut silahkan pilih tabel nya seperti yang terlihat pada gambar di bawah ini.


2. kemudian masukan data data yang ingin anda perlihat kan kepada para penggunjung blogspot ataupun wordpress yang anda miliki. Contoh nya dapat anda lihat seperti di bawah ini.


3. Setelah selesai anda memasukan data-data nya kemudian di lanjut kan dengan membuat garis tebal berwarna hitam di setiap garis dalam tabel tersebut. Tujuan dari menghitam kan nya garis tabel tersebut adalah untuk membuat pemisah antara huruf ataupun angka dengan yang lain, sehingga mudah bagi para penggunjung untuk mengetahui perbedaan antara yang satu dengan yang lain.


4. Kemudian ambil semua data yang telah anda buat di dalam aplikasi Excel tersebut, lalu copy dan masukan ke dalam blogspot ataupu wordpress yang ingin kan.

5. Yang terakhir anda tinggal merapikan susunan tulisan yang ada di dalam tabel tersebut. Dengan cara membuat nya ke tengah atau membiar kan nya begitu saja. 😄

Oh yah bagi anda yang ingin mengunakan script untuk membuat tabel tersebut, bisa mengunakan kode script yang ada di bawah ini dan di masukan ke dalam html postingan yang akan anda gunakan nanti nya, jangan lupa untuk menganti tulisan sesuai nya sesuai dengan yang anda mau.

<center>
<br /><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 304px;">
 <colgroup><col style="mso-width-alt: 1499; mso-width-source: userset; width: 31pt;" width="41"></col>
 <col style="mso-width-alt: 7277; mso-width-source: userset; width: 149pt;" width="199"></col>
 <col style="mso-width-alt: 2340; mso-width-source: userset; width: 48pt;" width="64"></col>
 </colgroup><tbody>
<tr height="20" style="height: 15.0pt;">
  <td class="xl65" height="20" style="background: rgb(68, 114, 196); border: 0.5pt solid windowtext; color: white; font-family: Calibri; font-size: 11pt; font-weight: 700; height: 15pt; text-align: center; width: 31pt;" width="41">No</td>
  <td class="xl66" style="background: rgb(68, 114, 196); border: 0.5pt solid windowtext; color: white; font-family: Calibri; font-size: 11pt; font-weight: 700; text-align: center; width: 149pt;" width="199">Judul Artikel</td>
  <td class="xl67" style="background: rgb(68, 114, 196); border: 0.5pt solid windowtext; color: white; font-family: Calibri; font-size: 11pt; font-weight: 700; text-align: center; width: 48pt;" width="64">Visitor</td>
 </tr>
<tr height="20" style="height: 15.0pt;">
  <td class="xl68" height="20" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; height: 15pt; text-align: center;">1</td>
  <td class="xl69" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">Cara membuat tabel</td>
  <td class="xl70" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">7,894</td>
 </tr>
<tr height="20" style="height: 15.0pt;">
  <td class="xl68" height="20" style="border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; height: 15pt; text-align: center;">2</td>
  <td class="xl69" style="border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">Cara
  memasang banner</td>
  <td class="xl70" style="border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">4,684</td>
 </tr>
<tr height="20" style="height: 15.0pt;">
  <td class="xl68" height="20" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; height: 15pt; text-align: center;">3</td>
  <td class="xl69" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">Cara membuat banner floating</td>
  <td class="xl70" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">6,562</td>
 </tr>
<tr height="20" style="height: 15.0pt;">
  <td class="xl68" height="20" style="border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; height: 15pt; text-align: center;">4</td>
  <td class="xl69" style="border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">Cara
  menganti tema</td>
  <td class="xl70" style="border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">5,456</td>
 </tr>
<tr height="20" style="height: 15.0pt;">
  <td class="xl71" height="20" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; height: 15pt; text-align: center;">5</td>
  <td class="xl72" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">Cara membuat blogspot</td>
  <td class="xl73" style="background: rgb(217, 225, 242); border: 0.5pt solid windowtext; font-family: Calibri; font-size: 11pt; text-align: center;">1,515</td>
 </tr>
</tbody></table>
</center>


Demikian lah pembahasan kita tentang "Cara Cepat Membuat Tabel di Dalam Blogspot". Jika ada pertanyaan yang ingin anda tanyakan kepada Vanny silahkan beri komentar anda di dalam kolom komentar yang telah tersedia, dan jika ada kata kata yang salah dari tulisan yang telah Vanny buat ini mohon di maafkan yang sebesar besar nya. Terimakasih dan salam sehat selalu untuk kita semua.

Tidak ada komentar:

Posting Komentar