Catatan Blog.

  • | Home |
  • | Bok |
  • | Tabel |
  • | Warna |
  • | Yusni Tria Yunda |
    Boks W/H Auto》
    | Beserta Daftar Warna Boks, dan Formatnya.
    .
    1|
    |
    2|
    |

    3|
    |

    4|
    |

    5|
    |

    6|
    |

    7|
    |

    8|
    |

    9|
    |

    10|
    |

    11|
    |

    12|
    |

    13|
    |

    14|
    |

    15|
    |

    16|
    |
    .
    |
Tampilkan postingan dengan label tabel. Tampilkan semua postingan
Tampilkan postingan dengan label tabel. Tampilkan semua postingan

Minggu, 22 Desember 2019

Tabél GD W1650

Selasa, 17 Desember 2019

Mengubah Warna Background, dan "Color" bagi Kotak/Bok.

Oléh: Yusni Tria Yunda.

  • Mengubah warna Latar Belakang (background) dari suatu Kotak yang telah tersusun, memerlukan dékonstruksi, guna memahami struktur dasarnya, sebelum melakukan pengubahannya.

Gambar di atas, serta gambar ke-dua, adalah hasil dari pengubahan warna background, dalam penggubahan kalimat HTML.


Adapun warna Latar Belakang, yang asalnya berwarna putih, diubah menjadi warna kebiruan sebagaimana ditampilkan dalam gambar tersebut di atas paragraf ini, adalah éfék langsung terhadap penggubahan HTML_nya, yangmana secara persisnya adalah sebagaimana yang ditunjukkan dalam gambar di bawah ini:



  • Berikut, serta hal - hal di atas tadi, adalah beberapa aspék contoh mengenai bagaimana kondisi sebelum tampilan postingan ini seperti ini, melalui beberapa tahap pengubahan, secara coba - coba pada awalnya, sambil mempelajari struktur yang membentuknya, dalam format HTML. 
  • Terutama mengenai beberapa pengubahan dalam hal ukuran - ukuran, khususnya 'ukuran' warna.
  • Selain Ukuran Pembentuk Luas ("Height") dan Lébar ("Width"), inputasi variabel - variabel pengayanya, seperti: background, dan "color", menjadi ciri khas utama dari satu kotak yang hendak dipostingkan isinya.
  • Pengayaan Luas Persegi Panjang dengan menggunakan beberapa atribusi variabel yang mengunikkannya, membuat penulis dapat memahami bahwa bidang 2 (dua) diménsi tersebut sebenarnya telah ditingkatkan kubikasinya menjadi berisi/bervolumeu, sehingga diménsinya menjadi lebih dari 2 diménsi.
  • Perubahan dari konsépsi datar menjadi 'berisi' tersebut, membuat kita [Para Yuser] produk - produk informatika, lebih  cenderung sering menyebut Persegi Panjang ini sebagai Bok/Kotak, meskipun Ukuran Selain Panjang Dikali Lébarnya adalah berbagai variabel - variabel dalam Formulasi HTML.
  • Dari hasil percobaan di WordPress saat penulis memasteukan hasil kopian HTML dari Draft Blogger, ternyata WordPress dan Blogger mempunyai keseragaman pembacaan dalam hal melakukan hasil dari penuangan Kalimat HTML di dalamnya.



  • Berikut, adalah gambar, yang menunjukkan hasil Tampilan Visual di dalam Postingan WordPress yang penulis lakukan, setelah mengkopi_pasteukan konsép kalimat - kalimat HTML yang penulis buat di dalam Draft Blogger:

  • Foto - foto Screenshotan guna  penjelasan tadi, yang akan disajikan oléh penulis, ada 10 foto, sedangkan penulis bermaksud menyajikannya secara horizontal [menyamping]:
  • Tabél/Tabel dibuat, setelah foto - foto diapload ke dalam Draft/Conceipt, guna mendapatkan URL pendaftarannya di Google, melalui Aplikasi Wéblog Blogger, ataupun WordPress.
    • #Tabel , dibuat terlebih dahulu oléh penulis, guna menjadi lahan penyimpanan Fail - Fail Foto yang penulis maksud.
  • Selanjutnya, URL - URL Foto - Foto yang telah diaploadkan dalam postingan terpisah [ataupun telah didaftarkan di dalam draf], dapat dikopi_pasteukan ke dalam Kolom - Kolom Tabél tersebut.

  • Guna keperluan tersebut, penulis mencoba secara memberi lahan Lébar ["width"] yang lebih memadai bagi Fail - Fail Foto - Foto apabila diaploadkan secara horizontal, tanpa menyusutkan ukuran meréka secara bukan proporsional. 

    Aréa kotak yang mempunyai Warna Latar Belakang Kuning, sebagaimana yang penulis kopi_pasteukan dari bagian atas [Pembuka] postingan ini, dimaksudkan bahwa "space" bagi "width" dalam aréa bok ini akan dapat lebih mudah diaturkan [digubah], daripada aréa bok yang Berlatar Belakang Abu - Abu, sebagaimana gambar berikut:
    •  .Dalam gambar di atas: bisa dilihat garis - garis "border" boks ini yang saling - silang.
    • Garis - garis putus - putus tersebut ["dashed"], adalah garis pembatas luar dari tiap - tiap bok bahan penyusun boks ini.
  • Adapun guna membuat Tabel dalam postingan ini, penulis memilih mudah: ya, itu, secara mengkopi Formulasi HTML_nya yang telah penulis rangkum bagi beberapa Kolom Tabél, dalam kemasan "textarea" yangmana isi dari téksaréa akan selalu mudah guna dikopi_pasteu.

  •     Tabel 3 Kolom                 
    |
    Satu |
    |

    Dua |
    |
    Tiga |
  • Tabelisasi di atas tadi, kemudian penulis kopi_pasteukan ke aréa ini, lalu menghapus tabelisasinya [yang 3 itu], dan menggantinya dengan Formulasi HTML guna 10 Kolom, setelah dalam HTML draft post ini diubah "Width"_nya [yang asalnya "210px", kemudian guna keperluan 3 Kolom tadi diubah menjadi "1000px", kini akan penulis ubah lagi menjadi "4000px", secara asumsi bahwa 1 fail gambar normal jika mempunyai lébar standar "320px", maka buat keperluan 10 gambar, akan memerlukan 10 x "320px", pleus spasi - spasi antar Fail Gambar - Gambarnya].

  •     Tabel 10 Kolom
    |
    Satu |
    |
    Dua |
    |
    Tiga |
    |
    Empat |
    |
    Lima |
    |
    Enam |
    |
    Tujuh |
    |
    Delapan |
    |
    Sembilan |
    |
    Sepuluh |
                                                     

