اضافة مواضيع ذات صلة بطريقة مميزة وجذابة في مدونات بلوجر
السلام عليكم . زوار المدونة الكرام . اسعد الله صباحكم . اليوم جئت لكم باضافة جديدة وحصرية . يمكنك اضافتها داخل الموضوع . وهي اضافة مواضيع ذات صلة . الاضافة جميلة . وحصرية على مدونتانتا فقط ومن فوائدها انها تبقى الزائر اكثر بالمدونة . لاضافتها تابع الشرح ..
الخطوة الاولى :
1- من لائحة تحكم بلوجر ..اذهب الى قالب ثم الى تحرير HTML
الخطوة الثانية :
2- ابحث عن الوسم الاتي (CTRL + F)
الخطوة الثالثة :
3- ثم الصق هذا الكود :
“;
document.write(output);
somePosts++;
if (somePosts == relatedPostsNum) { break; }
}
if (r < relatedTitles.length – 1) {
r++;
} else {
r = 0;
}
if(r==relsump) { break; }
}
}
function removetags(text,length){
var pSummary = text.split(“<“);
for(var i=0;i
pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(“>”)+1,pSummary[i].length);
}
}
pSummary = pSummary.join(“”);
pSummary = pSummary.substring(0,length-1);
return pSummary;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
//]]>
الخطوة الرابعة :
4- ابحث عن الكود التالي :
الخطوة الخامسة
5- بعد الكود السابق الصق الكود التالي .
يجب ان تكون هكذا :
الخطوة السادسة :
6- ابحث عن الكود التالي :
وفقط فوقها اضف الكود التالي :
صورة توضيحية :
الخطوة السابعة
6- ابحث عن الوسم الاتي :
و الصق هذا الكود فوقها :
.relatedsumposts {
float: left;
margin: 0px 5px;
overflow: hidden;
text-align: center;
/* width and height of the related posts area */
width: 120px;
height: 210px;
}.relatedsumposts:hover {
background-color: #F3F3F3; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}.relatedsumposts img:hover {
-khtml-opacity:0.4;
-moz-opacity:0.4;
opacity:0.4;
}.relatedsumposts a {
/* link properties */
color: #linkcolor;
display: inline;
font-size: 10px;
line-height: 1;
}
.relatedsumposts img {
/* thumbnail properties */
margin-top: 2px;
height: 82px;
padding: 5px;
width: 82px;
border: 1px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.relatedsumposts h6 {
/* title properties */
display: table-cell;
height: 5em;
margin: 5px 0 0;
overflow: hidden;
padding-bottom: 2px;
vertical-align: middle;
width: 130px;
}.relatedsumposts p {
/* summary properties */
border-top: 1px dotted #777777;
border-bottom: 1px dotted #777777;
color: #summarycolor;
font-size: 10px;
height: 4em;
line-height: 1;
margin: 5px 0 0;
overflow: hidden;
padding: 5px 0 15px 0;
text-align: left;
}
الخطوة الثامنة :
8- اضغط حفظ وتمتع بالاضافة
اي سؤال او اي استفسار الرجاء ترك تعليق اسفل الموضوع
والسلام عليكم