Cara Pasang Avatar Author di depan Title Post

Gara gara sibuk jadi panitia Sepak Bola Plastik Ikwari Cup 3 Sempat menelantarkan blog ini,habis mau gimana lagi sudah kepilih menjadi ketua panitia mau gak mau ya harus di jalanin.mumpung lagi ada waktu dan pertandingan lagi di liburkan Kang Mahfid akan berbagi tutorial tentang cara pasang Avatar Author di depan title Post (judul Postingan).Untuk melihat demonya silahkan lihat pada bagian Post page tepatnya di depan judul postingan .Sebenarnya cara ini bisa saja menggunakan Css Murni tanpa bantuan java script dan gambar Authornya kita letakkan secara manual ,sayangnya dengan melakukan trick (menggunakan Css murni)ini kita akan selalu mengganti gambar author setiap kali kita mengganti photo profil.

Nah untuk cara pasang Avatar Author secara otomatis didepan title post sobat Harus ikuti tahap demi tahap cara di bawah ini

1. Letak kan kode css tepat di atas kode ]]></b:skin> atau </style> berikut kodenya

   .photo-ku{margin:4px 5px;float:left;border-radius:50% !important;padding:0;width:30px;height:30px} 

2. Cari kode </head> letakkan script berikut tepat di atas nya:

   <script>
   
   //<![CDATA[
   
   function av(a){var 
   b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img
    alt="'+c+'" class="photo-ku" src="'+d+'" title="'+c+'"/>')}
   
   //]]>
   
   </script>

3. Selanjutnya cari code <b:if cond='data:post.title'> Secara lengkapnya kodenya seperti di bawah ini (lihat kode yang berwarna Hijau disitulah code script yang nantinya akan di pasang) :

   <b:if cond='data:post.title'>
   <!--jika code dipasang disini avatar akan tampil hanya di homepage-->
   <h3 class='post-title entry-title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h3>
   </b:if>
   <b:else/>
   <!--jika code dipasang disini avatar akan tampil hanya di Postpage-->
   <h1 class='post-title entry-title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h1>

4. Selanjut nya pasang script di bawah ini sesuai kebutuhan (lihat code warna Hijau di atas) berikut kodenya :

   <script expr:src='&quot;/feeds/posts/default/&quot; + 
   data:post.id + 
   &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
   

5. Preview dulu Kalau memang tidak ada Error silahkan Save.

Catatan Penting : code <b:if cond='data:post.title'> biasa nya ada lebih dari 1 Pasang pada code yang tepat kalau milik saya biasanya pada kode no 2

Judul Artikel :Cara Pasang Avatar Author di depan Title Post

Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara Pasang Avatar Author di depan Title Post Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih