Tetapi sebelumnya sahabat anak baik perlu mengetahui apa sebenarnya blogazine. Blogazine menurut saya merupakan gabungan antara blog dan magazine. Dan blogazine saat ini terus berkembang sesuai kepentingan dan keahlian admin tersebut.
Sahabat anak baik yang tertarik dengan blogazine bisa cari di google. dan tentunya banyak sekali sahabat anak baik menemukan template blogazine yang gratis tentunya.
Ok langsung ke pokok artikel, Berikut ini cara membuat blogazine secara utuhnya, tetapi merupakan kerangka dasar atau struktur dari template blogazine, dan sahabat anak baik bisa menambahkan berdasarkan kreasi sahabat sendiri.
Inilah kerangka dari blogazine :
<?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, Navigasi -->
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<-- Disini tempat CSS halaman depan -->
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 terserah anda 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>
<!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, Navigasi -->
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<-- Disini tempat CSS halaman depan -->
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 terserah anda 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>
Untuk posting : Pilih
Edit HTML jangan menggunakan mode Compose tapi HTML..
contoh:
<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;}
Sumber : Dari berbagai Sumber
Semoga membantu.
Salam Blogger.
Memang dengan blogazine ini para blogger memiliki kelebihan dalam hal mudahnya menemukan ide tulisan sebab banyka topik yang bisa di gunakan lain hal dengan blog yang menggunakan satu niche,,,
BalasHapusSetuju sob, cuma banyak kekurangan dan kelebihannya
Hapussipp bos..
BalasHapusgimana sudah jadi belum page navigasinya sob
Hapusok deh sob..masih ta pelajari... :)
BalasHapustrima kasih ya :D
silahkan dipelajari sob
Hapuskeren juga ya ilmunya.
BalasHapusmakasih, itu juga masih belajar sob
Hapusweh kurang banyak sob...yang lain lagi...
BalasHapuswah kan bisa dicari diinternet sob CSS dan htmlnya, banyak loh sob
Hapus