Trick n Tips Blogger | Widget Blogger | Template Blogger

Hal-Hal Yang Harus Diperhatikan Dalam Pembuatan Template Blogger

by Irsyad Aslam , at 5/03/2013 , has 1 comment
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:

  1. Header atau Widget pada bagian atas dari sebuah blog. Header ini berisi Judul Blog atau pun Gambar.
  2. Sidebar atau Template untuk menyimpan Widget pada bagian kiri atau kanan. Bagian ini berfungsi untuk menyimpan widget yang ditampilkan.
  3. Konten atau Posting . konten ini adalah tempat untuk meletakan artikel atau posting.
  4. 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>



Semoga Bermanfaat,
Salam Sukses,




Your-BelajarBLOG
Irsyad Aslam
About
Hal-Hal Yang Harus Diperhatikan Dalam Pembuatan Template Blogger - written by Irsyad Aslam , published at 5/03/2013, categorized as Template Blogger , Tips Blogger . And has 1 comment
1  comment Add 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

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger