RadarURL

Artikel Terbaru

Membuat Template Blogazines

Bisa dibilang ini mungkin totorial yang terlambat, karena dahulu saya ingat sahabat saya albarnation pernah bilang kepada saya untuk memberikan gambaran soal blogazine. Karena waktu itu saya belum mengusai blogazine jadi saya belum bisa menjawabnya, saya hanya bisa mempelajari pola dan strukturnya saja.

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>

 
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;}

</style>

Sumber : Dari berbagai Sumber

Semoga membantu.
Salam Blogger.


10 komentar:

  1. 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,,,

    BalasHapus
    Balasan
    1. Setuju sob, cuma banyak kekurangan dan kelebihannya

      Hapus
  2. Balasan
    1. gimana sudah jadi belum page navigasinya sob

      Hapus
  3. ok deh sob..masih ta pelajari... :)
    trima kasih ya :D

    BalasHapus
  4. weh kurang banyak sob...yang lain lagi...

    BalasHapus
    Balasan
    1. wah kan bisa dicari diinternet sob CSS dan htmlnya, banyak loh sob

      Hapus

Sebelum berkomentar baca dulu aturannya :

1. Jangan melakukan spam. Seperti mencantumkan link tertentu, baik link hidup atau link mati
2. Berkomentarlah dengan sopan,
3. Jangan menyinggung masalah SARA.


Jika ternyata melakukan tersebut diatas Admin berhak menghapus komentar tersebut. Harap dijadikan maklum

Silahkan mengisi komentar anda.

Terimakasih

 
AnakBaik © 2012 Enjoy Share With Us. |Tim Kreatif AnakBaik | Indahnya Berbagi AnakBaik