Hasil Latihan Halaman Web 2a

Latihan Halaman Web 2-a

Google Indonesia = www.google.co.id
Yahoo Indonesia = www.yahoo.co.id
Facebook = www.facebook.com

Twitter= www.twitter.com

Membuat Marquee

change text between marquee tags
Alternate marquee behavior Up marquee direction Down marquee direction <<< opposite Direction Marquees>>>

Isi halaman web ada disini.
Nama : Cerlivia Leona Dewi Astunamas
Kelas : XII AP 1

Ini Tulisan Judul Paling Besar

Judul ini lebih kecil dari di atas

Ini lebih kecil lagi

Tambah kecil saja

Apa cukup kecil?

Belum, ini yang paling kecil

Belajar Bullet dan Numbering

• Ini bullet berbentuk bulat

• Sedangkan ini berbentuk kotak

3. Ini nomor 3
4. Ini nomor 4
7. Ini nomor 7
8. Ini nomor 8

• Yang ini menggunakan bullet circle
• Tapi yang ini square
• Yang ini tetap circle

Nama : Cerlivia Leona Dewi Astunamas

Nama : Cerlivia Leona Dewi Astunamas

Kelas : XII AP1

No Absen :09

Cara Share File Secara Public di Google Drive.

Hadirnya sebuah media penyimpanan On-line saat ini memang sangat membantu kita dalam hal penyimpanan file, dimana kita dapat upload file apa saja ke dalam drive on line pada media penyimpanan yang telah disiapkan. Sehingga anda tidak perlu repot-repot membawa media penyimpanan yang bersifat fisik, seperti Hard disk, flash disk maupun CD atau DVD. Simplenya metode dalam penyimpanan file di dalam media penyimpanan On Line membuat kita dimanjakan olehnya. Bagaimana tidak, file yang sudah tersimpan dalam media penyimpanan OnLine tersebut dapat tersimpan dengan aman, dengan catatan anda harus benar-benar menjaga akun yang telah anda buat pada cloud storage itu, jangan sampai password yang telah anda buat tersebut diketahui oleh orang yang tidak bertanggung jawab terhadap file yang anda upload tadi, dan tentunya hal ini mempunyai kelebihan dimana kita dapat mengakses kapanpun kita mau selama terkoneksi dengan jaringan internet.

Istilah penyimpanan file secara OnLine ini biasa dikenal dengan sebutan Cloud Storage, Kita mengenal cloud storage adalah merupakan media penyimpanan secara Online, jadi ini tidak ada kaitanya dengan arti sebenarnya yaitu cuaca. Tidak perlu susah untuk mendapatkan free storage atau ruang penyimpanan gratis yang disediakan oleh media penyimpanan OnLine ini, Anda hanya perlu mendaftar menggunakan Email untuk mendapatkanya. Masing-masing layanan menyediakan free storage yang berbeda pada file yang tersimpan di remote database nya, ada yang menyediakan 2 GB dan ada juga yang menyediakan sampai 50 GB, itu tergantung pada kebijakan masing-masing penyedia layanan.

Share file Google Drive

Sebut saja salah satu cloud storage yang bersifat gratis dan dapat dihandalkan kualitas penyimpananya, yaitu Google Drive, walaupun terbatas pada ruang penyimpanan yang disediakan sekitar 15 GB, namun anda dapat menambahkan ruang tersebut dengan cara membeli, terdapat opsi yang dapat anda pilih untuk meningkatkan ruang penyimpanan pada google drive. Anda dapat memilih dengan menyewa ruang penyimpanan tersebut $1,99/Bulan untuk 100 GB, maupun dengan $9,99/Bulan untuk 1 TB. 

Sebenarnya secara default file yang anda upload di Google Drive tersebut bersifat private, namun anda juga dapat melakukan share dengan beberapa opsi, yaitu :

1. Share Public On The Web. Artinya file yang anda upload di dalam database google drive tersebut dapat ditemukan dan  diakses oleh siapapun yang terkoneksi dengan internet tanpa memerlukan proses sign in.
2. Share Anyone With The Link, Artinya siapa saja yang memiliki link yang anda share tersebut dapat mengkases file yang anda upload tanpa harus melakukan sign in.
3. Off - Specific People. Untuk kategori ini file yang anda share harus pada seseorang yang sudah anda tentukan untuk dapat mengakses file, dimana proses sign in diperlukan untuk dapat melihat dan download file.

