[بلوجر] اضافة جرس التنبيهات باخر التعليقات عائم 2015

السلام عليكم ورحمة الله وبركاتة

بعد ان تلقيت الكثير من الطلبات على صفحة المطور .نت على الفيس بوك فالكثير يبحث عن هذه الاادة والاضافة , فهي اكثر من رائعة تتميز بالجمال والاحترافية في عرض اخر التعليقات , جرس التنبيهات جوجل بلس لمدونات البلوجر 2014 . فهي تعطيك ايضا رقما بعدد التعليقات الجديدة التي لم تشاهدها , ويمكنك الذهاب لمكان التعليق , والكثير الكثير من الميزات اترك تستكشفها بنفسك بدون اطالة اترككم مع التركيب


في البداية قم بالذهاب الى لوحة تحكم بلوجر ثم اذهب قالب ثم تحرير html
قم بالبحث عن 
وضع فوقة / قبلة الكود الاتي يمكنك تحميل الكود من هنا 

بعد ذلك قم بالبحث }]]>

وضع فوقها الكود الاتي يمكنك تحميل الكود من هنا

#show-total {position :fixed;top:9px;left:295px;z-index:99;cursor:pointer;
float :left;}
.total-show {background-color:#ebbd74;color:#fff;border:1px solid  #fafafa;padding:2px 6px;font-size:11px;
border-radius:2px;font-weight:normal;}
#notif {cursor:pointer;}
#notif:before {content:"\f0f3";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;font-size:20px;color:#aaa;display :block;
position :fixed;top:15px;left:300px;opacity:1;z-index:97;transition:all 0.3s ease-in-out;}
#notif:hover:before {opacity:1;}
#notif2 {cursor:pointer;display :none}
#notif2:before {content:"\f00d";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;font-size:20px;color:#f35d5c;display :block;
position :fixed;top:15px;left:300px;opacity:1;z-index:97;transition:all 0.3s ease-in-out;}
#notif2:hover:before {opacity:1;}
#cm-wrapper {width : 310px;position :fixed;top:50px;left:-381px;z-index:9999;
background-color:#fff;padding:15px 15px 25px 13px;color:#444;font-family:'ge_ss_threeregular',ge_ss_threeregular;border-top:4px solid #11b7b5;font-size:10px;transition:all 0.2s ease-in-out;}
#cm-wrapper:before {content:"";width : 0;height:0;position :absolute;top:-24px;
left:298px;border:10px solid transparent;border-color:transparent transparent #11b7b5;}
#cm-scroll {width : 100%;height:1000px;max-height:100%;overflow:auto;position :relative;}
#comments-container {font-size:13px;color:#444;font-family:'ge_ss_threeregular',ge_ss_threeregular;opacity:1;}
#comments-container.cm-active {position :fixed;left:0;top:61px;}
.scrollgeneric {line-height:1px;font-size:1px;position :absolute;top:0;right:0;}
.vscrollerbase {width : 5px;background-color:#fafafa;}
.vscrollerbar {width : 5px;background-color:#f2f6f7;}
.hscrollerbase {height:10px;background-color:#fafafa;}
.hscrollerbar {height:10px;background-color:#fafafa;}
.scrollerjogbox {width : 10px;height:10px;top:auto;right:auto;bottom:0px;left:0px;
background-color:transparent;transition:0.3s ease-in-out;}
.cm-outer {margin:0 auto;padding:0;font-size:11px;text-align:right;}
.cm-outer pre {background-color:#f9f9f9;color:#888;border:1px solid #e0e0e0;border-right:2px solid #f7941d;font-size:11px;}
.vscrollerbar .cm-outer pre {width : 5px;background-color:#fafafa;}
.cm-outer li {padding:7px 10px 12px;list-style:none;clear:both;position :relative;margin-left:10px;}
.cm-outer code {color:#888;font-size:11px;}
.cm-outer li.selected {border-right:2px solid #ddd;}
.cm-outer li:first-child {border-top:none;}
.cm-outer li:last-child {border-bottom:none;}
.cm-text {color:#888;}
.cm-outer {margin:0 0 5px}
.cm-header {margin:4px 60px 8px 0;font-size:15px;font-weight:normal!important;}
.cm-header a {color:#666;font-family:'ge_ss_threeregular';text-decoration:none;font-size:13px;font-weight:400;}
.cm-header a:hover {color:#49abeb;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-right:60px}
.cm-outer img {display :block;float :right;background:#fafafa url('http://1.bp.blogspot.com/-21HK5HI5YEM/U6wYCTGPkKI/AAAAAAAAECQ/_R2ECAxKrug/s1600/anonim.png') no-repeat 50% 50%;
overflow:hidden;border-radius:100px;position :absolute;top:10px;right:0;
border:2px solid #f9f9f9;transition:all 0.3s ease-in-out;}
.cm-outer img:hover {border:2px solid #f2f6f7;}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#aaa;font-size:11px;text-decoration:none;}
.cm-footer a:hover {color:#888;text-decoration:none;}
div.cm-header img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] {
content: url(http://1.bp.blogspot.com/-21HK5HI5YEM/U6wYCTGPkKI/AAAAAAAAECQ/_R2ECAxKrug/s1600/anonim.png);}
.bg_hitam{display :none;position :absolute;position :fixed;top:0%;left:0%;width : 100%;
height:100%;background-color:#000;z-index:90;opacity:0.3;transition:all 0.3s ease-in-out;}
.sticky {position :fixed;top:42px;z-index:100;}

ثم قم بالحفظ 

لاتنسى ان تقوم بتغير رابط مدونتي برابط مدونتك , اتمنى ان تكون الاضافة قد نالت اعجابك , لاتحرمنا من التعليقات التشجيعية لنقدم لكم المزيد من الاضافات , لاي استفسار لاتتردد في ترك تعليق