belajar komputer
Tampilkan postingan dengan label Blogazine. Tampilkan semua postingan
Tampilkan postingan dengan label Blogazine. Tampilkan semua postingan

Buat 3 Kolom di Postingan

Halo Semua ! Nah akhirnya saya bisa posting juga.Dikesempatan kali ini saya akan posting tentang Buat 3 Kolom di Postingan .Silahkan liat dibawah ini :


Buat 3 Kolom di Postingan adalah salah satu dari teknik cara membuat Blogazine .Nah sebelumnya saya sudah posting bagaimana cara membuat blogazine (Baca Disini).Nah Kolum ini bisa anda tambah atau anda kurangi jumlah kolumnya sesuai yang anda inginkan. Silahkan anda liat kode disamping ini .


Ini adalah codenya :
<table cellpadding="30" cellspacing="10"><tbody>
<tr> 
<td align="justify" valign="top" width="300"> isi postingan pertama </td>

<td align="justify" valign="top" width="300"> isi postingan kedua </td>

<td align="justify" valign="top" width="300"> isi postingan ketiga </td>
</tr>
</tbody></table>

Code tersebut harus anda masukkan pada Edit HTML dibagian postingan. Caranya buka Blogger.com > Entri Baru (New Entry) > Edit HTML. Dan anda tinggal gunakan kreasi anda sendiri untuk membuatnya lebih menarik.
Lihatlah gambar berikut :

eNBe :

  • Kode berwarna hijau adalah lebar dari kolum
  • Kode berwarna merah adalah tempat anda menuliskan postingan
  • Jika anda sudah meletakkan code tersebut di mode Edit HTML.Silahkan anda ketik postingan anda di dalam mode Compose
Semoga Bermanfaat ^_^

Cara Buat Blogazine

Nah siapa yang belum tau apa itu blogazine? Blogazine adalah postingan blog yang bergaya seperti magazine.Nah terkait dengan hal itu saya akan berikan beberapa tips Cara Buat Blogazine .Blogazine menggunakan sistem custom post,jadi blogazine akan muncul di page postingan bukan di Home Page blog sobat.Bagi yang mau coba Cara Buat Blogazine silahkan ikuti cara-cara berikut ini :

1. Buka dan login dulu ke Blogger.com
2. Setelah itu Buka bagian posting > Entri Baru
3. Lalu di bagian Entri Baru silahkan buka bagian Edit HTML.Setelah itu copy code berikut ini :

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

4. Letakkan code diatas di bawah postingan anda.Untuk lebih jelasnya silahkan liat gambar berikut ini :


Semoga Bermanfaat ^_^
NB : Code diatas masih bisa dikembangkan lagi,jadi silahkan anda kembangkan ya!