logo blog
Selamat Datang Di Info Blogger Masa Kini
Terima kasih atas kunjungan Anda di Info Blogger Masa Kini,
Semoga apa yang saya share dan tulis di sini dapat bermanfaat dan memberikan motivasi pada kita semua
jangan lupa untuk sekedar meninggalkan komentar sebagai rasa peduli anda terhadap blog ini.

Info Blogger, Pengertian Template Blog

Info Blogger, template banner
Info Blogger, berbicara tentang Template Blog, semua blogger pasti telah dapat menunjukkan seperti apa bentuk template blog itu sendiri, namun sepertinya tidaklah mudah untuk dilukiskan dengan sebuah rangkaian kata-kata yang mampu untuk mewakilinya. Oleh karenanya, dalam artikel yang sederhana ini penulis mencoba untuk menguraikan pengertian sebuah template blog dengan rangkaian kata-kata yang diharapkan mampu menjelaskan tentangnya.

Pengertian Template blog atau website adalah merupakan sebuah desain halaman-halaman blog ataupun website beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang pada dasarnya berupa sebuah program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template blog. Secara sederhana, template blog adalah merupakan kombinasi berbagai macam kode-kode HTML (baik kode-kode CSS, HTML maupun Javascript) yang membentuk sebuah layout tertentu untuk menampung berbagai macam isi sebuah blog atau website (konten blog, banner iklan, menu navigasi, sidebar, footer dan lain-lain).

Hingga saat ini telah dikembangkan berbagai macam model template blog itu sendiri, mulai dari yang paling sederhana (minimalis), model SEO friendly sampai kepada model Responsive Template yang memiliki kemampuan tersendiri dalam hal menyesuaikan diri dengan berbagai macam ukuran device yang dipergunakan untuk membukanya. Model Responsive Template ini berkembang sejurus dengan berlakunya algoritma Google terbaru yaitu Google MobileGeddon.

Model-model template blog itu sendiri sangat menentukan eksistensi sebuah blog atau website pada hasil pencarian search engine (SERP). Sebuah template blog yang bagus dan telah teroptimasi dengan baik, tentu akan membawa sebuah blog atau website pada sebuah posisi strategis dalam daftar hasil pencarian search engine, bahkan tidak menutup kemungkinan dapat membawa sebuah blog atau website muncul pada halaman pertama hasil perncarian (tentunya berdasarkan sebuah kata kunci tertentu).

Struktur Template Blog.

Bentuk sederhana HTML pada sebuah situs web atau blog adalah sebagai berikut  :

<html>
  <head>
    <title>Format Sederhana HTML</title>
  </head>
  <body>
  </body>
</html>

Ketika kode di atas diaplikasikan pada peramban, maka akan terlihat layar kosong & tab peramban akan menampilkan title. Lebih lanjut, tambahkan baris teks dalam body, contoh: Aku adalah tubuh HTML. Layar peramban akan menambahkan sebuah baris teks sesuai dengan apa yang kita tulis di antara <body> … </body>

Deklarasi xml (eXtensible Markup Language)

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<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'>

Ketika kita ingin memasukkan daerah geografi atau bahasa yang didukung oleh konten dalam HTML — tidak perlu menambahkan meta — cukup sisipkan tag lang, contoh: lang='id', lang='en', lang='en-us', lang='fr', dan sebagainya.

<html lang='id' 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'>

Elemen Head

Head HTML berisi sejumlah markah yang meliputi script, instruksi kepada peramban untuk menemukan stylesheets, memberikan informasi meta, dan lain-lain.

<head>
  <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  <b:else/>
    <meta content='width=1100' name='viewport'/>
  </b:if>
  <b:include data='blog' name='all-head-content'/>
  <title>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
      <data:blog.title/>
    <b:else/>
      <data:blog.pageName/> | <data:blog.title/>
    </b:if>
  </title>
  <meta content='' name=''/>
  <link href='' rel='' type=''/>
  <script src='' type=''/>
  <b:skin><![CDATA[ /* CSS Anda di sini */
body {
  background: #fff;
  color: #000;
  font: .875em/1.7143em Georgia, Times, "Times New Roman", serif;
  text-align: left;
  word-spacing: .075em;
}
… dan seterusnya …
  ]]></b:skin>
 </head>

Elemen Body
Body HTML merupakan tubuh dari HTML (HyperText Markup Language) yang akan menampilkan bentuk pengkodean pada layar peramban. Sedangkan beberapa elemen yang melingkupinya dapat kita uraikan sebagai berikut.
<body expr:class='"loading" + data:blog.mobileClass'>

Navbar
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

Header
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Title Blog (Header)' type='Header'/>
</b:section>

Main (Posting Blog)
<b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>

Sidebar
<b:section class='sidebar' id='sidebar' preferred='yes'/>

Footer
<b:section class='footer' id='footer' showaddelement='no'>
  <b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>

Dari beberapa markah elemen di atas, biasanya untuk menampilkan halaman posting atau halaman statis pada blog, minimal harus ada elemen widget main (posting blog). Sedangkan yang lain dapat dikustomisasi manual, seperti header dapat saja berisi title serta tagline, fungsi fitur navbar dapat kita matikan, dan lain-lain.


Demikianlah uraian tentang seputar pengertian template blog, semoga dapat bermanfaat.

Enter your email address to get update from Info Blogger.
Print PDF
Next
« Prev Post
Previous
Next Post »

2 komentar

Pengertian tentang Template Blog yang lengkap, terima kasih atas informasinya

Balas

Terima kasih atas atensi anda, salam blogger ....

Balas

Silahkan meninggalkan komentar sebagai wujud kepedulian anda terhadap Info Blogger ini, kami harap anda tidak melakukan spam dan membuang jauh-jauh hal-hal yang bersifat negatif.
Harap maklum bilamana terjadi keterlambatan balasan komentar anda.

Copyright © 2015. Info Blogger - All Rights Reserved | Template Created by Info Blog Proudly powered by Blogger