Tag Conditional Untuk Multi Author Di Blogger

Tag Conditional Untuk Multi Author Di Blogger

Bola Hero Gawai

Tag Conditional Untuk Multi Author Di Blogger

Multi Author Di Blogger
Beberapa hari yang lalu saya sudah sharing sebuah template yang menggunakan author box yang bisa digunakan 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.


Namun ada yang kurang dari auhtor box tersebut, yaitu deskripsi author dan link follow sosmed-nya tidak ikut berubah ketika digunakan multi author. Untuk itu jika blog yang menggunakan template tersebut mempunyai beberapa orang author, maka Anda perlu menggunakan 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 seperti di bawah ini.


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

Cara penerapannya seperti di bawah ini, untuk template Kompi Doang dengan multi author silahkan cari kode HTML untuk author box-nya seperti 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 berbagi pengalaman dengan yang lain tentang blogging dan SEO. Semoga bisa 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 kode author box itu dengan tag conditional di atas seperti 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 berbagi pengalaman dengan yang lain tentang blogging dan SEO. Semoga bisa 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 kode di atas sebanyak authornya, jika terdapat tiga orang author maka buatlah tiga buah kode 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....

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

22 Comments Add Comment

Asyik banget buat blog urunan atau keroyokan nih. Trims mas tutorialnya.

Salam

Balas

Hehehehe iya mas Indra biar tidak ngos-ngosan cari postingan hehehe :)

Balas

bisa dicoba nih mas, kebetulan blog saya juga multi author... tapi akun milik saya semua, akun 3 sy jadikan admin semua hehehe =D

makasih sharingnya :-bd

Balas

Izin coba jga Kang, kbetulan sama dg Mbak Indri nch kasusnya, heheh :D

Balas

Seperti postmeta ya mas...

Balas

Wah menarik sekali mas :) Jadi ini fungsinya biar bisa ngubah nama autor sama deskripsinya dengan mudah .. brarti ini buat blog yang banyak penulisnya seperti astrosiana :)

Balas

Heehehehe silahkan mbak Indri hehehee mas Gunawan :)

Balas

Betul mas tujuannya seperti itu :) seperti di astrosiana :)

Balas

Saya suka sama informasi yang diberikan di Astrosiana :)

Balas

terima kasih infonya kang...
ijin simpan siapa tahu suatu saat akan sangat berguna di blog saya

Balas

nah ini masalah yg ingin saya tanyakan ... tapi sudah terjawab :) thanks Kang Adhy :)

Balas

Kalo Blog authornya banyak enak juga ya kang. Banyak banyak artikel fresh setiap harinya he...
Scroptnya saya coba pelajari Kang siapa tau suatu saat perlu :)

Balas

kalo blog-nya keroyokan memang cocok banget...tapi untuk blog yang dikelola perorangan bisa juga kan...
keep happy blogging always..salam dari Makassar :-)

Balas

bukannya sudah otomatis ya mas?

Balas

Silahkan mas :)

Balas

Hehehhe syukur sudah terjawab ya mas :)

Balas

Hehhehehe iya kang :) silahkan dicoba :)

Balas

kalau blog perorangan ga usah menggunakan tag conditional ini mas :)

Balas

Untuk wordpress ada sebuah plugin untuk multi author yang secara otomatis mengatur multi author, tapi kalau di blogger tidak mas. Jadi harus menggunkan tag kondisi seperti ini untuk menampilkan deskripsi berbeda tiap-tiap author. hanya photo dan nama yang otomatis sesuai dengan authornya.

Balas

ia sama-sama Kang :)

Balas

kalau bikin popup box "click here to download" kayak di situs2 software gitu gimana ya bang?
maaf, mungkin melenceng dari postingan ini

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×