اضافة مواضيع ذات صله متحركه للبلوجر

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

خير دليل هو المثال او المعاينه
لمعاينه اضافة مواضيع ذات صله متحركه للبلوجر اضغط هنا لمعاينه الاضافه على الطبيعه

هذا الشرح مقدم مدونة المايسترو رجاء ذكر المصدر عند نقل الموضوع خارج ترايدنت

ناتى لشرح اضافة مواضيع ذات صله متحركه للبلوجر


1- اذهب الى لوحة تحكم مدونتك
2- افتح التبويب قالب
3- اختر تحرير HTML
4- باستخدام لوحة المفاتيح ابحث عن الكود التالى

رمز Code:

ضع فوقه مباشرتا هذا الكود

رمز Code:




.relatedsumposts p {
/* summary properties */
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
color: #summarycolor;
font-size: 12px;
height: 4em;

margin: 20px 0 0;
overflow: hidden;
padding: 5px 0 15px 0;
text-align: center;
}

#relatedpostssum {
background: #F3F3F3;
height: 250px; /* related posts container */
padding: 5px;
width: 626px;
}

.relatedpoststitle {
font-size: 22px;
font-weight: bold;
border-top: 3px solid #E74C3C;
color: #666666;
display: inline-block;
padding: 5px 10px;
width: 190px;
float: right;
margin: 24px -200px 0px 20px;
transform: rotate(90deg);
transform-origin: left top 0;
-ms-transform: rotate(90deg);
-ms-transform-origin:left top 0;
-webkit-transform: rotate(90deg);
-webkit-transform-origin:left top 0;

text-align: center;
}
/*--- relatedposts by th3maestro.com ----*/