Cara Edit Template Blogger Supaya Keren

Mengedit Template yang ada di Blogspot memang saya akui bukan pekerjaan yang mudah, dimana kita tidak diberi ruang yang bebas dalam melakukan pengeditan. Walaupun tidak seluasa saat kita Membuat Website, namun jangan khawatir dengan kreatifitas yang Anda miliki, kita bisa 'menembus' batasan tersebut.

Baik. tanpa perlu berlama-lama, sekarang langsung saja kita mulai pembahasan Cara Edit Template Blogger milik Anda supaya menjadi lebih keren.

Catatan : Disini saya akan mengedit Template Sederhana bawaan Blogger yang ada di urutan 1.

Alasan utama saya memilih Template ini adalah karena Ringan dan cukup Mudah jika kita ingin mengedit seluruh bagian Template, karena sudah tersedia comment dari pihak Blogger untuk memudahkan kita mengenali setiap bagian dari kode xml template tersebut.

Contoh comment :

•  /* Content ------------ */ ( menandakan kode kode css yang ada dibawahnya untuk mengatur tampilan isi )

• /* Header ------------*/ ( menandakan kode kode css yang ada dibawahnya untuk mengatur tampilan atas template, seperti misalnya judul blog )

Lalu kapan kita mulai mengedit Template Blogspotnya ? sebentar, dalam mengedit sebuah tampilan sebuah blog, kita tidak wajib untuk terjun langsung kedalam sourcenya. Yang pastinya itu akan berisi ribuan kode CSS, JS, dan HTML yang akan membuat Anda dan saya bingung 7 keliling.

Lalu apa solasinya, *eh solusinya ? mudah saja kita bisa menggunakan beberapa Tool yang sudah dibundling oleh Browser kita, misal di Chrome ada Developer Tool, dan di Mozilla juga ada tool bernama Web Developer, keduanya memiliki fungsi yang sama tentunya. (namun saya lebih memilih punyanya Chrome karena lebih simple tampilannya).

Langkah Mengedit Template Blogger Supaya Keren

Saya ingatkan sekali lagi, untuk alatnya saya menggunakan Chrome Developer Tool dan untuk bahannya saya menggunakan Template Sederhana Blogger.

1. Menghilangkan Navigasi Bar Template

   
   Langkah awal kita akan merombak tampilan depan, yang jadi masalah ada Navigasi Bar yang (menurut saya) sedikit membingungkan kita saat ingin melakukan pengeditan template. Untuk itu kita akan menghilangkannya.
   
   Caranya, klik kanan dimana saja, lalu pilih Inspect Element. Selanjutnya kita akan sedikit bermain-main dengan alat yang mempunyai ikon kaca pembesar atau sering disebut selector.
   
   
   
   
   Sekarang arahkan kursor Anda tepat dipojok kiri bawah Navigasi Bar tersebut (intinya hingga semua tertutupi dengan warna biru), contoh seperti gambar dibawah ini.
   
   
   
   
   Lalu lihat sebelah kanan bawah layar Anda, tulisan Matched CSS Rules, lalu tambahkan kode 'display: none;' tanpa tanda kutip. Cara menambahkannya klik pada simbol '}' lalu tinggal Anda ketikkan perintah 'display: none;' dan lenyap sudah Navigasi Bar tersebut.
   
   Catatan : Untuk menghilangkan Navigasi Bar tersebut sebenarnya ada dua cara, yaitu dengan visibility: hidden dan display: none. Bedanya, kalau hidden itu hanya menyembunyikan, sementara none itu benar-benar menghilangkan. Jika masih bingung silahkan Anda coba, dan lihat perbedaanya.
   
   

2. Mangganti Warna Background Template

   
   Cara kedua ini bisa dibilang yang paling penting ya, karena jika salah dalam memadukan warna, bisa jadi pengunjung akan kabur. Dan langkah untuk Mengganti Warna Template ini sama saja seperti waktu kita ingin menghilangkan Navigasi Bar tadi.
   
   Pertama tentu klik dulu kaca pembesarnya, lalu arahkan ke tempat yang ingin Anda ganti Backgroundnya, contoh saya ingin mengganti warna background hanya dibagian sisi kanan dan sisi kiri, maka akan saya arahkan ke sebelah kiri template. Lalu saya ingin mengubahnya menjadi warna abu-abu muda, ya tinggal saya tambahkan kode css 'backgorund-color: #f2f2f2'.
   
   Lihat gambar dibawah ini agar tidak bingung.
   
   
   
   
   

3. Menambahkan Border Pada Sisi Template Tertentu

   
   Yah, sekali lagi tak jauh beda dengan 2 Cara diatas, seperti biasa Anda arahkan dahulu pada bagian yang ingin Anda tebali dengan garis (border).
   
   Contoh saya ingin memberi border pada pembatas sisi kiri dan kanan, caranya tinnggal saya tambahkan 'border: 1px solid gainsboro;' ini merupakan selektor bertingkat ya, jadi border akan berwarna abu-abu (gainsboro mirip gray).], memiliki garis yang padat (tidak putus-putus) dan mmemiliki ketebalan 1px.
   
   Hasilnya seperti gambar dibawah ini.
   
   
   
   
   Lanjut semisal kita ingin menambahkan ruang diatas judul, semisal untuk penempatan iklan. Caranya cukup kita tambahkan 'div' dibawah class='content-cap-top cap-top' Lalu edit css divnya dengan value :
   
   

   border: 1px solid gainsboro;
   height: 40px;
   background-color: #FDF5F5;
   border-bottom: 0;
   padding-top: 20px;
   font-size: 20px;
   text-align: center;

   
   Alasan saya menuliskan 'border-bottom: 0' adalah untuk menghilangkan garis yang bertumpuk antara div yang kita buat dengan content-inner.
   
   Dan hasil akhir akan seperti gambar dibawah ini.
   
   
   

CENTRAL PROCESSING UNIT (CPU)

                     Central Processing unit atau lebih dikenal dengan CPU adalah otak dari computer yang merupakan tempat untuk memproses instruksi program. Digunakan Sejak 1970-an.

            CPU melakukan beberapa tugas antara lain :             

1.    Mengatur dan mengendalikan alat / output.

2.    Mengambil Instruksi yang dikodekan dari memori utama melakukan tindakan.

3.    Melakukan pengambilan data dari memori utama untuk diproses.

4. Mengirimkan instruksi kepada ALU untuk perhitungan aritmatika dan logika dan mengawasi sistem kerja ALU.

5.    Menyimpan semua proses ke memori utama

I.      Komponen Utama CPU :

     1.    Arithmetic And Logical Unit.

     2.    Control Unit.

     3.    Registers.

     4.    CPU Interconnections.

A.  Arithmetic And Logic Unit ( ALU )         

     Alu Bertugas mengolah data yang berhubungan dengan aritmatika. ALU sering disebut basa mesin karena mengerjakan instruksi bahasa mesin. ALU memiliki 2 Bagian yaitu Unit Arithmetic dan Unit Logika Boolean.

    Operasi logika yang dilakukan menggunakan operator logika, seperti:

·         Sama dengan (=)

·         Tidak sama dengan (< >)

·         Kurang dari (<)

·         Kurang dari atau sama dengan (<=)

·         Lebih besar dari (>)

·         Lebih besar dari atau sama dengan (>=)

            Fungsi-fungsi yang digunakan pada ALU adalah add (penjumlahan), sub (pengurangan), and, or, dll.

B.  Control Unit

CU adalah bagian CPU yang mengendalikan atau mengontrol ALU dan menghisilkan output yang mengatur aktifitas perangkat lainnya yang ada di CPU.

Tugas CU adalah :

·         Mengatur dan mengendalikan alat I/O

·         Mengambil instruksi-instruksi dari memori utama

·         Mengambil data dari main memory kalau diperlukan oleh proses

·         Mengirim instruksi ke ALU bila ada perhitungan aritmatika atau logika

·         Menyimpan hasil proses ke main memory 

                  Macam-macam CU antara lain :

1.      Single-cycle CU (proses dalam satu clock cycle)

2.      Multi-cycle CU (memiliki banyak fungsi)

C.     REGISTER (top level memory)

yaitu salah satu media penyimpanan internal cpu untuk pengolahan data yang bersifat sementara dan biasanya untuk menyimpan data saat di olah.

Register pada CPU membentuk dua peran:

A.    Register terlihat oleh pengguna

Di bagi menjadi beberapa kategori yaitu :

·         Register Bertujuan Umum

Register ini digunakan untuk berbagai macam fungsi, dan dapat juga digunakan untuk fungsi pengalamatan.

·         Register Data

Register ini hanya dapat digunakan untuk menampung data dan tidak dapat digunakan dalam kalkulasi alamat operand.

·         Register Alamat

Register ini digunakan untuk menampung pengalamatan data, seperti:

ü  Pointer Segmen untuk menampung alamat segmen

