![[ جافا سكربت ] زيادة حجم النص او انقاصه داخل HTML](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvsKajTZpsRWSwijDNPzZWU4y0frb-IeMOo9hyoe0vwzDj0lQabogU-NRKEgoLOLgK_oWpbbZRQ7PldV0kBGlWm_E0UdvJhSwujBra9u_TIFyhs8b8fgeaRXhuU5kfvTadX9jY4_6jGTOV/s72-c/Untitled-232.png)
 |
| إضافة مواضيع ذات صلة اسفل التدوينة في مدونة بلوجر |
بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .
إضافة مواضع ذات صلة اسفل التدوينة في مدونة بلوجر
مواضيع ذات صلة او مواضيع مشابة , توضع اسفل التدوينة وهي مفيدة للزائر بحث انه قد يكون دخل الموضوع الخاطئ فيجد الموضوع المراد في مواضيع ذات صلة , على العموم نبداء في طريقة تركيبها .صورة من الاضافة :
 |
| إضافة مواضيع ذات صلة اسفل التدوينة في مدونة بلوجر |
اولا : تركيب مكتبة الجيكوري :
- مكتبة الجيكوري موجودة في اغلب القوالب , ولاكن انت تجاوز هذه الخطوة واذا لم تعمل معك الاضافة فرجع لهذه الخطوة واكملها :
- ادخل القالب وابحث عن <head>
- ضع هذا الكود بعدها :
<script src='http://code.jquery.com/jquery-2.0.3.min.js' type='text/javascript'/>
ثانياَ :
- ادخل القالب .
- ابحث عن </head>
- ضع هذا الكود قبله :
<b:if cond='data:blog.pageType == "item"'><style> #related-posts { float : right; width : 95%} #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 { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 0 10px 10px 10px; padding : 0; }#related-posts ul li{border-right:0;display:block;background:rgba(0, 0, 0, 0);margin:0;padding:0;margin-bottom:1px;line-height:25px;border-bottom:1px solid #EEE;}#related-posts ul li:after {content: ' ';font: 20px icomoon;float: left;color: #FF7A00;background: url(https://jetara.googlecode.com/svn/trunk/rss.png);width: 16px;height: 16px;}</style> <script type='text/javascript'>eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=g c();2 d=0;2 6=g c();f K(p){h(2 i=0;i<p.y.7.3;i++){2 7=p.y.7[i];4[d]=7.z.$t;h(2 k=0;k<7.o.3;k++){b(7.o[k].q==\'G\'){6[d]=7.o[k].m;d++;F}}}}f C(){2 8=g c(0);2 9=g c(0);h(2 i=0;i<6.3;i++){b(!v(8,6[i])){8.3+=1;8[8.3-1]=6[i];9.3+=1;9[9.3-1]=4[i]}}4=9;6=8}f v(a,e){h(2 j=0;j<a.3;j++)b(a[j]==e)x B;x A}f I(){2 r=w.D((4.3-1)*w.E());2 i=0;l.n(\'<s>\');H(i<4.3&5;&5;i<J){l.n(\'<u><a m=&5;\'+6[r]+\'&5;>\'+4[r]+\'</a><a q=&5;L&5; m=&5;M://N.O.P&5;></a></Q> </u>\');b(r<4.3-1){r++}R{r=0}i++}l.n(\'</s>\')}',54,54,'||var|length|relatedTitles|undefined|relatedUrls|entry|tmp|tmp2||if|Array|relatedTitlesNum||function|new|for||||document|href|write|link|json|rel||ul||li|contains|Math|return|feed|title|false|true|removeRelatedDuplicates|floor|random|break|alternate|while|printRelatedLabels|20|related_results_labels|dofollow|http|blog|7lolblogger|com|font|else'.split('|'),0,{}))</script></b:if>
ثالثا:
- تركيب css لتحكم في عرض القطعه
- ادخل القالب.
- ابحث عن ]]></b:skin>
- ضع هذا الكود قبلها :
.ssw {الاحمر : عرض القطعه.
float: right;
width: 710px;
border: 1px dashed #999;
padding: 5px;
margin: 5px 5px;
min-height: 370px;
background: #fff;
}
الازرق : لون الحد وشكله.
الاصفر : لون الخلفية.
.
رابعاَ :
- ابحث عن <data:post.body/>
- قد تجدها اكثر من مره , جرب الى ان تنجح معك .
- ضع هذا الكود بعدها :
<!-- Related Posts with Thumbnails Code Start-->
<div class="ssw">
<b:if cond='data:blog.pageType == "item"'>
<h3>مواضيع تفيدك أيضاَ : </h3>
<div class='fares-rl' id='related-posts'>
<font style='display: none;'><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></div>
* ملاحظة : كما قلت لك , <data:post.body/> موجودة في القالب اكثر من مره , جرب في كل مرة واحده , والافضل ان تبداء من الاخير .
عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.
معلومات عن التدوينة
صورة التدوينة
عنوان التدوينة :إضافة مواضيع ذات صلة اسفل التدوينة في مدونة بلوجر
ملخص التدوينة:
إضافة مواضيع ذات صلة اسفل التدوينة في مدونة بلوجر بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة...
تاق :
تكرم حبيبي شكرا اخي الله يجازيك الخير وشكرا مرة ثانية لتجاوبك
ردحذفحياك الله .
حذفأخي عبد الله راجع رسالتي على إيميلك
حذفأخي ما اضن وصلت لو وصلت كان رديت عليك مباشرة , جرب ارسلها على ايميلي هذا : jetara3blogger@gmail.com
حذفاخي كيف اضع اعلانات ادسنس بجنبو يعني على يسارو. بدل مثل الي عندك (اذا احببت هذه المقاله , رجاء منك انسخ الرابط وقم بنشره)
ردحذفان كان ممكن :)
صمم صندوق وضع فيه الاعلان :/
حذفاخي صممت صندوق لكن يأتي اسفل ولا يأتي على اليسار
حذفأخي لازم تنسقه مع الصندوق الاخير من حيث الحجم ومن حيث خاصية flat
حذففعلت كما طلبت مني تماماً و قد ظهرت لكن ظهر مربع أبيض فقط بدل العناوين المواضيع :( ما الحل ؟!
ردحذفغريبة ! انا استخدم نفس هذه الاكواد وتعمل بأمتياز , يمكن عندك شيء غلط في طريقة التركيب ! او وضعتها في المكان الخاطئ
حذفانا اعرف ما هو سبب المشكلة
حذفسبب المشكلة انه ليس لديك مواضيع اخرى في نفس التاج ( tag )
جرب وانشر اي موضوع اخر .. سيظهر
تحياتي :)
شكراً اخي عبد الله عالموضوع :)
ردحذففريق المحترفين للمعلوميات
مرحبا بك يوسف .
حذفاريد حل هذه المشكلة
ردحذفhttp://im79.gulfup.com/XPaYcJ.jpg
ابحث عن الايدي هذا #related-posts ul li واستبدله مع خصائصه بهذا :
حذف#related-posts ul li {
float: right;
height: 100%;
margin: 0 0 0 6px;
padding: 0;
width: 95%;
font-size: 14px;
font-weight: normal;
}
ثم ابحث عن هذا الايدي #related-posts ul واستبدله مع خصائص ب :
#related-posts ul {
border: medium none;
margin: 5px;
padding: 0;
margin-top: 50px;
}
أخ أحمد ارجو منك ان تخبرني عن سبب مشكلة مدونتي مدونتي حديثة
ردحذفولكنها لاتظهر في الارشفة قمت بشراء دومين http://www.shadadi2.com/
ولكن نفس المشكلة المهم ..
الامر الاهم هو ان بعض الصور لاتظهر في المدونة ما السبب
هل قمت بأضافة موقعك في ادوات مشرفي المواقع + الخرائط ؟!
حذفسؤال أخ أحمد بعض الصور لاتظهر في مدونتي بعد تركيب دومين http://www.shadadi2.com/
ردحذفاسمي عبدالله *
حذفالصور عزيزي مالها دخل بالدومين , لا اعلم سبب عدم ظهورها ولاكن قد يكون المستضيف حذفها او ماشابه ؟
يا أخ أرجو المساعدة اريد تطوير قالب من قوالب بلوجر الأفتراضية وأريد ان تظهر المقالات هكذا
حذفhttps://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-xpf1/t1.0-9/q71/s480x480/10443357_1452746444994835_988268978759598526_n.jpg
الصورة لاتظهر.
حذفبسيطة قوم بتنسيقها بالـ css <> راح تجد العمل سهل فقط قم بتغير المقاسات.
حذفشكرا اخ عبدالله الحربي بس اود ان اسألك =q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r
ردحذفعن الارشفة مدونتي لاتظهر
هل قدمت الخرائط في ادوات مشرفي المواقع ؟!
ردحذفغير موجود بثاثا على مدونة بلوجر ما الحل
ردحذفأخي واجهت هدا المشكل فما حلة الله يجزيك عنا خيرا و اظغط على زوم لكي تظهر جيدا http://im78.gulfup.com/p51d8M.png
ردحذفلم اجدها , اسف على التأخر =x
حذفتحيه طيبة
ردحذفتم التركيب بنجاح مع تعديل بعض الشيئ التعديل شمل = width: 710px; & min-height: 370px; إلى width: 100%; & min-height: 100%; من وجهة نظري مناسب
الأن اريد ان يظهر فقط عدد 15 موضوع مثلا بدل من ظهور المواضيع كلها, فكيف
الاضافة تظهر اكثر عدد من المواضيع المشابهها , حاولت قبلك ان اقوم بتقيدهها بعدد محدد ولاكان لم اجد الحل.
حذفشكرا أخي ت1 د1
ردحذف