Menampelkan Komentar Terbaru Sahabat

Pemirsa, entahlah mungkin bingung baca judunnya, begitupun saya. Entah nyambunng apa engga dengan yang saya inginkan.

Tapi beginilah maksudnnya. Bagi rekan-rekan senior mungkin ini bukanlah hal yg baru. Bahkan bisa jadi sudah tidak dianggap. Lain dengan saya yang awalnya ngeblog adalah catatan sekaligus bagi catatan. Yang penting bisa membuat catatan aman sudah.

Tapi jaman berkembang mang aduls pun kesepian dalam ber bloger ria. 

Hingga dalam perjalanan bertemu dengan berbagai macam bloger. Mulai yang agak waras sampe yang waras. Hehehhehe...

Becanda.

Pada intinnya dengan bertemu kawan-kawan, sahabat-sahabat blogger yang lebih hebat saya jadi rada nanya- nanya. Gimana cara nya biar seperti ini, biar seperti itu. Biar melengkung, biar muter, biar kelap keli biar dll.

Banyak yg gagal ternyata maklum lah saya awam.

Dalam mengotak ngatik bahasa bloger/kode-kode dalam memblog. Jika di ibaratkan, ibarat melihat lubang jarum yang jarumnya sejauh 10 meter. Jangankan lubangnya jarumnya aja belum tentu kelihat . Hahahhaa...

Tapi tak apalah hidup ini belajar dengan belajar maka akan bisa. Okeh...!

Walau bagaimanapun tentu dong ada juga yang berhasil.

Nah berikut adalah salah satu yang berhasil saya terapkan.Menampilkan komentar sahabat.

Nah ini dia.

Bagi yang mau coba - coba silahkan

Kodennya :


<div style="border: 1px ridge blue; margin: 1px; padding: 1px; text-align: left;">
<style type="text/css" scoped>
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 10,
 showAvatar  = true,
 avatarSize  = 0,
 roundAvatar = true,
 characters  = 50,
 defaultAvatar  = "",
 hideCredits = true;
 adminBlog='MANGS ADULS';
//]]>
</script>
<script type="text/javascript" src="http://googledrive.com/host/0B9Wovb9znJG1SExVdkRwT2FQeVU"></script&gt;
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=50"></script>
</div>

Contoh Tampilan Hasilnya silahkan Sahabat berkomentar fotosahabat bakal nangkring :) :

Bagi pemirsa yg ingin membuanya bisa mencopy kode di atas. Silahkan di copy hasilnya adalah seperti pada blog saya. Ganti aja yang warna hijaunya.

Caraya :

• Copy code di atas.
• Login ke blog
• Masuk Tata Letak
• Silahkan pilih posisi
• Pilih  Tambahkan Gedget
• Pilih HTML/JavaScript

Lihat Gambar berikut ini

• Pastekan kode tadi

• Dan save

Tinggal lihat blognya.

Mudah - mudahan berhasil.

Contoh tampilan :

Sekian terimakasih....

Thanks To Eka Ikhsanudin 

Lokasi:

Share :