ü  Register Indeks untuk menampung alamat indeks

ü  Pointer Stack untuk menyimpan alamat stack yang memungkinkan pengalamatan tersembunyi, seperti push dan pop.

·         Register Kode Kondisi

Kode kondisi adalah set bit oleh CPU sebagai hasil operasi, atau disebut juga sebagai flag.

B.     Register Kontrol dan Status

Bertugas mengontrol  proses CPU sistem operasi dalam mengeksekusi program.

Register untuk eksekusi instruksi adalah:

1.      Program Counter (PC): berisi alamat instruksi yang diambil

2.      Instruction Register (IR): berisi instruksi yang paling akhir diambil

3.      Memory Address Register (MAR): berisi alamat lokasi dalam memori

4.      Memory Buffer Register (MBR): berisi data word yang dituliskan ke memori atau word yang terakhir dibaca.

II.     Fungsi CPU

CPU merupakan komponen terpenting dari system computer yang merupakan otak komputer. karena tanpa CPU komputer tidak dapat mengolah data. Fungsi CPU adalah menjalankan program dari RAM melalui bus yang menghubungkan CPU dengan RAM kemudian data dikodekan melalui unit proses dan berjalan ke ALU untuk disimpan sementara.CPU melakukan dua langkah untuk melakukan eksekusi yaitu :

           a.       operasi pembacaan instruksi (fetch) dan operasi

           b.      pelaksanaan instruksi (execute).

                A.    Siklus Fetch – Eksekusi

Ø  Setiap siklus instruksi, CPU awalnya akan membaca instruksi dari memori.

Ø  Register dalam CPU berfungsi mengawasi dan menghitung instruksi selanjutnya, disebut Program Counter (PC) yang akan menambah satu hitungannya setiap kali CPU membaca instruksi.

Ø  Instruksi yang dibaca akan dibuat dalam Instruction Register (IR) yang berbentuk kode-kode biner, kemudian dilakukan aksi yang diperlukan.

   Aksi-aksi ini dikelompokkan menjadi empat katagori:

      a.       Perpindahan data dari CPU ke memori dan sebaliknya.

      b.      Perpindahan data dari CPU ke modul I/O dan sebaliknya.

      c.       Pengolahan Data, CPU membentuk sejumlah operasi aritmatika dan logika terhadap data.

      d.      Kontrol, merupakan instruksi untuk pengontrolan fungsi atau kerja.

                 A.    Fungsi Interupsi

              Fungsi interupsi adalah mekanisme penghentian atau pengalihan pengolahan instruksi dalam       CPU kepada routine interupsi. Hampir semua modul (memori dan I/O) memiliki mekanisme yang dapat menginterupsi kerja CPU. Tujuan interupsi secara umum untuk manejemen pengeksekusian routine instruksi agar efektif dan efisien antar CPU dan modul-modul I/O maupun memori.

Macam-macam kelas sinyal interupsi:

a.       Program, yaitu interupsi yang dibangkitkan dengan beberapa kondisi yang terjadi pada hasil eksekusi program. Contohnya: arimatika overflow, pembagian nol, operasi ilegal.

b.      Timer, adalah interupsi yang dibangkitkan pewaktuan dalam prosesor.

c.       I/O, sinyal interupsi yang dibangkitkan oleh modul I/O sehubungan pemberitahuan kondisi error dan penyelesaian suatu operasi.

d.      Hardware failure, adalah interupsi yang dibangkitkan oleh kegagalan daya atau kesalahan paritas memori.

Mekanisme interupsi

Dengan adanya mekanisme interupsi, prosesor dapat digunakan untuk mengeksekusi instruksi-instruksi lain. Saat modul telah selesai menjalankan tugasnya dan siap menerima tugas berikutnya maka modul ini akan mengirimkan permintaan interupsi ke prosesor. Prosessor akan menghentikan eksekusi yang dijalankannya untuk menjalankan interupsi Saat sinyal interupsi diterima prosesor ada dua kemungkinan tindakan, yaitu interupsi diterima/ditangguhkan dan interupsi ditolak. Apabila interupsi ditangguhkan, prosesor akan melakukan:

1.      Prosesor menangguhkan eksekusi program yang dijalankan dan menyimpan konteksnya (menyimpan alamat instruksi berikutnya yang akan dieksekusi dan data lain).

2.      Prosesor menyetel program counter (PC) ke alamat awal routine interrupt handler. Setelah program interupsi selesai maka prosesor akan melanjutkan eksekusi programnya kembali.