Cari Blog Ini

My Best Friend

Diberdayakan oleh Blogger.

Label

Traffic Visitor

Flag Counter
23 Feb 2013

kita akan belajar step by step cara membuat template blogspot dan saya juga menyertakan demonya agar kamu bisa melihat bagiman tampilan sebenarnya silhkan lihat demonya disini 

oke ini akan kita mulai bagaimana saya membuat template blogger/ blogspot? langsung aja ya ini kodenya

template blank / template dasar blogspot caranya copy code ini di template html kamu
atau download templatenya DISINI  


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html >
<head>
<meta charset='UTF-8'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.title/></title>
<b:skin><![CDATA[
/*bagian ini untuk css*/
]]></b:skin>
</head>
<body>
<header id="headerwrap">
<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>
</header>
<section id="mainwrap">
<b:section class='main section' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</section>
</body>
</html>
oke kamu sudah liat kan edikomputer kasih tau ya :
  • teks warna merah : merupakan type html template blogger/blogspot
  • teks wana hijau : merupakan bagian head diman kita akan menempatkan kode css yang akan kita bahas di sesion berikutnya
  • teks warna biru : merupakan kode html untuk menampilkan sebuah blog
ini dulu ya tutorialnya dilanjut ke halaman berikutnya. kalo tutorial ini bermanfaat silahkan berikan komentar yang mendidik/yang berhubungan dengan artikel.. thanks ;D

0 komentar: