الزيارات: كود إضافة خاصية "إقرأ المزيد" أو "تابع القراءة"

سنتطرق هدا اليوم إلى إضافة خاصية "إقرأ المزيد" أو "تابع القراءة" تحت كل ملخض للتدوينة .كما في شبكتي
كل المنشورات عبارة على ملخصات متبوعة بثلاثة نقط وذلك يعني أن هناك تتمة للموضوع وتحتها مكتوب إقرأ المزيد .أما طريقة تطبيق هذه الخاصية ،عليك سوى تتبع المراحل التالية :

طريقة التركيب
  1-  توجه إلى لوحة التحكم الخاصة بمدونتك.
  2-  إضغط على قالب.
  3-  ثم تحريرhtml.
  4-  إبحث عن هذا الكود باستعمال Ctrl+F :
   ]]></b:skin>
  5- ثم ضع فوقه مباشرة هذا الكود :
لجعل الصورة على اليمين ركب هذا الكود

<script type='text/javascript'>
      summary_noimg = 350;
      summary_img = 154;  
      img_thumb_height = 155;
      img_thumb_width = 175;
      
    </script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<"); 
        for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
        } 
        strx =  s.join(""); 
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
}
function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {    
        imgtag = '<span style="float:right; padding:0px 0px 5px 10px; border: 2px solid #000;margin-left: 11px;height: 150px;width: 165px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>

لجعل الصورة على اليسارركب هذا الكود

<script type='text/javascript'>
      summary_noimg = 350;
      summary_img = 154;  
      img_thumb_height = 155;
      img_thumb_width = 175;
      
    </script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<"); 
        for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
        } 

تنويه : اللون الازرق خاص بعدد الحروف التي تريد ظهورها في الملخص
          اللون الاحمر خاص بعرض و علو الصورة غيرهما بالعدد الذي يناسب مدونتك

قسم : إضافات البلوجر

بقلـــــــم شبكة عـدناني

شبكة عدناني فيها الكثير والكثير من اطيب الكلام و أجمل القصص و أروع المواضيع، نعمل جادين لتقديم ما يفيد ، ستجدون في صفحتنا خيرا كثيرا إن شاء الله : ﴿إن اصبنا فمن الله و ان اخطأنا فمن انفسنا ومن الشيطان﴾