Selain konten, daya tarik dari sebuah blog bagi para pengunjung sebagian besar terletak pada bagian tata letak atau desain tampilan atau template blog. jika blog itu sendiri menyajikan tampilan dan konten post yang cukup rapih, dan pengunjung akan lebih nyaman.
Apa itu Template?, Template adalah sebuah tampilan sebuah blog yang dibuat dengan menggunakan kode HTML. HTML adalah sebuah kode pemprograman untuk membuat tampilan dari sebuah blog atau website, dan dilengkapi dengan kode-kode pendukung seperti PHP, Javascript, CSS, SQL, dan lain sebagainya.
Untuk bisa membuat template ada hal-hal yang harus diperhatikan dalam pembuatan template blogger, dan mengenal bagian-bagian yang ada di dalam sebuah template itu sendiri, Seperti berikut ini:
Ada juga pula hal-hal yang harus diperhatikan dalam pembuatan Template blogger, seperti berikut ini:
Apa itu Template?, Template adalah sebuah tampilan sebuah blog yang dibuat dengan menggunakan kode HTML. HTML adalah sebuah kode pemprograman untuk membuat tampilan dari sebuah blog atau website, dan dilengkapi dengan kode-kode pendukung seperti PHP, Javascript, CSS, SQL, dan lain sebagainya.
Untuk bisa membuat template ada hal-hal yang harus diperhatikan dalam pembuatan template blogger, dan mengenal bagian-bagian yang ada di dalam sebuah template itu sendiri, Seperti berikut ini:
- Header atau Widget pada bagian atas dari sebuah blog. Header ini berisi Judul Blog atau pun Gambar.
- Sidebar atau Template untuk menyimpan Widget pada bagian kiri atau kanan. Bagian ini berfungsi untuk menyimpan widget yang ditampilkan.
- Konten atau Posting . konten ini adalah tempat untuk meletakan artikel atau posting.
- Footer atau bagian penyimpanan widget pada bagian bawah. Footer ini berfungsi sama dengan Sidebar melainkan Footer ini terletak pada bagian bawah.
Ada juga pula hal-hal yang harus diperhatikan dalam pembuatan Template blogger, seperti berikut ini:
- <?xml version="1.0" encoding="UTF-8" ?> kode ini berfungsi untuk menandai bawah template yang akan dibuat sudah mendukung pemprograman XML 1.0
- <! DOCTYPE html> kode ini untuk menandai bahwa template ini sebuah dokumen berjenis HTML.
- <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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'> Kode ini sebuah kode pembuka dan data XML, Bahasa.
- <head> kode ini adalah kode HTML pertama dan tempat untuk menyimpan Meta Tags.
- <title>Judul Blog</title> kode ini adalah kode untuk menampilkan Judul blog anda.
- <b:skin><![CDATA[ kode yang berfungsi untuk menyampaikan informasi blog.
- ]]></b:skin> kode yang berfungsi untuk menyimpan kode CSS.
- </head> kode sebagai penutup kode pertama dan tempat untuk menyimpan Javascript.
- <body> kode yang berfungsi untuk menyimpan konten posting.
- </body> kode yang berfungsi untuk menutup kode <body> .
- </html> kode yang berfungsi untuk menutup kode </html> kode pembuka.
Seperti Struktur template dibawah ini :
<?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'>
<head>
<!-- Meta Tags Blog -->
<title><!-- JUDUL BLOG --></title>
<b:skin><![CDATA[
/* ---------------------------------------------------
Template Name : [ Nama Template ]
Finishing Date : [ Tanggal Selesai dibuat ]
Designed : [ Author ]
URL : [ Url Blog/Website Author ]
--------------------------------------------------- */
-------------------
-----------------------
/* CSS Blogger */
----------------------
----------
----------------------
]]></b:skin>
<!-- Javasript Area -->
</head>
<body>
<!-- Bagian Konten Posting Blogger -->
</body>
</html>
<! 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'>
<head>
<!-- Meta Tags Blog -->
<title><!-- JUDUL BLOG --></title>
<b:skin><![CDATA[
/* ---------------------------------------------------
Template Name : [ Nama Template ]
Finishing Date : [ Tanggal Selesai dibuat ]
Designed : [ Author ]
URL : [ Url Blog/Website Author ]
--------------------------------------------------- */
-------------------
-----------------------
/* CSS Blogger */
----------------------
----------
----------------------
]]></b:skin>
<!-- Javasript Area -->
</head>
<body>
<!-- Bagian Konten Posting Blogger -->
</body>
</html>
Semoga Bermanfaat,
Salam Sukses,
Your-BelajarBLOG
No comments:
Post a Comment
Catatan:
• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]
Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar