Terkadang karena kurangnya waktu penulis untuk memposting artikel atau tulisan lainnya, sehingga sering sekali blog harus bergantung pada poster tamu. Mereka kembali menawarkan mereka dengan kualitas kembali iklan link dan dalam rangka untuk lebih baik melayani pengunjung blog mereka merupakan hal yang penting untuk menampilkan beberapa info tentang mereka. Suapaya kesannya sopan dan menarik para penulis tamu . Dengan membuat info tentang penulis tamu akan mendorong lebih banyak dan lebih banyak orang untuk menulis artikel untuk blog anda .Untuk dapat memahami tulisan ini, maka saya menampilkan gambar dari contoh bentuk info penulis tamu yang ada pada blog sobat saya. Berikut contohnya:
dari gambar di atas terlihat info-info yang memuat tentang penulis tamu yang ada pada blog kita. Sehingga kesannya sangat sopan dan menarik
Untuk menampilkan seperti gambar di atas pada blog, sungguhlah mudah. Jika tertarik silahkan ikuti langkah-langkah pembuatannya di bawah ini.
1. Login ke blogger.com dengan account anda
2. Pilih Template kemudian Edit HTML
3. Silahkan Expand Widget Templates
4. Setelah itu, silahkan cari kode seperti ini ]]></b:skin>
5. Setelah ketemu silahkan letakkan kode berikut ini di atas kode yang tadi
/*----------Guest Poster --------*/
.mbt-gp img {
margin:0;
border:0;
}
.mbt-gp-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:580px;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.mbt-gp {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.mbt-gp-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}
6. Silahkan anda edit tampilan info penulis tamu anda, sesuai dengan selera anda..mbt-gp img {
margin:0;
border:0;
}
.mbt-gp-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:580px;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.mbt-gp {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.mbt-gp-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}
8. Kemudian SIMPAN TEMPLATE
Bagaimana cara menambahkan kotak Info penulis di bawah posting tamu?
Sekarang setiap kali Anda mempublikasikan posting tamu di blog, Anda hanya beralih ke HTML Mode Edit dari Blogger Editor Anda. Dan tarik ke bawah kode HTML dan pada akhir artikel yang akan anda post, silahkan letakkan kode di bawah ini.
<div class="mbt-gp-about">
<div class="mbt-gp"><img src="GUEST-AUTHOR-IMAGE-LINK" width="80" height="70" /> GUEST-AUTHOR-NAME </div>
<div class="mbt-gp-text">
<p><strong>About the Guest Author:</strong>
<br />ADD-DESCRIPTION-ABOUT-AUTHOR-INFO-HERE </p>
</div>
</div>
<div class="mbt-gp"><img src="GUEST-AUTHOR-IMAGE-LINK" width="80" height="70" /> GUEST-AUTHOR-NAME </div>
<div class="mbt-gp-text">
<p><strong>About the Guest Author:</strong>
<br />ADD-DESCRIPTION-ABOUT-AUTHOR-INFO-HERE </p>
</div>
</div>
Silahkan edit tulisan berwarna merah sesuai dengan kebutuhan anda dalam menampilkan kotak info penulis tamu blog anda. Pastikan Anda mengganti teks tebal di atas dengan rincian yang tepat. Ukuran gambar autrhor sebaiknya jika ukurannya adalah 200px oleh 125px.
Saran: Untuk menyesuaikan warna dan gaya kotak, saya merekomendasikan Anda menggunakan Editor HTML . Anda tinggal menambahkan saja kode yang kedua untuk setiap posting tamu yang Anda publikasikan. Sekali Anda memahami tentang cara untuk melakukan itu kemudian melakukannya lagi dan lagi akan menjadi lebih seperti yang menyenangkan. Saya hanya berharap Anda menemukannya bermanfaat dan pantas untuk dicoba. Selamat memcoba dan semoga berhasil (Jkt/2012)
