Thursday, November 25, 2010

Cara mengubah tarikh posting dan letak diatas tajuk

tukar tarikh

Posting kali ialah cara bagaimana hendak mengubah tarikh  yang berada  dibawah tajuk posting.Ini kerana sesetengah template meletak  tarikh dibawah tajuk posting.Ada rakan rakan yg bertanya bagaimana hendak mengubahya seperti yang ada di blog ini.
Untuk mengubahnya dan meletakkan diatas,ikuti langkah berikut.
Cara mengubahnya:
Seperti biasa masuk kedesign-edit HTML
Tandakan pada expand template widget
Kemudian cari kod ini:


<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Potong kod ini(cut) Ctrl+X

Kemudian cari kod seperti dibawah ini:

 
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kemudian pastekan kod yang dipotong tadi menjadi seperti dibawah

 
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kemudian klik pada preview

Untuk meletak tarikh supaya berada ditengah tengah:
Cari kod ini:

 
h2.date-header {
  margin:0 0 10px;
  font:$postdatefont;
  }

Tambah kod seperti ini:

 
h2.date-header {
  margin:0 0 10px;
  font:$postdatefont;
text-align:center;
  }


No comments:

Post a Comment

Gambar Belangkas