Seperti yang saya janjikan dulu disini, kali ini saya tunjukkan bagaimana saya mengubah template blogger menjadi minisite. Jika anda ikut step by step cara ini, saya pasti anda akan berjaya membuatnya juga. Terlebih dahulu, saya meminta maaf kerana lambat untuk membuat artikel ini. Baiklah, anda ikut step ini.
- Anda buat satu blog baru.
- Anda pilih template minima.
- Anda pergi ke edit HTML kemudian terus klik pada kotak expand widget.
- Kemudian anda cari code seperti ini :
<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == "item"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div></b:if> - Anda tambah code yang bewarna merah pada code tersebut, buat seperti yang ditunjukkan.
- Kemudian cari code seperti ini pula :
<div class='feed-links'>
<b:if cond='data:blog.pageType == "item"'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</b:if>
</div> - Anda tambah code bewarna merah seperti saya buat itu.
- Kemudian save template anda. Selepas itu anda klik semula kotak expand widget supaya kotak expand widget tidak ditandakan centang.
- Kemudian cari pula code ini :
<div id='sidebar-wrapper'>
<b:if cond='data:blog.pageType == "item"'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers2' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile2' locked='false' title='About Me' type='Profile'/>
</b:section></b:if> - Anda tambahkan juga code bewarna merah kedalam code tersebut.
- Kemudian cari code ini pula dan padam code ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Test Template (Header)'
type='Header'/>
</b:section>
</div> - Kemudian cari code ini :
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div> - Anda perhatikan showaddelement, anda tukar kepada yes.
- Sekarang selesai mengedit template blogger.
Tetapi belum siap lagi minisite anda. Sekarang ini anda buka template minisite anda, anda copy semua code template tersebut. Kemudian anda pergi ke pageElement, dan anda ADD HTML/JAVA dan anda masukkan code minisite.
Pastikan semua ga,bar yang digunakan untuk template minisite sudah di upload ke web hosting. Jika tiada hosting sendiri, anda boleh menggunakan web yang menyediakan perkhidmatan image hosting secara percuma. Setelah di upload, anda tukar code URL gambar di template minisite tersebut dahulu. Kemudian barulah dimasukkan ke page element.
Untuk background, anda boleh tukar, caranya anda pergi ke edit HTML, kemudian cari code seperti ini :
Anda masukkanlah URL image BG anda. Kemudian save template anda. Selesai. wah, dah penat ni buat artikelnya. harap2 menjadi semua ya.. selamat mencuba.body {
background: url(http://URL gambar background anda);
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
font-size/* */:/**/small;
font-size: /**/small;
}
p/s: Jika anda malas hendak membuat minisite sendiri, saya boleh bantu, baca disini