Tuesday, March 11, 2014

Membuat Template Blogger Dengan Tangan Kosong

Kita akan membuat template dari nol.

Berikut adalah kode template untuk blogger yang sangat sederhana sebagai modal dasar kita untuk membuat template yang layak pakai.

Template Blogger Sederhana
<html>
<head>
         <b:include data='blog' name='all-head-content'/>
<title>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <data:blog.pageName/> : <data:blog.title/>
        <b:else/>
                <data:blog.pageTitle/>
        </b:if>
        <b:if cond='data:blog.url == data:blog.homepageUrl'></b:if>
</title>
        <meta content='' name='description'/>
        <meta content='' name='keywords'/>
<b:skin><![CDATA[
/*
kode CSS
*/
]]></b:skin>
<!-- tempat javascript -->
</head>
<body>
<div id='wrapper'>
<b:section id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>
</body>
</html>


Bila kode di atas anda copas ke html template editornya blogger, maka hasilnya akan seperti berikut:(arahkan mouse anda ke screenshoot di bawah ini)



Seperti yang anda lihat di atas, template tersebut belum ada header, sidebar dan footer. Pada artikel selanjutnya, kita akan membuat ketiga modul tersebut.
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Setiono400 Belajar Ngeblog

Ruang Setiono untuk belajar ngeblog. Isinya berupa tutorial serta tip dan trik seputar blogger.

Powered by Blogger.