Cara Mudah Membuat Recent Comment / Komentar Baru Dengan Foto di Blog

Cara Mudah Membuat Recent Comment / Komentar Baru Dengan Foto di Blog


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.

widget recent comment


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 ^_^



Terima kasih telah membaca artikel tentang Cara Mudah Membuat Recent Comment / Komentar Baru Dengan Foto di Blog , Jika anda merasa artikel ini penting,akan sangat membantu dan berguna bagi orang lain jika membagi dan mensharenya dengan mengklik icon G +1, Facebook dan Twitter disamping.

Judul: Cara Mudah Membuat Recent Comment / Komentar Baru Dengan Foto di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Bfc Sarif SatriaSatriaan

Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.

Baca Artikel Menarik Lainnya:

Teknik Rahasia Sukses Bisnis Online ClickBank



Dapatkan Artikel dan Informasi dari Tips dan Cara Mudah secara GRATIS
Silahkan masukkan Email Anda disini

BfcSarifBlog
Diposkan oleh Bfc Sarif SatriaSatriaan
Bfc Sarif Blog | Berbagi Tips dan Cara Mudah Updated at: 10:38 AM

44 comments

February 7, 2013 at 12:12 PM delete

ijin sedot sob :bye:

February 7, 2013 at 6:14 PM delete

manteb kang tutorialnya,

February 7, 2013 at 9:00 PM delete

@Hamidi W_rmakasiih kawan :D

February 7, 2013 at 9:01 PM delete

@DS Eyelashesdipersilahkan sobat :D

February 8, 2013 at 12:52 AM delete

cakep sob hasilnya juga bagus.. thanks infonya

February 8, 2013 at 9:28 AM delete

@Andes Rizky Nugrohosama-sama sob,
terima kasih dah berkunjung :)

February 17, 2013 at 10:17 PM delete

backgrounnya bisa diganti gak sob?

February 18, 2013 at 11:41 AM delete

@mitasenbisa donk sob..
silahkan cari kode background dan anda kreasikan sendiri :)

February 20, 2013 at 5:29 PM delete

thanks dud,, it works

February 21, 2013 at 5:05 PM delete

@djiesoftsama-sama :)

February 25, 2013 at 5:43 AM delete

Thank's Infonya..manmpi ye...moziilla88.blogspot ...gan

February 25, 2013 at 8:32 AM delete

@Budi Aminokke..

March 6, 2013 at 2:02 PM delete

wah keren booszz..
kunjung balik ya..
adimbahgahol.blogspot.com
adimbahgahol.blogspot.com

Follow ya blog ane,,nanti blog kalian juga ane Follow..

March 6, 2013 at 9:32 PM delete

@Adi Athenaokke follow sukses :)

March 12, 2013 at 12:07 AM delete

Thanks gan...code-nya. mampir gan ke blog ane. salam S3 ( Semoga Sukses Selalu )

March 24, 2013 at 12:00 AM delete

Mlm sob minta izin copas ya? :D

March 24, 2013 at 7:33 PM delete

@dins samsilahkan,asalkan jng lupa kasih sumber aslinya ya :)

April 4, 2013 at 2:33 PM delete

terimakasih Mas, saya dah nyari nih tutorial dr kmarin

April 4, 2013 at 6:28 PM delete

Thanks
kunjungi blog saya: rakashare31.blogspot.com

April 4, 2013 at 8:06 PM delete

@Harajawasemoga bisa membantu mas :)

April 4, 2013 at 8:09 PM delete

@Raka Djatisiip kunjungan datang :)

April 30, 2013 at 2:11 PM delete

makasih mas bro atas tutorialnya

May 4, 2013 at 8:46 PM delete

keren bgt bos

May 4, 2013 at 8:49 PM delete

Untuk mnambah semangat ngblog,
Ane akan klik GA ente.
Visit back ya....

May 12, 2013 at 5:12 PM delete

Saya test dulu ya mas, makasih dulu sebelumnya.

May 15, 2013 at 5:40 PM delete

Terimakasih sobat..

May 31, 2013 at 7:34 PM delete

Salam persahabatan dan semoga sukses selalu sob.....
jangan lupa ya Sob , kunjungi balik ya di http://planetajaib.blogspot.com/ dan jangan lupa komentarnya ya dan bila sahabat berkenan harap follow blog saya agar nambah akrab kita.

June 8, 2013 at 12:58 PM delete

Thanks infonya view my blog http://files27.blogsot.com

June 26, 2013 at 9:58 PM delete

keren ini mas izin nyoba ya mas..
thanks

June 27, 2013 at 4:52 PM delete

thanks gan keren banget, ijin pake ya...

July 15, 2013 at 2:15 PM delete

kalo nambahin widget tersembunyi gmn >?

July 18, 2013 at 12:33 PM delete

thanks bro ;)

July 18, 2013 at 10:32 PM delete

Terimakasih Gan Artikelya..

August 7, 2013 at 8:13 PM delete

bagus sob :D

saya coba dlu ya? mungkin :P

September 24, 2013 at 7:30 PM delete

Suwun gan . @tirtaz88

September 26, 2013 at 1:29 PM delete

Trims infonya mas, dicoba dulu :)

March 20, 2014 at 3:27 AM delete

Mantap hasilnya, terimakasih tutorialnya ya :)

March 20, 2014 at 3:32 AM delete

Tutorial yang bermanfaat, sy akan coba di beberapa blog sya

March 21, 2014 at 9:46 PM delete

@Lowongan Kerja Terbarusama sam kawan :)

March 21, 2014 at 9:48 PM delete

@Tips Cara Untukterima kasih kunjungannya sobat,semoga bisa membantu :)

April 16, 2014 at 8:53 AM delete

keren gan trimakasih atas infonya, kalau berkenan di tunggu kunjungan baliknya ya http://handexcel.blogspot.com

April 18, 2014 at 10:25 AM delete

@Hand Excelkunjungan datang :)

Post a Comment

 
Design by Bfc Sarif SatriaSatriaan | Support D-S Barokah Eyelashes - Produsen Bulu Mata Palsu Purbalingga Produsen dan Penjual Bulu Mata Palsu Murah