السلام عليكم ورحمة الله وبركاته
سوف نشرح طريقة إضافة مواضيع ذات صلة تحت كل تدوينة وهي اضافة جميلة جدا ...
حتي الزائرلا يغادر مدونتك بسرعة و يقرأ المزيد و المزيد من المواضيع و التدوينات الأخرى على المدونة .
اليكم الشرح احبابي في الله
ولتطبيق الإضافة على مدونتك تابع الشرح
اولا تذهب
إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f
وتبحث علي الوسم
***************************************************
</head>
*************************************
قم بوضع فوقه مباشرة هذا الكود
************************
style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWjQi9qZOtd2oNcN5tUUQtKc-ub3fLezzEZUVzXSt9F_jU2m1V4yPkWI8P4LgDzMO159HZQ4lBKpQaP3ejiv6DQAgXl6ZPrImnI7ounp_6A14lR9VhGyK2OlCU67v9LjWl9vo4A2d6vs/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
************************
وأخيرة قم بالبحث عن هذا الوسم
<div class='post-body>
او علي هذا الوسم
<data:post.body/>
بعد أن تجد واحد منهم قم بوضع هذا الكود بعده مباشرة
****************************
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='5'><b> قد يهمك أيضا:</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
***************************
قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ومبروك عليك الاضافة الجميلة
سوف نشرح طريقة إضافة مواضيع ذات صلة تحت كل تدوينة وهي اضافة جميلة جدا ...
حتي الزائرلا يغادر مدونتك بسرعة و يقرأ المزيد و المزيد من المواضيع و التدوينات الأخرى على المدونة .
اليكم الشرح احبابي في الله
ولتطبيق الإضافة على مدونتك تابع الشرح
اولا تذهب
إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f
وتبحث علي الوسم
***************************************************
</head>
*************************************
قم بوضع فوقه مباشرة هذا الكود
************************
style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWjQi9qZOtd2oNcN5tUUQtKc-ub3fLezzEZUVzXSt9F_jU2m1V4yPkWI8P4LgDzMO159HZQ4lBKpQaP3ejiv6DQAgXl6ZPrImnI7ounp_6A14lR9VhGyK2OlCU67v9LjWl9vo4A2d6vs/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
************************
وأخيرة قم بالبحث عن هذا الوسم
<div class='post-body>
او علي هذا الوسم
<data:post.body/>
بعد أن تجد واحد منهم قم بوضع هذا الكود بعده مباشرة
****************************
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='5'><b> قد يهمك أيضا:</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
***************************
قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ومبروك عليك الاضافة الجميلة
0 التعليقات:
إضغط هنا لإضافة تعليق
إرسال تعليق
Blogger Widgets