TEXTAREA BLOGGER
Kamis, 30 Oktober 2014
Notifikasi Komentar Ala Google Plus
Taruh Kode CSS berikut ini tepat 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:25px; right:126px; 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:300px; position:fixed; top:62px; right:0; z-index:9999; background-color:#422929; padding:60px 20px 10px 20px; color:#0D8A80; box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important; text-align:left; border:5px solid #580606; background-clip:padding-box; display:none; } #cm-container:before { content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ZmPYRmwYvvnSjUemPMeuOWzq3xJFrULwqe2QUb_Dm_RVdTvuQT3IfJLdTi6fmC3UMu0-NGzBIyifOMvcgNr3eSU6r-gCtx9bd2ZhSs8hCeXDLdQK2AZK4Y31-m1dk0LU4lFoRizrQ8o/s1600/arrow-notif.png'); position:absolute; top:-19px; left:200px; } #cm-container:after { content:"Komentar Terbaru"; position:absolute; top:22px; left:150px; text-align:center; font:normal 14px Arial; color:#fff; } .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: #422929; margin-bottom:10px; } .cm-text {color:#E61919;} .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/AVvXsEhl0bnBvUEVJo4gGHL_AgtjoDHM0vvYiZC_HySRNiULp3y7MDJzLytMq6SeFzhyLktYszGdi-_xl5IRwXFuH8_ZYwkqhkURzaqkxeQGNhez_zC3DQjooUIbRZdmgoTlUIgxcfq7mWXsxaI/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/AVvXsEiHdy10FhdRTCDf4UQ0Osamz5IjpOF_fGODRs6TyR3ghXBuGw3oexnw7Sf-wAjuJdPd44ZJulCi3GNtjsujtdZWPF6Sdus-Se2m41ViWom-vlUy9F7gpMcQ6s2VrMQm7lNe13KPNjzVobo/s80-c/gravatar.png); }
Taruh Kode dibawah ini tepat diatas </body>
Ganti dengan URL blog sobat. Jika didalam Template sobat belum terdapat jQuery, pasang kode dibawah ini tepat diatas </head>
Tidak ada komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar