MARYONO

Laki-laki, 15 MARET 1991

MAGETAN, INDONESIA

Banggalah pada dirimu sendiri, Meski ada yang tak Menyukai. Kadang mereka membenci karena Mereka tak mampu menjadi seperti dirimu.
::
Start
Windows 8 SM Versi 3
Shutdown

Navbar3

Search This Blog

Tuesday, March 11, 2014

cara buat notifikasi komentar pada blog

cara buat notifikasi komentar agar semua komentar berkumpul dan menjadi pemberitahuan seperti pemberitahuan google plus
caranya mudah sobat membuat notifikasi komentar
simak baik baik ya agar lebih mudah penepatan kodenya;
  • letakkan kode ini di atas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
  • tambahkan kode ini di atas ]]></b:skin> atau </style>
/* 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 {
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/AVvXsEgO3gU8JPipw7x5EYUbSL3l48yib0cP0hax_rHZYftpT0T4jFK7QM9LCKl4Y2dxp8Gj2FgbHZXBQVY5ECJtDbETYyRaV2Afpdh0y0_nCrCcn5j3gObu_M-2Qi9NyetpcxZ9ztyr7S8O8f8/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/AVvXsEjJ9gkhI39t4tIFUlcw1HW8JDlDfOeSfuaBE836hzdw-fWurbOaKy4HiFDRzkudLwQ2DdSq4gjgNzEuMYstLZfRqFbNicJs9x1BI44g9965ogg2_wjRa3gIogfoe2NAItEsKXNssRl-8bY/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=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
}

  • dan juga kode ini di atas </body>
<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilI2h3WH4u00zYvNT9CNsVPYUnsEwFWWI4BG1suz8lr5Rwwb09vnjKtbkhpmUqNwM9Fp9g_X-aR8YQJHdgCyMrpPnUpgtKy9wtaqHQZl88mns-ViWBWgh44-PBO-sP1Ol48iISLOinoMA/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggL5LEm2yqXwHhhMmnCOwtxVuBmtjDRVZrUq5DPfIyWK1nKlGdmtzG5sQCqjQY4ROfVptZfblBzN7PWWZ_zyUdQg1CP3aiIU6EEx8fmRBIhF1D7Ku58IaCzGbIvzj6AD1kFrtJuCrA1hw/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://dagujang.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'/>
    •  dagujang.blogspot.com ganti tulisan yang di blog warna kuning dengan nama blog sobat sendiri
    • simpan dan lihat hasilnya

    0 comments: