Tampilan Kotak Guest Author Otomatis di Blogger

Kali ini saya akan memosting ulang artikel dari Gudang Widget. Tampilan Kotak Guest Author Otomatis di Blogger akan mempermudah pengunjung meliihat deskripsi dari Artikel yang dibaca. Nah jika anda tertarik, jangan sungkan-sungkan untuk memasang diblog anda, langsung saja dilihat langkah-langkahnya :

Langkah-langkah yang dibuat sederhana sehingga Anda akan merasa sangat menarik untuk diterapkan.

1. Pergi ke Blogger> Template
2. Backup template anda
3. Klik Edit HTML
4. Klik Lanjutkan
5. Kemudian Klik Expand Template Widget
6. Pencarian kode untuk  ]]> </ b: skin>
7. Tepat di atas itu paste kode CSS berikut,

/* MBT Code For Author Box */

.about-author {

width : 98%;

overflow : hidden;

margin:10px 0px;

border:0px;

}

.about-author img {

width:70px;

padding:3px;

border:1px solid #ddd;

margin:0px 5px 0px 0px;

}

.about-author h3{

font-family:verdana !important;

font-size:18px !important;

margin:9px 0px !important;

color:#666666 !important;

border-bottom:2px solid #666 !important;

border-top:0px !important;

}

.about-author p {

margin:0px;

text-align:justify;

color:#666;

}

7. Untuk mengubah warna teks "Tentang Penulis" edit     color: # 666666
    
8.  Berikutnya Pencarian untuk <data:post.body/> (jika ada 4 pilih yang ke 3)
9.  Tepat di bawah itu paste kode berikut:

<b:if cond='data:blog.pageType == "item"'>
<b: if cond = 'data: post.author == " NAMA PENULIS "'>
<div class = 'tentang penulis- '>
<h3> Tentang Penulis: </ h3>
<img align = 'left' src = ' IMAGE LINK DARI PENULIS '/>
<p> MENULIS PENULIS BIO SINI </ p>
<p> Ikuti dia @ <a href = " BLOG LINK target = '_blank'> NAMA BLOG </ a> | <a href = ' FACEBOOK LINK 'rel =' nofollow 'target =' _blank '> Facebook </ a> </ p>
</ div>
< / b: if> </ b: if>

Semua langkah Cukup jelas. Anda hanya perlu mengisi bagian-bagian tebal dengan rincian persyaratan yang benar. Ada satu hal yang perlu perawatan.

• Ganti NAMA PENULIS dengan nama account dari penulis tamu. Nama ini harus sama persis nama muncul di posting-nya. Lihat screen shot di bawah ini: 

 

      10. Simpan Template, dan kemudian lihatlah hasilnya!

Kunjungi blog Anda dan memeriksa posting dari salah satu rekan penulis. Anda akan menemukan biodatanya muncul hanya sempurna di bagian bawah semua artikel yang dipublikasikan olehnya. Anda bahkan dapat membuat kotak penulis untuk diri sendiri dengan hanya mengganti NAMA PENULIS , profil pic dan bio dengan kita.

Happy Blogging