الهجان مستر وليد فريد
ادعية لوجة الله : عدد المساهمات : 4697 تاريخ الميلاد : 04/07/1975 تاريخ التسجيل : 21/09/2009 العمر : 49
| موضوع: كيفية تركيب هاك مواضيع قد تهمك أو مواضيع ذات صلة على مدونات البلوجر أسفل كل تدوينة مثل مدونة أفكار-برو الخميس مايو 01 2014, 03:42 | |
| أهلا وسهلا بكم إخواني متتبعي و زوار مدونة أفكار-برو في موضوع جديد خاص بمدونات البلوجر، حيث سوف نشرح فيه طريقة تركيب هاك مواضيع قد تهمك أو مواضيع ذات صلة أسفل كل تدوينة، و هي خاصية رائعة و ضرورية لكل مدونة. [size=24][size=20]مميزات هذه الإضافة :[/size][/size] - [size=18]تزيد من فرصة بقاء الزائر في مدونتك لمدة أطول، و تجعله يقرأ أكثر من موضوع فى مدونتك مما سيزيد عدد مرات مشاهدة صفحات مدونتك.[/size] - يعطي الفرصة للزائر إمكانية التصفح بسهولة في المواضيع الأخرى التي لها نفس تصنيف الموضوع الذي يبحث عنه. مثال حي [size=18][size=24][size=20]طريقة تركيب هذه الإضافة :[/size][/size][/size] 1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على قالب كما هو مبين فى الصورة التالية :2- ثم أنقر على "تحرير Html" كما في الصورة التالية : * لا تنسى أخذ نسخة إحتياطية لقالب مدونتك، لاسترجاعها عند حدوث أي خطأ ( تعلم كيف تقوم بأخد نسخة إحتياطية لقالب مدونتك و استرجاعها عند الضرورة ). 3- بعد ذلك اضغط على Ctrl + F للبحث عن هذا السطر التالي : 4- ثم ألصق الكود التالي فوقه مباشرة : - الكود:
-
<style> #related-posts { float : left; width : 600px; margin-top:-40px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular,Arial,Helvetica,Sans-serif; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a {color:#606060; font-family: DroidNaskh-bold,DroidKufi-bold,Arial,Helvetica,Sans-serif; font-size: 11px; transition: all 1s ease 0s; text-decoration : none; } #related-posts a:hover {color: #FF6816; padding-right: 10px; transition: all 1s ease 0s; text-decoration : none;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://1.bp.blogspot.com/-QTVWk9lz38o/UgJnX27NCPI/AAAAAAAAD5Q/o6PfyKlZu8Q/s1600/rss-feed-icon-afkarpro.png") no-repeat scroll 0 0 transparent; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #e1e1e1; } </style> <script src='http://yourjavascript.com/1019345231/related-posts-by-afkarpro-blogspot-com.js' type='text/javascript'/>
5- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي : * و إن وجدته أكثر من مرة فالأخير هو المقصود. 6- و قم بلصق الكود التالي أسفله : - الكود:
-
[font="Trebuchet MS",sans-serif]<!-- Start - Related Posts Code By Afkarpro --> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=6"' type='text/javascript'/> </b:if> </b:loop> <a href='http://afkarpro.blogspot.com/2013/09/How-to-Add-Related-Posts-for-Bloggers.html'> <img alt='Related Posts Widget for Blogger' src='http://3.bp.blogspot.com/--0glhl0xeHs/Uiig176y77I/AAAAAAAAEVc/ixwhHGQSS2M/s1600/Related-Posts-blogger-widgets.png' style='border: 0'/> </a> <br/><br/> [color=#0b5394][b]<img border='0' src='[color=#3d85c6]http://4.bp.blogspot.com/-zSedzIc4GVM/UiigzDCnkxI/AAAAAAAAEVU/8yYVsBv8A58/s1600/Related-Posts-Blogger-Widget-afkarpro.blogspot.com.gif[/color]' style='margin-right:-18px;'/>[/b][/color]
<script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> </b:if>
<div style='clear:both'/> <!-- remove -->[/font]
[font="Trebuchet MS",sans-serif]<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> </b:if></b:if> <!-- End - Related Posts Code By Afkarpro -->[/font]
[center] [/center]
ملاحظة : * إن لم تعجبك صورة "مواضيع قد تهمك" يمكنك تغيير رابط الصورة برابط صورة من اختيارك، أو استبدال الكود التالي : - الكود:
-
<img border='0' src='http://4.bp.blogspot.com/-zSedzIc4GVM/UiigzDCnkxI/AAAAAAAAEVU/8yYVsBv8A58/s1600/Related-Posts-Blogger-Widget-afkarpro.blogspot.com.gif' style='margin-right:-18px;'/>
بما يلي : - الكود:
-
<h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>شـــاهـــد أيـــضـــا</h2>
مع تعديل عبارة شـــاهـــد أيـــضـــا بما يناسبك.6- و في الأخير قم بحفظ القالب، ومبروك لك الإضافة.*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...[size=18]و دمتم في رعاية الله وحفضه[/size] | |
|