Rabu, 12 Maret 2014

Membuat Template Blogger Dengan Tangan Kosong (Bag. 1)

Pada artikel yang lalu, kita pernah membuat template untuk blogger, tapi menurut saya, bisakah template blogger menjadi lebih sederhana lagi?


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


<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'/>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>

<b:skin><![CDATA[
]]></b:skin>

</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.