Sedangkan untuk otoritas akses pada file yang anda share terdapat beberapa tingkatan, yaitu :

1. Can Edit, Pada otoritas ini, setiap orang yang membuka file yang anda share akan diberikan hak untuk melakukan perubahan pada isi file.
2. Can Comment, Pada otoritas ini, setiap orang yang membuka file yang anda share akan diberikan hak untuk memberikan komentar pada file yang anda share.
3. Can View, Pada otoritas ini, setiap orang yang membuka file yang anda share akan diberikan hak untuk melihat saja, tanpa melakuan perubahan terhadap isi file maupun memberikan komentar didalamnya.

Langkah Share File Secara Public di Google Drive.

1. 1. Silahkan buka halaman google drive berbasis web disini.
   2. Log In kedalamnya dengan mengetikan Email dan password yang telah anda buat sebelumnya, Jika anda sebelumnya sudah memiliki akun Gmail, anda juga dapat langsung menggunaknya untuk proses Log In.
   3. Jika anda sudah berhasil Log In, maka anda akan sampai pada halaman Dashboard Google Drive.
   4. Silahkan klik menu My Drive yang berada disebelah kiri layar.

      

      Share file Google Drive

   5. Pada bilah layar sebelahnya, anda akan melihat file yang sudah pernah anda Upload sebelumnya.
   6. Silahkan klik kanan pada file yang akan dishare. kemudian pilih share

      

      Share file Google Drive

   7. Pada kotak dialog yang muncul, silahkan klik Advanced.

      

      Share file Google Drive

   8. Selanjutnya anda akan dibawa pada kotak dialog berikutnya, pada Who has access silahkan anda klik link change.

      

      Share file Google Drive

   9. Kotak dialog berikutnya akan menampilkan link sharing, silahkan anda pilih On- Public On the web. Pada Access klik can view. kemudian anda dapat mengakhiri dengan klik tombolsave.

      

      Share file Google Drive

   10. Dengan begitu anda akan mendapatkan link to share. link inilah yang dapat anda letakan pada website atau blog untuk dishare dengan orang lain.

       

       Share file Google Drive

   11. Jika sudah selesai klik Done, maka file anda akan ditandai dengan ikon dua orang sebagai tanda telah dishare.

       

       Share file Google Drive

Jumat, 14 Agustus 2015

FORUM

Forum diskusi benar-benar sebuah bentuk gerakan lambat dari chatting. forum ini dirancang untuk membangun komunitas online orang-orang dengan minat yang sama. juga dikenal sebagai "kelompok diskusi", "papan" atau "newsgroup", sebuah forum adalah layanan asynchronous di mana anda dapat perdagangan non pesan instan dengan anggota lain. reply anggota lain pada jadwal mereka sendiri, dan tidak perlu hadir sementara anda kirimkan. setiap forum ini juga didedikasikan untuk komunitas tertentu atau subjek, seperti perjalanan, berkebun, motor, mobil-mobil vintage, memasak, isu sosial, seniman musik, dan banyak lagi. forum sangat populer, dan terkenal karena cukup adiktif karena mereka menempatkan Anda berhubungan dengan banyak orang yang berpikiran serupa.
Contoh forum di internet

– kaskus

– wikipedia

– diskusiweb

Nama : Cerlivia Leona Dewi Astunamas
Kelas : XII AP1
No Absen : 09
Pengertian Website Forum

Website Forum dapat diartikan sebagai kumpulan hal yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video, atau gabungan dari semuanya baik yang bersifat statis maupun dinamis yang membentuk rangkaian bangunan yang saling terkait dimana masing-masing di hubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap jarang berubah dan isi informasinya hanya searah.

Adapun beberapa contoh diantaranya :

1. Facebook

 

Facebook Adalah Sebuah Website Yang bertemakan social networking (Pencari Teman di Dunia Maya).

Facebook merupakan situs web jaringan sosial yang diluncurkan pada 4 Februari 2004 dan didirikan oleh Mark Zuckerberg.

Jejaring sosial ini digunakan sebagai komunikasi jarak jauh.

2. Twitter

 

Twitter berfokus pada layaan blogging mikro (microblogging) dan RSS untuk pesebaran informasi. Ia sering disebut-sebut sebagai “SMS-nya internet”

Twitter dibangun oleh Jack Dorsey, Noah Glass, Evan Williams, dan Biz Stone pada 15 Juli 2006.

