Notifikasi adalah sebuah pemberitahuan bahwa ada pesan yang di terima atau ada pesan yang masuk
sebagai contohnya notifikasi pada facebook yang berada di sudut kanan atas yang meliputi notifikasi komentar dan sejenisnya yang ada kaitanya dengan aakun facebook tersebut , yang kedua notifikasi pesan masuk , yang ketika notifikasi yang terkait dengan konfirmasi dalam perteman.
contoh kedua notifikasi pada google plus , letaknya pada dasarnay sama di sudut kanan atas , notifikasi google plus akan keluar jika ada transaksi yang terkait dengan akun google plus kita , misalnya ada seseorang yang berkomentar pada status atau memberi like dan sebagainya
untuk contoh notifikasi pada google plus seperti pada gambar di bawah ini
Pada artikel jasa google adsense ini saya akan memberikan panduan Cara membuat notifikasi komentar blog ala jasa Adsense
jadi notifikasi yang akan saya berikan ini jika ada komentar baru maka notifikasipun juga akan keluar memberikan tanda bahwa ada orang yang berkomentar lengkap dengan jumlah orang yang berkomentar , sebagai contohnya silahkan klik di sudut atas sebelah kanan / barisan menu navigasi di blog ini , contoh kedua bisa melihat gambar di bawah ini
Cara pembuatan notifikasi komentar blog ala jasa adsense
1.buka blog anda / jangan buka blog orang lalu login akun masing-masing / akun milik sendiri
2.pilih / klik desain
3.pada dashboard blog pilih Template lalu klik lagi bagian edit HTML
4.kopi di bawah ini lalu pastekan di atas kode ]]></b:skin>
5.kopi lagi kode di bawah ini lalu pastekan di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
6.kopi lagi kode di bawah ini dan pastekan di atas kode </body>
7.ganti kode yang berwarna Biru dengan alamat blog anda
8.simpan template anda
9.selesai..
dengan membuat notifikasi komentar blog ala jasa adsense maka akan menambah keunikan sebuah blog dan juga menghemat ruang blog anda , semangat go...
sebagai contohnya notifikasi pada facebook yang berada di sudut kanan atas yang meliputi notifikasi komentar dan sejenisnya yang ada kaitanya dengan aakun facebook tersebut , yang kedua notifikasi pesan masuk , yang ketika notifikasi yang terkait dengan konfirmasi dalam perteman.
contoh kedua notifikasi pada google plus , letaknya pada dasarnay sama di sudut kanan atas , notifikasi google plus akan keluar jika ada transaksi yang terkait dengan akun google plus kita , misalnya ada seseorang yang berkomentar pada status atau memberi like dan sebagainya
untuk contoh notifikasi pada google plus seperti pada gambar di bawah ini
Pada artikel jasa google adsense ini saya akan memberikan panduan Cara membuat notifikasi komentar blog ala jasa Adsense
jadi notifikasi yang akan saya berikan ini jika ada komentar baru maka notifikasipun juga akan keluar memberikan tanda bahwa ada orang yang berkomentar lengkap dengan jumlah orang yang berkomentar , sebagai contohnya silahkan klik di sudut atas sebelah kanan / barisan menu navigasi di blog ini , contoh kedua bisa melihat gambar di bawah ini
Cara pembuatan notifikasi komentar blog ala jasa adsense
1.buka blog anda / jangan buka blog orang lalu login akun masing-masing / akun milik sendiri
2.pilih / klik desain
3.pada dashboard blog pilih Template lalu klik lagi bagian edit HTML
4.kopi di bawah ini lalu pastekan di atas kode ]]></b:skin>
/* Notifikasi Komentar ala mahadewa pulsa
-------------------------------------------------------------- */
#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/AVvXsEjm8qBZhs-VQk9hvsefKQwke_HTZpjosw4jWIiE0r5_6uA8_iieMXQpRDGNz9UJ3UDvq74hmlVIRqZUp4nih1PixaCd-WwStVWTm7wstr9X3EfiWVnPkNFMoNANvrJdpbAvz0RQCm5C7ac/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/AVvXsEg3Cv1Ua65oNjCgjWgn-vzm8nyb5bGUyvYE8BJPVEvqAfddh_igctPSxqnicUlHxEm_w-ywgAYNGcgKtUOzG3eLIh-rKFEhB9axAWYfBAqqC_GBzrPxJ7_tk2dwEvQG6QMCfLnwlGXH3K4/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXFfIgSfeqiyaxSME8x3dlelIsHjuGUUbFAUN5qn1TGCiHmvNrc8GH7QBGe8_v59zIiffE5a6gE0-SOqkJTyeSHaeG4A-b4MaLmIuwd3e8sLBrAk7sSZchE5eJ9cqEIgIx3KEKTbEF8g8/s80-c/gravatar.png);
}
-------------------------------------------------------------- */
#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/AVvXsEjm8qBZhs-VQk9hvsefKQwke_HTZpjosw4jWIiE0r5_6uA8_iieMXQpRDGNz9UJ3UDvq74hmlVIRqZUp4nih1PixaCd-WwStVWTm7wstr9X3EfiWVnPkNFMoNANvrJdpbAvz0RQCm5C7ac/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/AVvXsEg3Cv1Ua65oNjCgjWgn-vzm8nyb5bGUyvYE8BJPVEvqAfddh_igctPSxqnicUlHxEm_w-ywgAYNGcgKtUOzG3eLIh-rKFEhB9axAWYfBAqqC_GBzrPxJ7_tk2dwEvQG6QMCfLnwlGXH3K4/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXFfIgSfeqiyaxSME8x3dlelIsHjuGUUbFAUN5qn1TGCiHmvNrc8GH7QBGe8_v59zIiffE5a6gE0-SOqkJTyeSHaeG4A-b4MaLmIuwd3e8sLBrAk7sSZchE5eJ9cqEIgIx3KEKTbEF8g8/s80-c/gravatar.png);
}
5.kopi lagi kode di bawah ini lalu pastekan di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
6.kopi lagi kode di bawah ini dan pastekan di atas kode </body>
<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpNMU5lXzx9MPpb3qbXHnoe4wWicaEYS7nojrt0RMAqDps_h5LZ6ARCBhMf5SxCYfzD3nhX609Fok3juA5EeLm-2wQUTIFy1i2CFd7Hc8xr0AvIKJrZw9d73xxjSGBI8wN54isdV7zLcu/s1600/noti.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7n7UwmuQAp7mDwB_QYXJzuBgHsRoWK4pDpl0EryjgLgGu6o5Wn8TZt4hE8xRYlNU1Kf0rh9QNP62gpMi3bqD9V6OXKeylmMWo1jiWuL1evVGVfVwQIxYcLMlFh9srVCSl7oOsmutucg/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "https://jasabikin-website.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'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpNMU5lXzx9MPpb3qbXHnoe4wWicaEYS7nojrt0RMAqDps_h5LZ6ARCBhMf5SxCYfzD3nhX609Fok3juA5EeLm-2wQUTIFy1i2CFd7Hc8xr0AvIKJrZw9d73xxjSGBI8wN54isdV7zLcu/s1600/noti.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7n7UwmuQAp7mDwB_QYXJzuBgHsRoWK4pDpl0EryjgLgGu6o5Wn8TZt4hE8xRYlNU1Kf0rh9QNP62gpMi3bqD9V6OXKeylmMWo1jiWuL1evVGVfVwQIxYcLMlFh9srVCSl7oOsmutucg/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "https://jasabikin-website.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'/>
7.ganti kode yang berwarna Biru dengan alamat blog anda
8.simpan template anda
9.selesai..
dengan membuat notifikasi komentar blog ala jasa adsense maka akan menambah keunikan sebuah blog dan juga menghemat ruang blog anda , semangat go...