Membuat Widgate Jumlah Posting Dan Komentar di Blog

Pada kesempatan kali ini blog semukan aka shere mengenai Membuat Widgate Jumlah Posting Dan Komentar di Blog

Mungkin kata itulah yang cocok untuk artikel kali ini. mungkin sobat perna melihat widgate jumlah postingan dan jumlah komentar pada blog yang sobat kunjungi..

nah! pada kali ini saya akan memberikan caranya untuk sobat. dan sobat bisah terapkan di blog sobat.

Bagi teman-teman yang belum pernah meilhatnya coba lihat gambar di bawah ini:

Membuat Widgate Jumlah Posting Dan Komentar di Blog

Bagi sobat yang igin menerapkannya silahkan ikuti langkah-langkah di bawah ini:

1. Login dulu pada blog sobat Di sini.

2. Silahkan pilih Tataletak >> Tambah gadget

3. kemudian sobat Pilih HTML/Javascrip

4. Copy scrip di bawah ini dan simpan pada HTML/Javascrip

<div class='widget-content'>
<div class="widget-content">
<div name="Posting Diterbitkan" style="margin-top: 5px; float: left; width: 150px; height: 50px;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0pt; width: 44px; height: 44px; background: url("http://i1237.photobucket.com/albums/ff469/indolaron/icon/arsips.png") no-repeat scroll 0% 0% transparent;">
</div>
<div name="contador" style="padding: 6px 0pt 0pt; margin: 0pt; font-size: 13px; font-weight: bold; font-family: Arial,Helvetica,sans-serif;">
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Posting</div>
<p name="texto" style="padding: 0pt; margin: 5px 0pt 0pt; font-size: 10px; font-family: Arial,Helvetica,sans-serif;">
Posting Diterbitkan</p>
</div>
<div name="comentarios" style="margin-top: 5px; margin-left: 5px; float: right; width: 150px; height: 50px;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0pt; width: 44px; height: 44px; background: url("http://i1237.photobucket.com/albums/ff469/indolaron/icon/koments.png") no-repeat scroll 0% 0% transparent;">
</div>
<div name="contador" style="padding: 6px 0pt 0pt; margin: 0pt; font-size: 13px; font-weight: bold; font-family: arial,Helvetica,sans-serif;">
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Komentar</div>
<p name="texto" style="padding: 0pt; margin: 5px 0pt 0pt; font-size: 10px; font-family: Arial,Helvetica,sans-serif;">
Komentar Diterbitkan</p>
</div>

Keterangan:

* http://i1237.photobucket.com/albums/ff469/indolaron/icon/arsips.png
sobat bisah ganti dengan icon artikel/posting sesuai keinginkan sobat

* http://i1237.photobucket.com/albums/ff469/indolaron/icon/koments.png
sobat bisah ganti dengan icon komentar sesuai keinginan anda

* margin-left: 5px
jarak jumlah komentar dari kiri(jarak jumlah posting - jumlah komentar)

Mungki itu saja yang saya dapat berikan mengenai Membuat Widgate Jumlah Posting Dan Komentar di Blog semoga dapat memberikan mamfaat...

Ditulis Oleh : Unknown

Terimakasi atas kunjungan teman-teman...
Bila artikel ini sangat bermanfaat, sobat dapat bagikan ke teman-teman yang lain melalui jejaring sosila yang ada di bawah ini!!
Jangan lupa tinggalkan komentarnya...

Berbagi di :

BACA JUGA :

Tutorial Blog

Membuat Widgate Jumlah Posting Dan Komentar di Blog

Ditulis Oleh : Unknown

No comments:

Tambahkan Komentar