3. LinkedIn

 
Situs jejaring sosial ini fokus pada relasi profesional. Situs ini dibangun oleh Reid Hoffman, dkk di tahun 2003. Sebagai situs yang bermain di bidang profesionalitas, kita bisa juga mencari relasi atau bahkan pekerjaan pada LinkedIn.

4. Myspace

 
MySpace adalah situs jaringan sosial populer yang menawarkan jaringan antar teman, profil pribadi, blog, grup, foto, musik dan video untuk remaja dan dewasa di seluruh dunia.

5. Google+

 
Google+ bisa dibilang merupakan jejaring sosial paling anyar. Google+ banyak digemari orang karena fitur barunya Circle dan Hangout yang memudahkan orang mengatur komunikasi dan berinteraksi dengan video.

6. deviantART

 
Suatu situs jejaring sosial yang bergelut dalam bidang seni, terutama dalam seni gambar. DeviantArt meluncur pada 7 Agustus 2000  oleh Angelo Sotira,dkk.

7. Cafemom

 

Dikhususkan untuk ibu-ibu atau wanita yang sesaat lagi menjadi ibu. Memang situs ini dibatasi untuk pengguna minimal 16 tahun dan wanita.

Prinsip situs ini adalah bebas pria (ketahun akun cowok akan langsung dihapus). Situs ini menyedian tempat bagi para ibu untuk saling bertanya dan bertukar informasi.

CafeMom dibuat oleh  Andrew Shue dan Michael Sanchez pada tahun 2006.

8. Ning

 

Situs jejaring yang unik, Pengguna dapat membuat “jejaring sosial”-nya sendiri disini. Tampilan, rasa, dan bahkan set fitur setiap jejaring sosial (seperti foto atau likes) dapat diatur sendiri oleh pengguna. Bahkan persyaratan untuk mendaftar jejaring sosial yang dibuat juga bisa diatur.

Ning dibangun bersama oleh  Marc Andreessen dan Gina Bianchini.

9. Badoo

 

Situs jejaring sosial Badoo berfokus pada perkencanan. Situs ini dibangun oleh enterpreneur Andrey Andreev pada tahun 2006.

10. Pinterest

       

Pinterest adalah jejaring sosial yang bertindak seperti papan pengumuman online (online pin board).Di papan pengumuman ini, kita mengepin artikel dan foto menarik yang kita suka dari berbagai belahan web.

Papan pengumuman ini, disebut pinboard, bisa ditemakan dengan kategori tertentu agar mudah ditata dan diperhatikan oleh pengguna lain.

Nama : Cerlivia Leona Dewi Astunamas
Kelas : XII AP1
No Absen : 09

Pengertian Upload

Upload adalah juga proses transmisi sebuah file dari sebuah sistem komputer ke sistem komputer yang lainnya dengan arah yang berkebalikan dengan download. Dari internet, user yang melakukan proses upload adalah proses dimana user mengirimkan file ke komputer lain yang memintanya. User yang men-share gambar,foto dengan yang user yang lainnya di bulletin board sytem (BBS), mengupload file ke BBS. File Transfer Protocol (FTP) adalah contoh Internet protokol untuk downloading and uploading files.

Arti istilah Upload dianggap berkaitan erat dengan pengertian berikut :

Mengirim file dari komputer Anda ke komputer lain. Kegiatan pengiriman data (berupa file) dari komputer lokal ke komputer lainnya yang terhubung dalam sebuah network.

Secara umum upload dapat diartikan proses transmisi data dari komputer client/pemakai ke internet.

Pengertian Download

Download adalah proses transmisi sebuah file dari sebuah sistem computer ke sistem komputer yang lainnya. Dari internet, user yang melakukan proses download adalah proses dimana seorang user meminta / request sebuah file dari sebuah komputer lain (web site, server atau yang lainnya) dan menerimanya. Dengan kata lain, download adalah transmisi data dari internet ke komputer client/pemakai.

Arti istilah Download dianggap berkaitan erat dengan pengertian berikut :

Menerima file dari komputer lain ke komputer Anda. Kegiatan penerimaan data (berupa file) dari komputer lainnya ke komputer lokal yang terhubung dalam sebuah network.

Secara umum dapat diartikan bahwa download adalah untuk menerima file dan upload adalah untuk mengirimkan file. 

Pengertian Google Drive 

Google Drive adalah layanan penyimpanan yang dimiliki oleh google. Google Drive ini sebenarnya sudah lama dilunjurkan yaitu sejak 24 April 2012 yang lalu. Pengguna google drive akan mendapatkan layanan penyimpanan gratis sebesar 5 GB. Google Drive merupakan perubahan dari Google Docs, jika sobat membuka google docs maka akan diredirect ke google drive.

Pengertian Google Docs

Google Docs adalah salah satu aplikasi yang dikembangkan Google untuk kebutuhan file server. Khususnya aplikasi office. Mulai dari pengolah kata (word processor), pengolah lembar kerja (spreadsheet) dan presentasi (presentation). Google Docs bukan hanya menyimpan saja, namun juga bisa digunakan untuk untuk mengolah (menyimpan, membuat, meng-edit) program-program aplikasi perkantoran (seperti Microsoft Office jika di Windows, atau Open Office) secara online. Semuanya dalam satu aplikasi. Tapi perlu memiliki aplikasi office.
Begitu dahsyatnya Google Docs, hingga beberapa kalangan menyebut Google Docs adalah pembunuh aplikasi office (Microsoft Office, Open Office, Neo Office dan sebagainya).

Google Maps adalah layanan gratis yang diberikan oleh Google dan sangat popular. Google Maps adalah suatu peta dunia yang dapat kita gunakan untuk melihat suatu daerah. Dengan kata lain, Google Maps merupakan suatu peta yang dapat dilihat dengan menggunakan suatu browser. Kita dapat menambahkan fitur Google Maps dalam web yang telah kita buat atau pada blog kita yang berbayar maupun gratis sekalipun dengan Google Maps API. Google Maps API adalah suatu library yang berbentuk JavaScript.

Cara membuat Google Maps untuk ditampilkan pada suatu web atau blog sangat mudah hanya dengan membutuhkan pengetahuan mengenai HTML serta JavaScript, serta koneksi Internet yang sangat stabil. Dengan menggunakan Google Maps API, kita dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal, sehingga kita dapat fokus hanya pada data-data yang akan ditampilkan. Dengan kata lain, kita hanya membuat suatu data sedangkan peta yang akan ditampilkan adalah milik Google sehingga kita tidak dipusingkan dengan mambuat peta suatu lokasi, bahkan dunia.

Dalam pembutan program Google Map API menggunakan urutan sebagai berikut:

1. Memasukkan Maps API JavaScript ke dalam HTML kita.
2. Membuat element div dengan nama map_canvas untuk menampilkan peta.
3. Membuat beberapa objek literal untuk menyimpan property-properti pada peta.
4. Menuliskan fungsi JavaScript untuk membuat objek peta.
5. Meng-inisiasi peta dalam tag body HTML dengan event onload.

Pada Google Maps API terdapat 4 jenis pilihan model peta yang disediakan oleh Google, diantaranya adalah:

1. ROADMAP, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi
2. SATELLITE, untuk menampilkan foto satelit
3. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan sungai
4. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula apa yang tampil pada ROADMAP (jalan dan nama kota)

Nama : Cerlivia Leona Dewi Astunamas

Kelas : XII AP1

NoAbsen : 09

A. Cara Membuat Email Gratis di Gmail (Google Mail)

Ini adalah layanan email gratis favorit saya. Selain bisa membuat email dengan gratis, kita juga bisa membuat akun Google plus dengan mudah bila sudah memiliki akun Gmail.

1. Langkah pertama, kunjungi situs Google mail

2. Klik tombol “Create an account” atau “Buat akun” yang ada di sebelah kanan atas halaman Google mail.

3. Isi kolom-kolom yang ada pada halaman pengisian dengan data Anda:

• Nama: isi dengan nama lengkap Anda, nama depan dan nama belakang
• Pilih nama pengguna Anda: isi dengan alamat email yang Anda inginkan
• Buat sandi: isi dengan sandi yang tidak mudah ditebak, tapi mudah Anda ingat
• Konfirmasi sandi Anda: ulangi memasukkan sandi Anda sebelumnya
• Tanggal lahir: isi dengan tanggal, bulan, dan tahun kelahiran Anda
• Gender: pilih yang sesuai dengan jenis kelamin Anda
• Ponsel: isi dengan nomor HP Anda untuk keamanan
• Buktikan bahwa Anda bukan robot: isi dengan kode (2 kata dengan spasi) yang ada di halaman tersebut
• Lokasi: isi sesuai dengan negara tempat Anda tinggal
• Centang kolom menyetujui persyaratan dan kebijakan dari Google
• Klik tombol “Langkah berikutnya”

