-
اتبعني
تابعني على تويتر
-
التدوينات RSS
اشترك في خدمة RSS
-
فيس بوك
انضم للمعجبين في FACEBOOK
اين انت .... » الرئيسية »
أدوات بلوجر
,
اضافات بلوجر
,
شروحات بلوجر
» كود اضافة المواضيع المشابهة فى مدونة بلوجر
كود اضافة المواضيع المشابهة فى مدونة بلوجر
الخميس
التسميات:
أدوات بلوجر,
اضافات بلوجر,
شروحات بلوجر
ادخل فى حسابك على مدونة بلوجر ثم اذهب الى تخطيط
ثم تحرير Html اى فى المكان الذى تعدل فيه قالب المدونة ثم ابحث عن السطر الآتى
</head>
هتقولى ازاى ابحث عنه اقولك
بعد ما دخلت على تحرير بواسطة html اللى قولنا عليها اضغط من الكيبورد كنترول + f
واكتب الجملة او العبارة اللى عايز تبحث عنها مثلا احنا عايزين نبحث عن الكلمة الآتية التى فى المثال الحالى
</head>
ابحث عنها ثم ضع فوقها مباشرا هذا الكود
يمكنك تغيير عنوان الكود مثلما تود
var relatedpoststitle="مواضيع مشابهة";
يمكنك تغيير الالوان ايضا من أكواد الـCSS
بعد كدا هتحبث عن السطر ده
<div class='post-footer-line post-footer-line-1'>
لو ملقتهوش ابحث عن السطر ده
<p class='post-footer-line post-footer-line-1'>
المهم اى واحد منهم بعد ما تلاقيه
انسخ الكود الآتى كله ثم ضعه تحته مباشرا
بس كدا اعمل save وشوف النتيجة ^_^
ثم تحرير Html اى فى المكان الذى تعدل فيه قالب المدونة ثم ابحث عن السطر الآتى
</head>
هتقولى ازاى ابحث عنه اقولك
بعد ما دخلت على تحرير بواسطة html اللى قولنا عليها اضغط من الكيبورد كنترول + f
واكتب الجملة او العبارة اللى عايز تبحث عنها مثلا احنا عايزين نبحث عن الكلمة الآتية التى فى المثال الحالى
</head>
ابحث عنها ثم ضع فوقها مباشرا هذا الكود
كود HTML:
<!--Related Posts Scripts and Styles Start--> <b:if cond='data:blog.pageType == "item"'> <style> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts .widget{ padding-left:6px; margin-bottom:10px; } #related-posts .widget h2, #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:blue; } #related-posts a:hover{ color:blue; } #related-posts ul{ list-style-type:none; margin:0 0 0px 0; padding:0px; text-decoration:bold; font-size:15px; text-color:#000000 } #related-posts ul li{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUy6y7uNE_MruYtR5lWNP1EXGLX6LEBP2TqNDZiV9pfaJe0YYXKsrvYSX61clIoewEALxg98-c83TjwAOsw3TgLaY7P3fhwUrAm0b3VOenUZqlJC6OqrhcVj5irb8qp4rju-umFaHLEE/s200/greentickbullet.png) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px; padding-left: 30px; padding-top:0px;} </style> < type='text/javascript'> var relatedpoststitle="Related Posts"; </> < src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/> </b:if> <!--Related Posts Scripts and Styles End-->
يمكنك تغيير عنوان الكود مثلما تود
var relatedpoststitle="مواضيع مشابهة";
يمكنك تغيير الالوان ايضا من أكواد الـCSS
بعد كدا هتحبث عن السطر ده
<div class='post-footer-line post-footer-line-1'>
لو ملقتهوش ابحث عن السطر ده
<p class='post-footer-line post-footer-line-1'>
المهم اى واحد منهم بعد ما تلاقيه
انسخ الكود الآتى كله ثم ضعه تحته مباشرا
كود HTML:
<!-- start related posts--> <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"'> < expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html' style='display:none'>Related Posts Widget</a>< type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(); </></div></b:if><a href="http://www.m3lomaa.blogspot.com/">.</a><!-- end related posts-->
بس كدا اعمل save وشوف النتيجة ^_^
منقول
0 التعليقات:
إرسال تعليق