dialog box

Selamat pagii kawan-kawan blogger semua.

Mau posting lagi nih tentang Cara Mudah Membuat Recent Comment / Komentar Baru Dengan Foto di Blog. Postingan mengenai komentar memang tergolong banyak, diantaranya widget TOP Komentator dan menampilkan jumlah postingan dan komentar di blog yang sudah Admin bahas sebelumnya.



Dengan widget ini lebih mudah mengetahui siapa yang baru saja memberikan komentar di postingan blog kita. Widget ini tampilannya cukup menarik karena menampilkan foto menampilkan avatar atau foto dari yang orang yang memberikan komentar,jadii lebih manis kan??he

Untuk Live DEMO sudah saya pasang di blog saya ini,jika tertarik silahkan saja langsung menuju ke TKP.

Untuk langkah-langkahnya adalah sebagai berikut :
1. Seperti biasanya masuk kea kun blog sobat.
2. Pilih tata letak >> tambah gadget >> HTML/JavaScript
3. Silahkan sobat masukan kode di bawah ini

<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <style type="text/css"> 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 .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .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      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://sarifpbg.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

4. Edit terlebih dahulu jika sobat menginginkannya

Ganti angka berwarna merah dengan jumlah komentar yang ingin ditampilkan di halaman utama widget
Ganti angka berwarana biru dengan ukuran gambar avatar yang ditampilkan ( pixel )
Ganti angka berwarna kuning dengan batas maksimum karakter komentar yang ingin ditampilkan
Ganti alamat berwarna hijau dengan alamat url blog sobat masing-masing.

5. Simpan

Setelah di simpan silahkan lihat blog sobat sekarang.

Itulah sedikit tutorial tentang Cara Mudah Membuat Recent Comment / Komentar Baru Dengan Foto di Blog.
Semoga bermanfaat bagi sobat blogger semua ^_^

kali ini saya akan memberikan cara untuk melakukan ping artikel blog di TotalPing. Cara untuk melakukan ping di TotalPing sangatlah mudah, pada halaman utama TotalPing anda tinggal memasukkan nama blog, alamat blog dan rss blog kemudian centang situs mana saja yang akan dilakukan ping, (saya sarankan untuk mencentang semua yang ada di list). Jika sudah di centang, klik tombol Make Ping yang disediakan. Untuk jelasnya bisa melihat gambar berikut.




Kegunaan melakukan ping adalah untuk memberitahukan ke search engine kalau blog tersebut sudah diupdate sehingga link blog dapat ditambahkan kehalaman pencarian, saat ini ada ratusan situs ping di dunia dan salah satunya adalah TotalPing ini. Semoga artikel Cara Ping Artikel Blog Via TotalPing bermanfaat.

Sumber :  http://febri-yan.blogspot.com/2012/10/cara-ping-artikel-blog-via-total-ping.html