full blog design | kumpulan tutorial: tutorial blog

Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Cara Pasang Avatar Author di depan Title Post

: Unknown 15.10 24 comments

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

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}

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>

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>

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;'/>

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

Kumpulan Tutorial ,Kumpulan Trick,Modifikasi Blog

: Unknown 15.10 24 comments

: Unknown 12.37 5 comments

: Unknown 20.42 39 comments

: Unknown 16.08 17 comments

: Unknown 19.45 15 comments

: Unknown 11.29 24 comments

: Unknown 19.44 7 comments

: Unknown 15.18 19 comments

: Unknown 10.54 10 comments

: Unknown 01.18 5 comments

: Unknown 20.40 24 comments

: Unknown 11.33 8 comments

: Unknown 14.50 6 comments

: Unknown 20.50 3 comments

: Unknown 12.41 1 comment

: Unknown 17.43 11 comments

: Unknown 15.15 15 comments

: Unknown 07.19 12 comments

: Unknown 21.30 20 comments

: Unknown 12.39 44 comments

Cari Artikel

Recent Post

Info-Blog