4. Langkah selanjutnya adalah menyiapkan profil Anda dengan menambahkan foto profile Anda. Untuk menambahkan foto, silahkan klik tombol “Tambahkan Foto Profil”. Anda bisa memasukkan foto dari komputer. Setelah selesai mengatur foto profil, klik tombol “Langkah berikutnya”.

5. Voila, akun email di Google sudah selesai dibuat. Silahkan klik tombol “Lanjutkan ke Gmail” untuk masuk ke halaman email Anda.

Nama : Cerlivia Leona Dewi Astunamas

Nama : Cerlivia Leona Dewi Astunamas

Kelas : XII AP1

No Absen :09

Pengertian Template dan Perintah-Perintahnya

Template

Apa sebenarnya template blog / website itu? jadi merupakan halaman yang berisi desain-desain di blog atau website beserta seluruh komponennya (misalnya: gambar, sylesheet, javascript, dsb) baik berupa file statis maupun dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.  Template bisa juga anda artikan sebagai tema blog atau tampilanblog. Seperti yang anda lihat saat ini di blog belajar blog dan seo, bahwa terlihat tatanan gambar atau tampilan serta tulisan di layar monitor anda, itulah yang dinamakan template. ni contoh gambarnya: (di klik biar lebih jelas gambarnya).

Sedangkan Website merupakan situs atau halaman di Internet yang menyediakan informasi pada World Wide Web (www).

Template merupakan salah satu identitas Anda. Anda tidak bisa sembarang memilih template yang mengikuti selera Anda sendiri, apabila web yang Anda tunjukan untuk visitor dengan kalangan tertentu.

Berikut tips dalam memilih template untuk blog / website

• Tujuan atau arah website
• Pilih template yang menarik
• Template yang ringan
• SEOFriendly                                                                                                                                          

Nama : Cerlivia Leona Dewi Astunamas

Nama : Cerlivia Leona Dewi Astunamas

Kelas : XII AP1

No Absen : 09

Pengertian dan perintah dalam javascript

A. Pengertian javascript
JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client.

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client

Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. 
B. Perintah dalam javascript
Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag

<script type=”teks/javascript”>.
<script type=”teks/javascript”>
alert(“Halo Dunia!”);
</script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:

<script type=”teks/javascript” src=”alamat.js”>
</script>

Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).

<html>
<head>
<script type=”teks/javascript”>
…
</script>
</head>
</html>

Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.

<html>
<head>
</head>
<body>
<script type=”teks/javascript”>
…
</script>
</body>
</html>

Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.
External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write(“pesan ini tampil ketika halaman diload”);
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut “src” pada tag <script> pada halaman HTML-nya.

<html>
<head> </head>
<body> <script src=”xxx.js”>
</script>
<p>Script di atas berada di berkas “xx.js” (eksternal) </p>
</body>
</html>

Nama : Cerlivia Leona Dewi Astunamas
Kelas : XII AP1
No Absen : 09

