10 Disember 2011

Buat Biodata Penulis Untuk Blog Multi Author


Selalunya kalau kat wordpress,dekat bawah pos ada tentang info penulis kan.Sebelum ni aku ada pos tentang cara nak buat About Author bagi setiap pos.Tapi itu lebih sesuai untuk blog perseorangan

Ok,kali ini adalah cara yang bagus bagi blog berbentuk multi author.Iaitu seperti mana dapat dilihat diblog ini,setiap pos oleh author yang berlainan akan automatik mempunyai biodata penulis yang berlainan.Sila lihat pada menu author yang terdapat di blog ini,klik dan lihat biodata yang terdapat dibawah pos mereka.

Ok,sebelum menjadikan about author untuk pos automatik,kita kenalah buat sikit kerja.

Cara pemasangan

1.Pergi ke Design->Edit HTML dan tandakan Expand Widget Templates kemudian remove kan kod ini

*Kalau tak nak remove kan pun boleh


<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>
<data:post.author/>
</span>
</b:if>
</span>


2.Seterusnya cari baris ni:

<div class='post-footer'>

3.Dan pastekan kod ini dibawah kod merah tadi


<div class='acercadelautor'><b:if cond='data:post.author == &quot;Autor 1&quot;'><img border='0' src='URL avatar 1' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>BIODATA</span> <strong><data:post.author/></strong>
<p>Biodata penulis pertama.</p>
</b:if>



<b:if cond='data:post.author == &quot;Autor 2&quot;'><img border='0' src='URL avatar 2' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>BIODATA</span> <strong><data:post.author/></strong><p>Biodata penulis kedua</p>
</b:if>
</div>


*Tukarkan url Avatar dengan gambar yang korang suka
*Tukar Autor 1 dan Autor 2 kepaada nama autor yang terdapat di blog korang(harus sama,kalau semua huruf besar mesti ikut)
*Tukarkan biodata penulis dan BIODATA kepada perkataan yang korang suka.

4.Cari kod ]]></b:skin>

Pastekan kod dibawah diatas/sebelum kod ]]></b:skin>(ini untuk mencorakkan kotak biodata)


.acercadelautor {
background:#EFFBFB;
border:1px solid #ccc;
letter-spacing:normal;
color:#424242;
text-transform:none;
font-size:12px;
padding:5px;
margin:10px 0 10px 0;
}
.acercadelautor strong {
color:#1C1C1C;
font-weight:bold;
font-size:13px;
padding-left:5px;
}


5.Save dan lihat hasilnya.Pos oleh author yang berlainan akan automatik ada info yang berlainan yang telah ditetapkan di bawah pos.

*Dan kalau nak tambah lagi author 3,4,5 cuma perlu tambah kod seperti ini sebelum kod </div> di langkah 3


<b:if cond='data:post.author == &quot;Autor 3&quot;'><img border='0' src='URL avatar 3' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>BIODATA</span> <strong><data:post.author/></strong><p>Biodata penulis ketiga</p>
</b:if>

0 ulasan:

Catat Ulasan

Follow by Email