Cara Membahagikan Posting

Tutorial ni bukan la Ana yang buat.. Ini hasil kepandaian Amanda Fazani sohib BloggerBuster. Ana sekodar edit sikit2 aje.. Sebenarnya dah ade template yang dibuat khas dengan bentuk ini, namanya Minima Magazine Template. Contoh Template ni, tp lebih kemas.Ok caranya begini..

1. Pilih Layout => Edit HTML. Tambahkan kod dibawah selepas </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
height:285px;
width: 238px;
float: left;
overflow: hidden;
}
</style>
</b:if>

2. Antum ubahkan lebarnya mengikut lebar main-wrapper. Contoh blog Ana ni, saiz main-wrapper 512px, jadi Ana saizkan dengan 238px untuk dapatkan 2 kotak. Maby boleh dapat 3 kotak jika main-wrapper yang lebih besar.

3. Seterusnya klik preview dan lihat hasilnya... kalau dah berjaya savela.

p/s: sila gunakan Read More V2

Cara Menghilangkan Tarikh Pada Posting

Assalamualaikum.. Ok ini cara untuk menghilangkan tarikh pada posting. Disini ada dua cara. Pertama Loggin ke Blogger => Layout => Page Elements kemudian klik pada butang Edit seperti rajah dibawah.

Seterusnya hilangkan tanda pada item date seperti dibawah.


Kalau item diatas tiada atau cara ini tidak berhasil, Antum terus klik pada Edit HTML diatas dan cari kode ini.

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#000;
height: 0px;
visibility: hidden;
}

Tambahkan dengan kode berwarna merah.

Siap...

Membuat Pesanan Di Posting

Ana cuba buat Tutorial ni.. tetiba menjadi pulak, pening la jugak nak buat nye. Tapi Ana puas hati bila melihat hasilnya. Xla sia2 duk mengadap makhluk syasyah ni. Ok pesanan ni akan muncul di setiap akhir posting. Kita boleh tulis apa saja, kalau nak isi iklan pun boleh rasanya. Tutorial ini sesuai bagi yang menggunakan 'Read More' macam Ana. Yang lain pun sesuai cuma ade perbezaan la skit. Begini caranya ye..

1. Loggin ke Blogger => Layout => Edit HTML. Tandakan pada kotak Expand Widget dan cari kode dibawah.

<div class='post-footer'>

2. Tambahkan kode ini sebelumnya.

<h5><br/><center>
<b>PESANAN ANTUM DISINI</b>
</center><br/></h5>

3. Gantikan text berwarna merah megikut citarasa Antum.

4. Seterusnya scroll ke bahagian Posting dan tambahkan kode dibawah.

.post h5 {
background: #E7F398 url(http://i302.photobucket.com/albums/nn113/aburifaie/comen.jpg)no-repeat top left;
border: 3px solid #81BEF7;
font-family: Georgia;
font-size:12px;
color:#B404AE;
-moz-border-radius:12px;
}

5. Text merah adalah background. Biru warna border. Purple warna tulisan. Kasi tukar la ikut template Antum..heheh dah siap.