CSS adalah kepanjangan dari Cassading Style Sheet. Kode CSS ini hampir terdapat di seluruh bagian template blog anda. Adapun fungsi dari CSS adalah untuk mempercantik sebuah halaman web, termasuk blog. CSS dapat bekerja secara maksimal jika tidak ada kesalahan dalam mengedit atau menambahkan kode CSS kedalam template blog Anda. Jika tedapat kesalahan, baik dalam menambahkan atau mengedit tampilan blog, maka dapat dipastikan blog anda akan menjadi berantakan. Sebenarnya, untuk menjadikan blog anda indah dan cantik, Anda tidak perlu mendalami pengetahuan kode CSS karena kode CSS ini akan bekerja maksimal dengan sistem kode yang disebut mark up language, seperti kode HTML, XHTML, dan XML. Namun, mempelajari dasar-dasar kode CSS dapat membantu Anda dalam mengedit template blog sehingga terlihat cantik dan menarik. Pengetahuan dasar tentang kode CSS akan membantu Anda nantinya, dalam mempelajari dan mempraktikkan bab-bab selanjutnya. Kode CSS tidak jauh berbeda dengan kode HTML. Perintah dasar dari kode CSS hampir sama dengan kode HTML yang diawali dengan kode pembuka dan kode penutup. Jika tidak, template tidak dapat di-parse atau disimpan pada halaman blog anda. ciri dari kode CSS adalah dapat ditambahkan atau digunakan langsung untuk mengedit dari template blog anda. Kode-kode CSS biasanya meliputi warna dan aksesori yang ada di halaman blog Anda. Misalnya, jika anda ingin menuliskan tulisan "blog pertamaku" dengan warna merah, maka kode yang membuat warna merah itulah yang disebut dengan CSS. Sebagai contoh, jika saya menuliskan kode warna merah dengan kalimat ""membuat blog pertamaku" pada posting, maka kodenya adalah sebagai berikut: membuat blog pertamaku pada kode diatas, terdapat yang dipertebal, yaitu color:rgb(255, 0, 0); font-weight: bold; kode inilah yang dinamakan dengan kode CSS. Adapun fungsi dari kode tersebut adalah untuk mempertebal dan memberikan warna merah pada kalimat "membuat blog pertamaku". kode warna merah dapat juga diwakilkan dengan cara menuliskan tanda# dan kode warna. Misal, jika warna yang akan digunakan adalah warna putih, maka kode CSS untuk warna putih adalah sebagai berikut, #FFFFFF. Untuk warna hitam, kodenya adalah #000000, dan seterusnya. Biasanya, di dalam template blog, kode CSS diawali dengan kode {dan kode penutup} yang biasa disebut container code CSS karena diantara kode tersebut terdapat kombinasi kode CSS. Contoh kode CSS yang ada di template blogger pada menu Main (tempat posting)) adalah sebagai berikut: 
#main { 
margin: 0 0 10px; 
width: 480px; 
float:right; 
padding:0 9px 12px 9px; 
border:1px 
dotted #900; 
color:#ffffff; } 

Keterangan: 

Border : garis yang ada di sekeliling sidebar atau main

Color   : warna

Dotted : garis titik-titik pada border

Float    : letak penempatan, baik di kanan atau di kiri

Margin : jarak batas dari main atau sidebar

Padding : jarak tepi isi sidebar atau main

Px        : ukuran pixel

Width  : lebar dari area sidebar atau main.

CSS

Lalu apa itu CSS?

Yaitu bahasa pemrograman yang digunakan untuk mengatur tampilan suatu halaman HTML. Dalam konteks sebuah website, CSS dapat diartikan sebagai bahasa yang digunakan untuk mengatur, mentata rapi, dan mempercantik tampilan / desain suatu halaman HTML.

Ciri-ciri script / perintah CSS 

• Bila digabungkan bersama dengan file HTML, diletakkan pada tag <head>, dan diletakkan didalam tag <style>.

Contoh: 

<head>

<style>

</style>

<head>

• Bila tidak tergabung pada file HTML, atau file berdiri sendiri, biasanya menggunakan perintah / kode <link rel="stylesheet" href="alamat_file_css">, untuk me-load atau memanggilnya ke halaman HTML.
• Penulisannya seperti ini, elemen_atau_selector{property: value;} , artinya elemen atau selector (ID / Class) yang akan kita berikan gaya/ css kita buat terlebih dahulu kemudian properti css diletakkan pada kurung kurawal "{ }", dan sebagai pemisah antar CSS  menggunakan semi kolon (Titik Koma)";". Contoh: #menu{background: blue; width: 100%;}
• Kode CSS juga dapat terletak dibagian elemen terkait / yang membutuhkan itu sendiri, contohnya : <div id="header-wrapper" style="height: 200px; background: red;>. Disini elemen header-wrapper menggunakan tinggi 200 pixel dan background berwarna merah, dan yang mendapatkan pengaruh dari CSS tersebut hanya elemen "header-wrapper".

Contoh kode CSS

• Background 
• CSS yang mengatur warna dari suatu elemen, contoh :#footer{background:brown;}
• Dapat juga digunakan untuk menjadikan gambar sebagai background suatu elemen.
• Agar lebih detail bisa menggunakan background-color untuk warna, dan background-image untuk gambar. Selengkapnya tentang Background pada artikel ini
• Color
• CSS yang mengatur warna huruf atau kata-kata yang ada pada halaman website atau suatu elemen, contoh: #article{color: #000;}
• Width
• CSS yang mengatur lebar suatu elemen, contoh: body{width: 1200px;};
• Height
• CSS yang mengatur tinggi suatu elemen, contoh: header{height: 200px;}
• Border
• CSS yang mengatur bingkai suatu elemen, contoh: .sidebar{border: 2px solid #000} 
• Dan lain sebagainya