2019》yusni tria yunda》.


yundayustria@gmail.com

Minggu, 15 Desember 2019

Menentukan Ukuran Tabel Dalam Google Document

By: Yusni Tria Yunda.
Cara-1》
1. Sorot Seluruh Aréa Tabel yang Telah Dibuat di dalam Fail Google Document.





2. Cara Menyorot》
Letakkan Kursor/Pointer di Dalam Aréa Tabel, Lalu Sentuh Aréa Tabel Bagian Dalam, Yang Terluas Aréa Tabelnya [Jika Ada Lebih Dari 1 (Satu) Tabel, Yang Digabungkan].






3. Klik Tanda Bulat Berwarna Gelap di Bagian Kiri Atas,
Ataupun Tarik Ke Bawah Satu Tanda Garis Berwarna Abu - Abu di Atas Tabel Tersebut.





4. Saat Dikunci/Disorot, Kemudian Gésérkan ke Sebelah Kanan.

Batas Ujung Kanan Suatu Tabel Dalam Google Document Dapat Diketaui Setelah Saat Digésér Ke Kanan Ditemukan Tanda Pleus [+] di Dalam Lingkaran Abu - Abu.



5. Dalam Kondisi Masih Lagi Disorot, Sentuh Tanda Batas Spasi di Bagian Kanan Atas Tabel, Lalu Gésér ke Sebelah Kiri, Hingga Pada Ukuran Yang Dikehendaki.

.yundayustria@gmail.com》2019.







Menentukan Ukuran Tabel Dalam Google Document

Menentukan Ukuran Tabel Dalam Google Document

Oléh: Yusni Tria Yunda.

1. Menentukan Ukuran Tabel》Sorot Tabel Secara Menyentuh/Kliking Tabel Pertama (jika ada lebih dari 1 tabel/Tabel di Dalam Tabel), [Aréa Tabel Yang Lebih Luas]》Lalu Muncul Tanda Tersorot [Biru Muda]》



2. Sorot Ke Bagian Terkanan Dari Tabel》Secara Menyentuh Garis Panduan Teratas di Atas Tabel [Garis Berwarna Abu - Abu], Lalu Setelah Tersorot, Gésér Ke Kanan》


Sabtu, 14 Desember 2019

Tabel 4 Kolom di Dalam 1 Kolom

...
|.*220H/365W





EXTRA-SMALL
* 4 Kolom
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*

* 
|.*Color: #3f4a9c
... |
yundayustria@gmail.com 》2019. .
*
|.*Color: #3f4a9c
... |

Ibun》 Marquee Table 4 Colomns

