اضافة تدوينات ذات صلة بشكل احترافي بلوجر

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

ما هي التدوينات ذات صلة و ما دورها ؟؟

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

الخطوة الثانية :
قم بالبحث عن</head> ثم ضع الكود اسفله فوقه تماما :

 <blockquote><style>
 /*--------------Related-Posts-------------*/

      #related-posts h2 &gt; span{
        border-bottom: 2px solid $(maincolor);
        bottom: -2px;
        padding: 4px 10px;
      }
#related-posts {
float: right;
width: 630px;
font: 12px ge_dinar;
background: #fff;
margin-right: 32px;
margin-bottom: 10px;
}
#related-posts h2 {
text-transform: uppercase;
color: #1E1E1E;
font: 20px GESSTwoLight;
padding: 10px;
text-align: center;
margin-bottom: 5px;
width: 206px;
margin: 0px auto;
font-weight: bold;
padding: 0;
font-size: 18px;
width: 560px;
position: relative;
color: #fff;
text-align: center;
padding-top: 12px;
padding-bottom: 14px;
background: #555;
font-family: ge_ss_threeregular;
padding-left: 29px;
padding-right: 29px;
position: relative;
TOP: 3px;
left: -3px;
}
      #related-posts .related_img {
        padding:0px;
        width:200px;
        height:160px;
      }
      #related-posts .related_img:hover{
        opacity:.7;
        filter:alpha(opacity=70);
        -moz-opacity:.7;
        -khtml-opacity:.7;
      }
</style>
<script type='text/javascript'>
      //<![CDATA[
      var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaiv85T5eKWo3KESpFtV5C4GZ_vArRd7LDufCjUSftz1yPvL3PiB58N6ClelyrYt9DL3MHqD7YdB2GFgXdb72AgtHmemGtqn4qsateBlaemBMpX6WWjGWivA9xYv1FuWTe-hKqzn7a6rM/s1600/picture_not_available.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin: 7px 7px 7px 0;float:right;border: 1px solid #C2BEBE;"');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div style="margin: -11px 0px 0px 0px;  line-height:20px;font: 15px GESSTwoLight;  padding: 13px;  text-align: center;  background: #fff;color: #707070;width: 174px;height: 38px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
      //]]>
    </script>
 </blockquote>