Tag Conditional Untuk Multi Author Di Blogger

Beberapa hari yang kemudian aku sudah sharing sebuah template yang memakai author box yang sanggup dipakai dengan multi author atau penulis postingan blog lebih dari satu orang. Photo profil yang berada di samping postmeta atau yang berada di bawah judul postingan dan photo profil yang ada di author box-nya akan otomatis menyesuaikan dengan photo profil author postingannya yang diambil dari photo profil Google Plusnya.

Baca juga: Cocoknya Buat Ya Template Kayak Gini?

Namun ada yang kurang dari auhtor box tersebut, ialah deskripsi author dan link follow sosmed-nya tidak ikut berubah dikala dipakai multi author. Untuk itu kalau blog yang memakai template tersebut memiliki beberapa orang author, maka Anda perlu memakai tag conditional untuk mengatur deskripsi dan link follow sosmed-nya yang sesuai dengan auhtornya.

Untuk live demonya silahkan lihat author boxnya pada link demo di atas yang author box-nya berada di bawah postingan, kemudian silahkan lihat lagi postingan lainnya dengan authornya yang berbeda. Selain photo author yang otomatis menyesuaikan dengan authornya, untuk link author dan deskripsinya juga akan otomatis berubah sesuai deskripsi dari masing-masing authornya.

Tag conditional untuk multi author tersebut menyerupai di bawah ini.

 <b:if cond='data:post.author == &quot;NAMA AUTHOR&quot;'>

Cara penerapannya menyerupai di bawah ini, untuk template Kompi Doang dengan multi author silahkan cari aba-aba HTML untuk author box-nya menyerupai di bawah ini.

 <div id='author-box'>
 <b:if cond='data:post.authorPhoto.url'>
 <img alt='author-photo' expr:src='data:post.authorPhoto.url' height='104' title='author photo' width='104'/>
 </b:if>
 <span class='author-name'><data:post.author/></span>
 <p>Saya hanyalah orang biasa yang menyukai blogging dan mencoba mengembangkan pengalaman dengan yang lain perihal blogging dan SEO. Semoga sanggup bermanfaat.</p>
   <div class='author-follow'>Follow me on: <a href='#' rel='nofollow' style='font-weight:700' target='_blank' title='Facebook'>Facebook</a> | <a href='#' rel='nofollow' style='font-weight:700' target='_blank' title='Twitter'>Twitter</a> | <a expr:href='data:post.authorProfileUrl' style='font-weight:700' target='_blank' title='Google+'>Google+</a></div>
 <div class='author-close' onclick='document.getElementById(&apos;author-box&apos;).style.display=&apos;none&apos;;authoricon.style.left=&apos;0&apos;;' title='close'>&#215;</div>
 </div>

Kemudian tambahkan aba-aba author box itu dengan tag conditional di atas menyerupai di bawah ini.

 <b:if cond='data:post.author == &quot;NAMA AUTHOR&quot;'>
 <div id='author-box'>
 <b:if cond='data:post.authorPhoto.url'>
 <img alt='author-photo' expr:src='data:post.authorPhoto.url' height='104' title='author photo' width='104'/>
 </b:if>
 <span class='author-name'><data:post.author/></span>
 <p>Saya hanyalah orang biasa yang menyukai blogging dan mencoba mengembangkan pengalaman dengan yang lain perihal blogging dan SEO. Semoga sanggup bermanfaat.</p>
   <div class='author-follow'>Follow me on: <a href='#' rel='nofollow' style='font-weight:700' target='_blank' title='Facebook'>Facebook</a> | <a href='#' rel='nofollow' style='font-weight:700' target='_blank' title='Twitter'>Twitter</a> | <a expr:href='data:post.authorProfileUrl' style='font-weight:700' target='_blank' title='Google+'>Google+</a></div>
 <div class='author-close' onclick='document.getElementById(&apos;author-box&apos;).style.display=&apos;none&apos;;authoricon.style.left=&apos;0&apos;;' title='close'>&#215;</div>
 </div>
 </b:if>

Buat aba-aba di atas sebanyak authornya, kalau terdapat tiga orang author maka buatlah tiga buah aba-aba di atas secara berturut-turut kemudian silahkan ganti NAMA AUTHOR sesuai dengan nama author-nya masing-masing. Kemudian sesuaikan deskripsi author dan link-link sosmednya sesuai dengan authornya.

Selamat mencoba....

Sumber https://www.kompiajaib.com/

Share this post