Cara Membuat Notifikasi Komentar Ala Google Plus

Cara Membuat Notifikasi Komentar Ala Google Plus

Assalamualaikum,,,

Selamat pagi Sobat Blogger. Pada Pagi hari ini saya Akan Berbagi triks blogger yang sedang marak dan populer pada saat ini. dan Masih Banyak peminatnya dan saya tertarik membuat posting ini.Semoga Laris Manis,,,

Cara Membuat Notifikasi Komentar Ala Google Plus

- Copy Kode JavaScript Berikut Diatas Taq </head> Bagi yang blum punya

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

- Copy CSS Berikut diatas Taq ]]></b:skin> 

/* Notifikasi Komentar----------------------------------------------- */#cm-total { position:fixed; top:14px; right:0; width:188px; text-align:left; z-index:9999; cursor:pointer; } 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; } 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; } position:fixed; top:20px; right:180px; z-index:9999; height:22px; width:19px; opacity:.4; cursor:pointer;}#notif:hover { opacity:1; } opacity:1;}.close-notif { position:fixed; top:92px; right:20px; z-index:9999; cursor:pointer; display:none; } 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; } 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/AVvXsEgkGrWw9QVyL_xVmH1nO7iPqUSmq2CALCyRYH05y-YLZRWFzKlFCe4IzmMH6K6IyM9Uvu5HqqBDDfxLpqmNF1_7xihGBBxg6Ds0kkNbKEZrWeqJ6qQw4G6zwHx-YJRiooWHz03i0q7gF6Y/s1600/arrow-notif.png'); position:absolute; top:-14px; left:196px; } content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkGrWw9QVyL_xVmH1nO7iPqUSmq2CALCyRYH05y-YLZRWFzKlFCe4IzmMH6K6IyM9Uvu5HqqBDDfxLpqmNF1_7xihGBBxg6Ds0kkNbKEZrWeqJ6qQw4G6zwHx-YJRiooWHz03i0q7gF6Y/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; } 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; } margin:0 auto; padding:0; font-size:11px; text-align:left; font:normal 12px Arial;}.cm-outer ul{ margin-bottom:5px; } 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; } 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/AVvXsEjCR8lLj4y6voyyp3PY5K2zam4UtnXG0v7Ec6HK9mS7HUi-W5El5lZV_bbgLVQtyHAxQ9CfezIfqU58x4FCBZQCw5mEJip_YeNfw1pvNBzu93vMDBXNAK2OEMtPuZFEm_W7Z1P_AQZRlT4/s1600/anon80.png') no-repeat 50% 50%; overflow:hidden; border-radius:3px 0 0 3px; position:absolute; top:0; left:0; } display:block; float:left; background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCR8lLj4y6voyyp3PY5K2zam4UtnXG0v7Ec6HK9mS7HUi-W5El5lZV_bbgLVQtyHAxQ9CfezIfqU58x4FCBZQCw5mEJip_YeNfw1pvNBzu93vMDBXNAK2OEMtPuZFEm_W7Z1P_AQZRlT4/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) }content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkE2Wg3jITKYNHeJYTzH2Urd4J0u0pHzpT8CUjZ-9PCODJU7-Sj-GH3ums_IMkXwigXfCp7jtEeoX9Kd-2R_QVn8UZZvtbZcz510AaKKQ7nE6ABMYpQUQhW9ttZosHNxJJ8TRZPCzdzjU/s80-c/gravatar.png);} 

- Simpan Kode Berikut Diatas Taq </body>

<div id='cm-container'/> <div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9STZOfDxClQ9vAjXyYb-Pcnj981KFPjkKmnz_IEEtePo1HQZgN_cZfcUhYnXUG-RZpz3AMRvsTpTAPlyMrFg960OtLoi2Kctqv9RZV46QZIbqR69M6LTKr_bc2MiiYizjYGl0YTZvFYk/s1600/lonceng.png'/></div> <div id='cm-total'/> <div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyOujDgeWE1XK2Z_zTTANnAAIDxE6B4pKwLZj7idxHShiQBM5p2p44Aghyphenhyphenkx32CVv7y0GBzmEuGo_b981jGG4V7bWS6a2Xo0nezwiUQZPRNycLV4lwPOjVEF35GZJFMw62g-x1kr-5oFs/s1600/delete4.png' title='close'/></div> <script> //<![CDATA[ var originalTitle = document.title; var cm_config = { home_page: "http://afriadiiblog.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'/>

Ket: Ubah Tulisan Yang Diblog Dengan Url Blog Sobat

Sekian Sob Artikel Tentang Cara Membuat Notifikasi Komentar Ala Google Plus semoga Bermanfaat. Baca Juga Artikel Lain nya Cara Unik Nembak cewek Ala Anak IT