Cara Membuat Widget Recent Comment Blog

10:03 am
( BUAT RECENT COMMENT DI BLOG /WEB )
Kampoeng iLmu2 - Cara Membuat Widget Recent Comment Blog , Recent Comment Ini Fungsinya Adalah Untuk Memberi Tahu Penggunjung Yang Berkomentar Pada Posting Blog Kita. Jadi Memudahkan Kita Bisa Langsung Membalas Comment Tersebut. Kamu Bisa Membuat Widget Ini Dengan Menggikuti Tutorial dibawah ini. 8)

Cara Membuatnya :

Pertama Kamu Masuk Ke Dasbor Blog Kamu ! :v :v

Kedua Klik TATA LETAK >>  ADD GADGET >> HTML /Javascript .

Ketiga Copy Kode HTML Untuk Widget Recent Comment :

<style type="text/css" 
scoped> ul.kangismet_recent{list-style:none;margin:0;padding:0;} 
.kangismet_recent li{background:none !important;margin:0 0 6px 
!important;padding:3px 
 !important;display:block;clear:both;overflow:hidden;list-style:none; 
border: 1px solid transparent;border-radius:9px; max-height: 100px;} 
.kangismet_recent li:hover{border: 1px solid #ddd;}.kangismet_recent a 
{text-decoration:none;}.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;width:35px;height:35px}
 .kangismet_recent li span{margin-top:4px;color: #222;display: 
block;font-size: 12px;line-height: 1.4;} </style><script 
type="text/javascript">//<![CDATA[    var numComments  = 5, 
showAvatar  = true, avatarSize  = 35, roundAvatar = true, characters  = 
40, defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", hideCredits
 = true; maxfeeds=50, adminBlog='Aditya Iqbal';//]]></script><script
 type="text/javascript" 
src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script><script
 type="text/javascript" 
src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50"></script>

KET : :)
numComments : Jumlah Komentator Yang Ingin Ditampilkan
avatarsize : Ukuran Widget Recent Comment
characters  : jumlah Karakter Isi Komentar
AdminBlog : Ubah Dengan Nama Kamu !.

Keempat Klik Save Atau Simpan !. :*

Yang berbeda pada v.3 ini yaitu clickable area (area yang bisa diklik) bukan hanya pada Nama Komentator, tetapi disekitar avatar, nama, dan isi komentar semuanya clickable. Kelebihan lain v.3 ini yaitu valid HTML5.

Semoga Bermanfaat , dan Jika Ada yang Masih Binggung atau ada Kode HTML Yang Salah Bisa Koment Dibawah !. :D

Share this :

Aditya Iqbal Adalah Blogger Asal Indonesia Yang Bekerja Di Bidang IT dan Design.

0 Komentar

+ PERATURAN +

♣ Berkomentar Relavan
♣ Berkomentar Sopan
♣ Tidak Boleh Berkomentar Kotor
♣ Saling Menghargai Sesama Komentator

- CEO

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