Cara Membuat Recent Comment Dengan Pemberitahuan

Hello kawan-kawan, kembali lagi saya dengan admin Jumran Blog's akan menjelaskan salah satu tutorial blogger yaitu mengenai Cara Membuat Recent Comment Dengan Pemberitahuan dimana sebelumnya sudah saya mengenai Cara Membuat Profile Keren Pada Blog. Tutorial ini mungkin sudah banyak yang mengetahuinya tapi aku hanya bermaksud menerapkannya kembali sebagaimana postingan yang di buat oleh Rio.

Berikut  Cara Membuat Recent Comment Dengan Pemberitahuan

1. Seperti biasa masuk ke blog anda masing-masing.
2. Klik nama blog anda.
3. Lalu pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript
4. Salin kode berikut ini di bawah :

 <style type="text/css" scoped="scoped">

.cm-outer {

  margin:0 auto;

  padding:0;

  font:normal normal 11px/normal Arial,Sans-Serif;

  border:1px solid;

  border-top:none;

}

.cm-outer li {

  margin:0;

  padding:7px 10px 12px;

  list-style:none;

  clear:both;

  border-top:1px solid;

}

.cm-outer .cm-header {margin:0 0 5px}

.cm-outer .cm-content {overflow:hidden}

.cm-outer img {

  display:block;

  float:left;

  margin:2px 10px 2px 0;

  border:4px solid black;

  background:#8fa2cb url('http://img1.blogblog.com/img/anon36.png') no-repeat 50% 50%;

  overflow:hidden;

}

</style>

<div id="comments-container">Loading&hellip;</div>

<script type="text/javascript">

var cm_config = {

    home_page: "http://jumran-xp.blogspot.com",

    max_result: 7,

    t_w: 32,

    t_h: 32,

    summary: 9999,

    new_tab_link: true,

    ct_id: "comments-container",

    new_cm: " Komentar Baru!",

    interval: 30000,

    alert: true

};

</script>

<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/recent-comments-script-with-notification.js"></script>

     5. Simpan dan lihat hasilnya pada blog anda masing-masing.

Note : ganti tulisan berwarna merah jumran-xp dengan blog nama blog anda.

Sekian dulu ya kawan-kawan mengenai Cara Membuat Recent Comment Dengan Pemberitahuan 

Semoga bermanfaat