1 أكتوبر 2014

اضافات بلوجر البلوجر إضافة اخر تعليقات الزوار الى المدونة بشكل منبتق و احترافي

إضافة اخر تعليقات الزوار الى المدونة بشكل منبتق و احترافي

ابو نزار 3:13 ص 2التعليقات

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

إضافة اخر التعليقات الى المدونة بشكل منبتك و احترافي

اليوم اقدم لكم افضل اضافة لمتابعة اخر تعليقات الزوار من خلال المدونة , الاضافة جميلة وهي على شكل نافدة منبتقة لن تؤتر على المظهر الخاص بالمدونة بل على العكس فهي دات طابع احترافي ,كما ان طريقة تركيبها سهلة جدا يمكنك معاينة الاظافة من خلال مدونتي ’

إضافة اخر التعليقات الى المدونة بشكل منبتك و احترافي

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

تقوم اولا بالدخول الى لوحة تحكم بلوجر من هنا

تختار المدونة ثم التخطيط

اظافة ادات HTML/JavaScript

ثم تقوم بنسخ هدا الكود وقم بالحفظ

<style>
#cnmucount {
  margin: -4px -49px;
  z-index: 9997;
  position: absolute;
}
#show-total {
  position: absolute;
  cursor: pointer;
  display: block;
  z-index: 9999;
}
.total-show {
  background-color: #0098d9;
  border-radius: 4px;
  color: white;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 15px;
  margin: -7px -16px 0 0;
  text-align: center;
  width: 34px;
  z-index: 9999;
}
#bsnotif {
  background: url("https://lh5.googleusercontent.com/-7Ouuw-OGP3s/VBprcytb9sI/AAAAAAAAEuw/buM-muBUBkQ/s24/comment.png") no-repeat scroll center center #54CACF;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  height: 150px;
  padding: 3px 4px;
  width: 24px;
  z-index: 9997;
  position: absolute;
}
#bsnotif2 {
  background: url("https://lh5.googleusercontent.com/-7Ouuw-OGP3s/VBprcytb9sI/AAAAAAAAEuw/buM-muBUBkQ/s24/comment.png") no-repeat scroll center center #0098d9;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  height: 150px;
  padding: 3px 4px;
  width: 24px;
  z-index: 9996;
  position: absolute;
}
#bs-wrapper {
  width:352px;
  position:fixed;
  top:30px;
  z-index:9999;
  background-color:#fff;
  padding:0 13px 0 0;
  color:#666;
  left:-369px;
  font-family: DroidKufi-regular,arial,helvetica,clean,sans-serif;
  border:4px solid #0098D9;
  border-left:none;
  transition:0.5s ease;
}
#cm-scroll {
width: 100%;
height: 560px;
overflow: auto;
position: relative;
}
#cnmucomment-container {
  color:#666;
   DroidKufi-regular,arial,helvetica,clean,sans-serif;
}
#cnmucomment-container.cm-active {
position:fixed;
right:0;
top:61px;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 5px;
    background-color: #111;border-radius:2px;
}
.vscrollerbar {
width: 5px;
background-color: #444;border-radius:2px;
}
.hscrollerbase {
height: 10px;
background-color: #111;border-radius:2px;
}
.hscrollerbar {
height: 10px;
background-color: #444;border-radius:2px;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
.cm-outer {
  margin:0 auto;
  padding:0;
  font-size:11px;
  text-align:right;
}
  .cm-outer pre {background-color:#141414;font-size:11px;color:#7c7c7c}
.cm-outer li {
  padding:7px 10px 12px;
  list-style:none;
  clear:both;
  position:relative;
  border-bottom:1px dashed #777;
  margin-left:10px;
}
.cm-outer code {
 color:#a6a658;
    font-size:11px;
}
  .cm-outer li.selected {
    border-left:4px solid #fffe8c;
}
  .cm-outer li:first-child {
  border-top:none;
}
  .cm-outer li:last-child {
  border-bottom:none;
}
  .cm-text {color:#555;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 60px 8px 0;font-size:12px;font-weight:normal !important;}
  .cm-header a {color:#0098D9;text-decoration:none;font-size:12px;font-weight:bold}
.cm-header a:hover {color:#555;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-right:60px}
.cm-outer img {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwF82ReS6QasiCm74RsEhwkDxaIAZzzC_MLKQggtzu7iaqM6dT7a0kB8cu5QP0heEzbN2RZd75Ke3a_rlOAQSAkWXUXjRslqT8M3mmn58pQn592A3aNd62Ou5vlzO1_jddxfM368VQFEtL/s1600/BS+anon.png") no-repeat scroll 50% 50% #ddd;
  border-radius: 100px;
  box-shadow: 0 0 2px #222;
  display: block;
  float: right;
  overflow: hidden;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 10px;
}
.BS-Notif-footer {margin-top:7px;}
.BS-Notif-footer a {color:#04BDFA;text-decoration:none;}
.BS-Notif-footer a:hover {color:#e6e6e6;text-decoration:none;}
div.cm-header img[src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmu2AXqU0KmrOZi8s1nDMseKgwU4a8zfRjtmNzMEcghCkFtq5ObcxAxJkpUKbQJ-yReAOobfgdZ3ZU2uwBY6mdyOoSipNUFV54K6FdZpaQDjG8hv-h0hB4jyEZzMrJelMIw-6vezv-pJ8/s1600/BS+openid.gif'] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrZDviZEW6RVxZWp-4Et3sFqQA8FuQ_KihZMgqHS5bLfFrgaLg5CwiJanTAIRn3laoEusnxqt37vN_OBOgNmAkVAKfEfMaBykYvJZ9jSgBGfX0A2HFtLji44xeYGc4e1iEIoUDguN0a9Z/s1600/BS+gravatar.png);
}
.bs-ground{
        display: none;
        position: absolute;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index:99;
        opacity:.30;
}
img.cm-smiley  {
  float:none;
  position:relative;
  display:inline-block;
    width:12px !important;
    height:12px !important;
    top:2px;
    border:none;
    border-radius:2px;
background:none;
}
.myframe {
  display:none;
  width:100%;
  height:265px;
  margin-bottom:5px;
  border-radius:5px;
}
.jsfiddle-demo {
  display:block;
  width:100%;
  height:250px;
  border:1px solid #bbb;
  background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5UF20_19GEUsrtTOs4fDez_FXqVaI_QK5v7cLCvTMm4VLILhPMw4INVAr9M0lNrlcdRl00h_64kEKy5IdfY0AQaIBcI5rYS_iFmDwr8fy1B6ilLQDZXhHo6g9uZ1VJ5aNXl54cYq84v5S/s1600/bs+loading+dot.gif') no-repeat 50% 50%;
}
.sticky {
    position: fixed;
    top: 80px;
    z-index: 100;
    border-top: 0;
}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<div class='bs-ground' id='bg'>
</div>
<div id='bs-wrapper'>
<div id="cnmucount">
<div id='bsnotif' title='Notification'>
</div>
<div id='show-total'>
</div>
<div id='bsnotif2' title='Notification'>
</div>
</div>
<div class='flexcroll' id='cm-scroll'>
<div id='cnmucomment-container'>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "http://www.abounizar005.blogspot.com/",
    max_result: 18,
    t_w: 50,
    t_h: 50,
    summary: 9999,
    new_tab_link: false,
    ct_id: "cnmucomment-container",
    new_cm: " تعليقات جديدة ",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("show-total").innerHTML = '<strong class=\'total-show\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};
$('#bsnotif').click(function(){$("#bs-wrapper").css({left: "0px"});$("#bg, #bsnotif2").show();$("#bsnotif").hide();});$('#bsnotif2').click(function(){$("#bs-wrapper").css({left: "-369px"});$("#bg, #bsnotif2").hide();$("#bsnotif").show();});$('#bg').click(function(){$("#bs-wrapper").css({left: "-369px"});$("#bg, #bsnotif2").hide();$("#bsnotif").show();});document.getElementById('bsnotif').onclick = function() {document.title = originalTitle;$('#show-total').hide();};document.getElementById('show-total').onclick = function() {document.title = originalTitle;$('#show-total').hide();$("#bs-wrapper").css({left: "0px"});$("#bg").show();};setTimeout(function() {$('.myframe').each(function() {$(this).replaceWith('<iframe class="myframe" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');});}, 5000);$(document).ready(function() {
var stickyNavTop = $('#HTML7').offset().top; var stickyNav = function(){var scrollTop = $(window).scrollTop();     if (scrollTop > stickyNavTop) { $('#HTML7').addClass('sticky');} else {$('#HTML7').removeClass('sticky'); }};stickyNav();$(window).scroll(function() {stickyNav();});});
//]]>
</script>
<script src='https://cnmu.googlecode.com/svn/trunk/2014/comment-Notification.js' type='text/javascript'></script>

في الاخير قم بالبحث عن هدا الرابط http://www.abounizar005.blogspot.com واستبدله برابط مدونتك ومبروك عليك ؟؟؟؟؟؟؟؟؟؟؟؟؟؟

هناك تعليقان (2)

Omar Shiriyani25 أكتوبر 2015 في 7:00 ص
ملاحضة بعنوان الموضوع ,كلمة منبثق وليست منبتق
ردحذف
الردود

إضافة تعليق

جميع الحقوق محفوظة © 2015 أبو نزار للمعلوميات ® سياسة الخصوصية