thumbnail
Blogging pendidikan

Template dasar Blogazine

Template Dasar Blogazine

Bagi para blogger pemula mungkin belum pernah mendengar istilah "Blogazine". Blogazine adalah Blog yang bergaya majalah dengan mengabaikan konsep susunan HTML dalam suatu halaman web/blog pada umumnya, dengan lebih mengutamakan konsep dan ide untuk memberikan sesuatu yang unik dalam setiap postingannya (menurut saya sih, hehehehehe....)

Yang jelas dalam perjalanannya si blogger dituntut tahu tentang CSS dan juga HTML (saya sendiri juga belum paham tentang itu,,hehehehhehe..)

Adapun contohnya anda bisa cari sendiri di embah Google deh,, -_-

Berikut adalah template dasar untuk membuat blogazine yang saya copas dari http://rzaal1306.blogspot.com.


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
* {margin: 0; padding: 0;}
#content {position: relative; margin: 0px auto;}

<-- CSS Default / tetap disini, seperti : background body, link dan teman-teman nya, blog-pager dan Footer (jika ingin pakai Footer), Navigasi (jika ingin pakai Navigasi)  -->

]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<-- CSS untuk halaman depan disini -->

Contoh :
body {background: bla..bla..; bla: bla..bla..";}
#content {width: 500px; margin: 0px auto; bla: bla..bla..;}
header {background: bla..bla..; bla: bla..bla..";}
h1 {color: bla..bla..; bla: bla..bla..";}
</b:if>

</style>

</head>

<!-- <body><div></div> -->

<body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<header>

<-- Isi apa aja disini (Untuk Front Page), contoh : HOME - ABOUT dan sejenis nya -->

</header>

<div id='content'>

<h1>

<-- Isi apa aja disini (Untuk Front Page), biasanya nama Blog -->

</h1>

</div>

<b:else/>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

</b:section>

</b:if>

</body>

</html>

Yang diatas ditaruh di halaman utama. Sebagai penjelasan code <b:if cond='data:blog.url == data:blog.homepageUrl'>...<b:if> maksudnya untuk halaman utama("homepageUrl"). Untuk mengetahui anda perlu tahu tentang tag kondisional blog.

Kalau sudah sekarang saatnya membuat postingan dengan custom post. Lihat kode di bawah sertakan dalam setiap postingan.


<style type="text/css">

<-- Kreasikan : Background body, Font-color, #content (lebar sesuaikan dengan keinginan) dan lain-lain nya -->

p {line-height: 1.5em; margin-bottom: 15px;}

</style>

Saya kira demikian untuk dasar template blogazine, selebihnya tinggal kreasi kita dalam membuat custom post.