كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر التطويبات

آخر الأخبار

    الخميس، 25 فبراير 2016

    كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر




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

    في درسنا اليوم سوف نتعرف على طريقة تركيب  تعليقات جوجل بلس إلى مدونات بلوجر .

    طريقة التركيب :

    1- ادخل إلى مدونتك ، ثم اختر لوحة التحكم .

    2- من لوحة التحكم اختر -> قالب -> تحرير قالب HTML .

    3- الآن ابحث عن الوسم : بواسطة المفاتيح Ctrl+F

    4- اضف الكود التالي فوقه .

    /* Notifikasi Komentar
    ----------------------------------------------- */
    #cm-total {
      position:fixed;
      top:14px;
      left:0;
      width:188px;
      text-align:right;
      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;
      left:180px;
      z-index:9999;
      height:22px;
      width:19px;
      opacity:.4;
      cursor:pointer;
    }
    #notif:hover {
      opacity:1;
    }
    .close-notif {
      position:fixed;
      top:92px;
      left:20px;
      z-index:9999;
      cursor:pointer;
      display:none;
    }
    #cm-container {
      width:355px;
      position:fixed;
      top:67px;
      left: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:right;
      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/AVvXsEjmONh4jOVdbzoEpTkKuzpzi4zkL4uiuQATN82bMczYeKVjnguzgUkTBHwGi7gWdm9JoJpY2LkVfhzDqLPpI7_cru3dSNqty40M3Tj_q4qupaIs481U9CQGFJ4ae6KshwNazF2ZgoQVTVg/s1600/arrow-notif.png');
      position:absolute;
      top:-14px;
      right:196px;
    }
    #cm-container:after {
      content:"Komentar Terbaru";
      position:absolute;
      top:22px;
      right:150px;
      text-align:center;
      font:normal 14px Arial;
      color:#333;
    }
    .cm-outer {
      margin:0 auto;
      padding:0;
      font-size:11px;
      text-align:right;
      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 90px 8px 0;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-right:90px}
    .cm-outer img {
      display:block;
      float:right;
      background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbfm2YEi_iw1aFY2UmqUOblNdHU6-tLhive7e6yDZF1Cy7hBR-k54KsutgV9RsDfZNTNRZVFiAhAonq87q0PLuSJ4mwOEJqXFPVhusvrp6dIlTdHnUZ21YW0hAPWp92kQLuGiKUS341TM/s1600/anon80.png') no-repeat 50% 50%;
      overflow:hidden;
      border-radius:3px 0 0 3px;
      position:absolute;
      top:0;
      right: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/AVvXsEgqHrao94t6sf9CWv5YVOS4I7ZGoUjvoiYoctUgbJb6KjBCLplNmhbYDNI7RROwkonX3gERWJLINwzppFVaNVvh_porQhweqsYgm1yzqAVtM81Zc3xgalqxbHowWVn9k4fsDoWTNvY7-qo/s80-c/gravatar.png);
    }

    5- الآن ابحث عن الوسم : بواسطة المفاتيح Ctrl+F

    6- اضف الكود التالي فوقه .

    <div id='cm-container'/>
    <div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEG9e3ZkmvtAbzN14rDhldb9_6u7AqC2nG08mMrikZMTjhDdv_yRDWGFSMoWSHNcEJfBuAscHH3Rgtp9ez-bbasJz0j1w99makRo2GZp96xDqZ38aze1w2hvaU9TVPcKubq3H__JLRTh8/s1600/lonceng.png'/></div>
    <div id='cm-total'/>
    <div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLKX1UaDmFd3dD5Y9CFsQnDnjOrYDLJWDLuIO24XzyBEr5eHhJV1ftW5IDJHE_H8t1uE6kTtl5-a7iIbX7C351h8IDR8OsSp48G2XdNlDNufn7uJ2JRLyuRZ8KJWfAZiXWE78INF6azg/s1600/delete4.png' title='close'/></div>
    <script>
    //<![CDATA[
    var originalTitle = document.title;
    var cm_config = {
        home_page: "http://homeblog7.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/0BxFbqjck0GDdcURNLVVsN1Z1TGM' type='text/javascript'/>

    7- استبدل رابط مدونتنا برابط مدونتك : "  http://homeblog7.blogspot.com" .

    8- احفظ القالب .
    كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر
    موضوع المشاركة: كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر 9 من خلال 10 وعلى أساس 10 تصنيف. 9 تعليقات المستخدمين.
    • تعليقات بلوجر
    • تعليقات الفيس بوك

    0 Comments:

    رسالة تنبيه
      يسعدنا تفاعلكم بالتعليق لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق :
      أن لا تضع أي روابط خارجية
      أي سؤال خارج محتوى التدوينة يرجى استخدام صفحة الدعم الفني
      صفحة الدعم الفني
    • أن يكون التعليق خاص بمحتوى التدوينة كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر
    • لإضافة كود حوله أولا بمحول الأكواد
    انقرهنا لتحويل الكود

    إرسال تعليق

    Item Reviewed: كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر Description: كيفية إضافة تعليقات جوجل بلس إلى مدونات بلوجر Rating: 5 Reviewed By: home blogger
    07 : 18 : 35 PM
    الأربعاء, 18 يونيو 2025