Mengungkap Rahasia Blogazine Post

Sebelum sobat melanjutkan membaca article ini saya mau mengucapkan minta maaf atas judulnya yang terkesan WOW!!!. Sebenarnya kali ini saya ...

Sebelum sobat melanjutkan membaca article ini saya mau mengucapkan minta maaf atas judulnya yang terkesan WOW!!!. Sebenarnya kali ini saya hanya share tentang tutorial yang sederhana kok,utorial tentang blogazine post. Sobat pasti sudah tahu Blogazine kan? kalo belum tahu silahkan lihat Demo di bawah ini.

DEMO

Nggak keren ya!!!maklum masih dalam proses belajar.

Sekarang kita lanjutkan bahasannya ya sob, Bagaimana Cara Membuat Postingan dengan Tampilan Berbeda?  Blogazine Post itu menurut saya bukanlah sekedar Trend atau sekedar Bergaya (tapi serius tampilannya keren banget). Namun Blogazine Post adalah sebuah konsep, dimana blogger/penulis tersebut menyampaikan artikelnya tersebut, layaknya seperti kita membaca dan membuka majalah (Magazine), yang mana tampilan design pada setiap halaman posting (artikel) selalu dibuat berbeda-beda dan disesuiakan dengan tema/isi artikelnya. Saya mulai tertarik membaca postingan para master yang design style Blogazine Post mereka sangat sadis...!!! Tentunya para designer itu adalah orang Indonesia, mereka benar-benar sudah ahli dalam mendesign postingannya.

Ok, sekarang langsung aja kita ke inti topic yaitu Membuat Postingan dengan Tampilan Berbeda.

Step 1 Silahkan menuju laman postingan atau Entry Baru

Step 2 Masukkan kode di bawah ini pada bagian HTML, ingat HTML bukan Compose  

background warna dasar

<style>body{background:#000;
}</style>
 Atau
<style type="text/css">
body {
background:#050505;
}
#header-wrapper,#header-inner,#sidebar-wrapper { display:none !important; }
#main-wrapper {
  width:100%;
  word-wrap: break-word;
  overflow: hidden;
  background:rgb(121,121,121);
  padding:10px;
  }
#outer-wrapper {
  background:rgba(121,121,121,.6);
  padding:5px;
  }
</style>

DEMO

background dengan menggunakan gambar

<style>
body{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghn65kQZxdtbeENrmpvbk_fvkhJ3FfvJ_W3agPwzkWiYc1gg-ehtbTeZalOVoCjmEan9vk-jxJ9eIuZA3o2Ya-AYmNIURJmxXIU1-qnte4QZWaXvPq_azj2m38ijtmWXAescp3uL8_Rbly/s1600/lion+hitam.jpg) repeat;
}/*atau no-repeat fixed center, no-repeat center, dll (sesuaikan dengan size gambar)*/
</style>

DEMO

Jika sobat tertarik menggunakan design postingan dengan background full, maka masukkan kode di bawah ini pada bagian HTML.

<div style="position: fixed; top: 0pt; left: 0pt; width: 100%; height:100%; background: url(URL Gambar yang akan di jadikan background); text-align: center; z-index: -5;"></div>

Atau

<style>
body{background:none; font-size:medium;margin:0
auto;font-weight:normal;width:90%;height:100%;line-height:1.5em;color:#000;}html {background: url(URL Gambar yang akan di jadikan background) no-repeat
bottom right fixed;-webkit-background-size: cover;-moz-background-size:
cover;-o-background-size: cover;background-size:
cover;background-color:#f0f}
</style>

DEMO

Jika sobat tertarik membuat design postingan dengan dua kolom atau tiga kolom maka masukkan kode di bawah ini pada bagian HTML

<table width="500" border="0" cellspacing="10">
<tr>
<td width="250" valign="top">kolom 1...</td>
<td width="250" valign="top">kolom 2...</td>
</tr>
</table>

Atau

<table width="500" border="0" cellpadding="0" cellspacing="10">
<tr>
    <td width="166" valign="top">Text Kolom 1...</td>
    <td width="166" valign="top">Text Kolom 2...</td>
    <td width="166" valign="top">Text Kolom 3...</td>
</tr>
</table>

DEMO

Keterangan

Silahkan sobat kreasikan dengang url gambar sobat.

Silahkan tentukan ukuran post pada postingan dua kolom.

Jika sobat tertarik untuk menggunakan template blogazine silahkan download templatenya di blog yang satu ini Ceeplux