<

Cara Membuat Tema Blogger Sendiri Mulai Dari Nol

Halo Sobat IDRakyat Tech!! Kita sebagai pengguna platform blogger pasti pernah terbanyang apakah bisa kita membuat template sendiri?, Dan jawabannya bisa.

Namun dalam membuat template pada blogger yang paling dasar yang perlu kita kuasai ialah memahami struktur dari html, css, javascript, dan dll.

Yang pasti semua hal tersebut tidaklah mudah dan bukan dalam waktu cepat kita akam memahaminya, untuk hal pertama yang perlu kita kuasai dalam membuat template adalah memahami bukan menguasai.

Memang lebih bagus untuk menguasai namun bagi kita yang pemula lebih baik memahami, yang perlu kita pahami yang paling dasar ialah memahami struktur dari html.

Karena blogger sendiri merupakan platform blogging yang dibuat dengan 3 bahasa program web yakni html, javascript, dan css.

Blogger?

Blogger adalah adalah platform blogging gratis yang pertama kali diluncurkan oleh pyra labs, yang kemudian pada tahun 2003 dibeli oleh google.

Umumnya blog yang digunakan atau yang dihost oleh google itu akan menggunakan subdomain dengan url .blogspot.com dan dapat kita berikan domain contoh idrakyat.blogspot.com menjadi idrakyat.my.id.

Salah satu keunggulan yang blogger miliki adalah blogger dapat digunakan gratis untuk membuat blog dengan blogger hanya 1 starat yang harus kita penuhi yakni memiliki akun google.

Kelebihan selanjutnya blogger memiliki navigasi dan menu yang sangat mudah dipahami bagi yang pemula sekalipun, kemudahan yang diberikan blogger masih sangat banyak salah satunya ialah tidak adanya batasan pengunjung, penyimpanan, tidak memiliki batasan dan kecepatan serta keamanan dari blogger yang tidak usah digunakan karena dihost oleh google jadi kemampuanya tidak perlu diragukan.

Sekilas Tentang Teknologi & Bahasa Pemprograman Blogger

Untuk membuat sebuah template pada platform blogger kita harus mengtahui tentang apa saja yang digunaka oleh blogger untuk menyimpan data dan bahasa pemprograman yang digunakan blogger, akan kita bahas secara ringkas disini.

XML

XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.

XML didesain untuk mampu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari datum) yang jika diolah bisa memberikan informasi.

XML menyediakan suatu cara terstandardisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen. Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan satu cara yang standar.

Contoh Code:

<?xml version="1.0" encoding="UTF-8"?>

HTML

Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript.

Peramban internet menerima dokumen HTML dari server web atau dari penyimpanan lokal dan membuat dokumen menjadi halaman web multimedia. HTML menggambarkan struktur halaman web secara semantik dan isyarat awal yang disertakan untuk penampilan dokumen.

Elemen HTML digambarkan oleh tag, ditulis menggunakan tanda kurung sudut. Tag seperti <img /> dan <input /> langsung perkenalkan konten ke dalam halaman. Tag lain seperti <p> mengelilingi dan memberikan informasi tentang teks dokumen dan mungkin menyertakan tag lain sebagai sub-elemen. Peramban tidak menampilkan tag HTML, tetapi menggunakannya untuk menafsirkan konten halaman.

HTML dapat menyematkan program yang ditulis dalam bahasa scripting seperti JavaScript, yang memengaruhi perilaku dan konten halaman web. Dimasukkannya CSS mendefinisikan tampilan dan tata letak konten. World Wide Web Consortium (W3C), mantan pengelola HTML dan pemelihara standar CSS saat ini, telah mendorong penggunaan CSS pada HTML presentasi eksplisit sejak 1997.

Contoh Code:

<!doctype html>
<html lang="id">
<head>
  <title>IDRakyat Tech, Solusi Permasalahan</title>
</head>
<body>
  <p>Halo, Dunia!</p>
</body>
</html>

JavaScript

JavaScript (/ˈdʒɑːvəˌskrɪpt/[9]) (disingkat JS) adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Google Chrome, Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. JavaScript merupakan salah satu teknologi inti World Wide Web selain HTML dan CSS. JavaScript membantu membuat halaman web interaktif dan merupakan bagian aplikasi web yang esensial.

Awalnya hanya diimplementasi sebagai client-side dalam penjelajah web, kini engine JavaScript disisipkan ke dalam perangkat lunak lain seperti dalam server-side dalam server web dan basis data, dalam program non web seperti perangkat lunak pengolah kata dan pembaca PDF, dan sebagai runtime environment yang memungkinkan penggunaan JavaScript untuk membuat aplikasi desktop maupun mobile. JavaScript adalah merek dagang yang dikeluarkan dari Oracle Corporation di Amerika Serikat.

Contoh Code:

<script type="text/javascript">
	alert("Halo Dunia!");
</script>

CSS

Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Contoh Code:

margin-top: 3px;
margin-right: 5px;
margin-bottom: 7px;
margin-left: 10px;

Pembuatan Template Blogger Dari awal

Setelah memahami seluruh materi yang ada diatas kiat sudah sampai pada tahap inti dari artikel ini yakni membuat tamplate yang telah kita maksud.

  1. Membuat struktur dasar template yakni berupa kode html sebagai berikut:
    <?xml version="1.0" encoding="UTF-8" ?> 
    <!DOCTYPE html>
    <html> 
    <head>
    </head> 
    <body>
    </body> 
    </html>
  2. Jika kalian menerapkan kode yang ada diatas maka pastinya saat kalian akan mengupdatenya akan terjadi kesalahan, lalu apa selanjutnya kalian dapat memberikan kode agar postingan dapat muncul.
  3. Agar html dapat kalian save pastikan bahwa postingan kalian audah dapat tampil meskipun tidak beraturan.
  4. Selanjutnya ialah dengan memberikan kode css agar template kalian terlihat menarik untuk lebih lengkapnya bisa lihat kode yang ada dibawah ini.
    <?xml version="1.0" encoding="UTF-8" ?>
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
        <b:skin><![CDATA[
              <-----CSS CODE----->
        ]]></b:skin>
      </head>
      <body>
        <b:section class='main' id='main' showaddelement='yes'/>
        <p>Halo, Dunia!</p>
      </body>
    </html>
  5. Kode diatas hanya akan menampilkan tulisan Halo Dunia! selanjutnya dapat kalian edit sesuai dengan imajinasi kalian

Maaf kali ini admin hanya membahas yang paling dasarnya saja, selebihnya bisa kalian cari diberbagai sumber lain.