Tabel 4 Kolom
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*

* 
|.*Color: #3f4a9c
... |
. .

Senin, 09 Desember 2019

Rangkuman Tabel dan Boks

table 《
| Kol.1 |
| Kol.1|.*Tabel
Batas Atas》
|.*
1.》
Tabel 2 Kolom
| Satu || Dua |
.téksaréa 》
 .


2.》
Tabel 3 Kolom
| Satu || Dua || Tiga |
.téksaréa 》
. .


3.》
Tabel 4 Kolom
| Satu || Dua || Tiga || Empat |
.téksaréa 》
 .


4.》
Tabel 5 Kolom
| Satu || Dua || Tiga || Empat || Lima |
.téksaréa 》
. 


5.》
Tabel 6 Kolom
| Satu || Dua || Tiga || Empat || Lima || Enam |
.téksaréa 》
. 

6.》
Tabel 7 Kolom
| Satu || Dua || Tiga || Empat || Lima || Enam || Tujuh |
.téksaréa 》
. 

7.》
Tabel 8 Kolom
| Satu || Dua || Tiga || Empat || Lima || Enam || Tujuh || Delapan |
.téksaréa 》
 .
8.》
Tabel 9 Kolom
| Satu || Dua || Tiga || Empat || Lima || Enam || Tujuh || Delapan || Sembilan |
.téksaréa 》
.


9.》
Tabel 10 Kolom
| Satu || Dua || Tiga || Empat || Lima || Enam || Tujuh || Delapan || Sembilan || Sepuluh |
.téksarea》
. .


. | Batas Bawah 《
》
| Kol.2|.*Bok
Batas Atas》
|.*
1.》
Tabel 2 Kolom
|

Small 310H/230W #3f4a9c Warna Bok

...
|.* Small 310H/230W







SMALL
*
*
|.*Color: #3f4a9c
... |
| Dua |
.téksaréa URL Source》
 .


2.》
Tabel 2 Kolom
| Satu || Dua |
.téksaréa 》
 .


3.》
Tabel 2 Kolom
|

Small 310H/230W #2b55ad Bok Warna

...
|.* Small 310H/230W







SMALL
*
*
|.*Color: #2b55ad
... |
| Dua |
.téksaréa 》
 .


4.》
Tabel 2 Kolom
|

Small 310H/230W #1b4a9c Bok Warna

...
|.* Small 310H/230W







SMALL
*
*
|.*Color: #1b6a8c
... |
| Dua |
.téksaréa 》
 .


5.》
Tabel 2 Kolom
|

Medium 480H/410W #3578e5 Bok Warna

...
|.* Medium 480H/410W







SMALL
*
*
|.*Color: #3578e5
... |
| Dua |
.téksaréa 》
 .


6.》
Tabel 2 Kolom
|

Medium 480H/410W #2b55ad Bok Warna

...
|.* Medium 480H/410W







SMALL
*
*
|.*Color: #2b55ad
... |
| Dua |
.téksaréa 》
 .


7.》
Tabel 2 Kolom
|

Medium 480H/410W #1b4a9c Bok Warna

...
|.* Medium 480H/410W







SMALL
*
*
|.*Color: #1b4a9c
... |
| Dua |
.téksaréa 》
 .


8.》
Tabel 2 Kolom
|

Extra Small 220H/230W #3f4a9c Single Box Warna

...
|.* Extra-Small 220H/210W







EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
| Dua |
.téksaréa 》
 .


9.》
Tabel 2 Kolom
|

Extra Small 210H/230W #3f4a9c Double Slide Side Box Warna

Tabel 2 Kolom
|
...
|.* Extra-Small 220H/210W






EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
.. |
| Dua |
.téksaréa 》
 .


10.》
Tabel 2 Kolom
|

Extra Small 220H/230W #3f4a9c Triple Box Warna

Tabel 3 Kolom
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
. . |
| Dua |
.téksaréa URL Source》
 .


11.》
Tabel 2 Kolom
|

Extra Small 220H/230W #3f4a9c Quartet Box Warna

Tabel 4 Kolom
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
.. |
| Dua |
.téksaréa URL Source》
 .

12.》
Tabel 2 Kolom
|

Background Warna Bok Quartet Extra Small 280H/370W #3f4a9c

...
|.* Extra-Small 280H/370W
EXTRA-SMALL
*
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
|
...
|.* Extra-Small 220H/210W





EXTRA-SMALL
*
* 
|.*Color: #3f4a9c
... |
* 
|.*Color: #3f4a9c
.... . |
| Dua |
.téksaréa URL source 》
 .





. | Batas Bawah 《
》|
《
Édit Pos Ini》》.