Cara Membuat Recent Komen Ala Google Plus dengan Efek Scroll

Selamat Pagi Sahabat Blogger..
Maaf nih Jarang Posting di karenakan Kebanyakan Pesenan Google Adsense Jadi Blog ini
Terbengkalai.. Tapi Tak apa.?? Ane Masih Bisa nyuri² waktu kosong Yaitu Sehabis Sholat Subuh Langsung
Tancep Buat Postingan Cara Membuat Recent Komen Ala Google Plus oke Langsung Aja yah

Recen Komen Dengan Notip Lonceng

Langkah Pertama Seperti Biasa Kmu Login dulu Ke Blog Mu..
1.Cari Kode ]]></b:skin>
2.Copy Kode Di bawah ini Tepat Di Atas Kode ]]></b:skin>

/* Notifikasi Komentar
----------------------------------------------- */
#cm-total {
  position:fixed;
  top:14px;
  right:0;
  width:188px;
  text-align:left;
  z-index:9999;
  cursor:pointer;
}
.total-counter {
  background-color:#d11919;
  color:white;
  padding:1px 4px;
  font-family:Arial,Sans-serif;
  font-size:11px;
  border-radius:5px;
  font-weight:bold;
}
#notif {
  position:fixed;
  top:20px;
  right:180px;
  z-index:9999;
  height:22px;
  width:19px;
  opacity:.4;
  cursor:pointer;
}
#notif:hover {
  opacity:1;
}
.close-notif {
  position:fixed;
  top:92px;
  right:20px;
  z-index:9999;
  cursor:pointer;
  display:none;
}
#cm-container {overflow: auto; height: 450px;
  width:355px;
  position:fixed;
  top:67px;
  right:0;
  z-index:9999;
  background-color:#e5e5e5;
  padding:60px 20px 10px 20px;
  color:#666;
  box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
  text-align:left;
  border:1px solid rgba(0,0,0,.2);
  background-clip:padding-box;
  display:none;
}
#cm-container:before {
  content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPA2dfQgKprnaQ3Uk4L9eA85d9C2m9tYYS3K7w1dlpk6h__Z1XK0JY7dHNkz87VpCvjFLA6M09qW3-MwLdRfPliiHqf0yrIgR0-WE6HbkC0xSyw-YKaLlXlDk4BNikIWJUwGvIRg7LuHU/s1600/arrow-notif.png');
  position:absolute;
  top:-14px;
  left:196px;
}
#cm-container:after {
  content:"Komentar Terbaru";
  position:absolute;
  top:22px;
  left:150px;
  text-align:center;
  font:normal 14px Arial;
  color:#333;
}
.cm-outer {
  margin:0 auto;
  padding:0;
  font-size:11px;
  text-align:left;
  font:normal 12px Arial;
}
.cm-outer ul{
  margin-bottom:5px;
}
.cm-outer li {
  padding:9px 10px 14px;
  list-style:none;
  clear:both;
  position:relative;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  background-color: white;
  margin-bottom:10px;
}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
  display:block;
  float:left;
  background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZKhf6MPd0arb0uOYo7BgVwsB8sCRzx9NzWEp2fgG7Huh2klRgRZh7jpeaGQ7QYGWwVBvKCFPFmNIX57Bp2qQcC8iDkdu_h3PHZlxmk0yFiXJGj9mPZ45aTW9fHBeL1_mYN-4iRH37O58/s1600/anon80.png') no-repeat 50% 50%;
  overflow:hidden;
  border-radius:3px 0 0 3px;
  position:absolute;
  top:0;
  left:0;
}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
}

3. Cari Kode </body>
4.Copy Kode di Bawah ini Letakan Di Atas </body>

<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCXFBAiDdFEHkE9ZqRpUWLPivgOfJGhoaUl9ZCf8BCPCfVnMIhhrnf6O77YeI6Ay8fzBWV_tDzFSbI3MSR_xMsKYVfRIVa7fy-Ol9UpLk1YHV1Do_nBLBD1UwLlgkwQ0lQa34u13Q1hWc/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWTbAmQDUHKIolS-4LvP4yJ_5Eb7ADwcte5Hkfa4ytJL_WPjG-6N6SnIXLbF34t4SUWym_cxTF2CqmEtMZws0Aqe1PoH7ufiUUv31fDYG89MoJSOO91VHUINF3ZwTa06TldA2d5OJRgo8/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "http://Maftuhijore.blogspot.com",
    max_result: 6,
    t_w: 80,
    t_h: 80,
    summary: 40,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>

Ganti Texs Berwarna Kuning Dengan URL blog Sahabat..Semoga Bermanfaat Jangan Lupa Tinggalkan Komentar..!!!

Thnk To.. blog Kang Ismet..

Posted by Unknown on Friday, 29 November 2013 - Rating: 4.5

Title : Cara Membuat Recent Komen Ala Google Plus dengan Efek Scroll
Description : Selamat Pagi Sahabat Blogger.. Maaf nih Jarang Posting di karenakan Kebanyakan Pesenan Google Adsense Jadi Blog ini Terbengkalai.. Tapi Ta...

Tweet