إضافة آخر المواضيع بتقنية جي كويري الي بلوجر

<

السلام عليكم ورحمة الله وبركاته

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

و درس اليوم هو عن كيفية اضافة اداة آخر المواضيع بتقنية جي كويري : هي اداة رائعة جدا حيث انها تعرض كم كبير من المواضيع في مساحة صغيره جدااا  وهي أعجبتني جدااا وأنصح الكل بتركيبها ويمكنك التحكم بعدد المواضيع بها والوانها ولكني سوف اشرح بالتفصيل الملل بالرغم من سهولة تركيب الاداة لكني سوف أحرص علي أن يفهما مبتدأين بلوجر سواء أكانوا متابعين مدونتنا أو زوار

صورة

     

مثال حي للأداة

طريقة التركيب

 1.اذهب الي لوحة التحكم في مدونتك ثم أختر تخطيط

2.ثم إضافة أداة

3.قم بإختيار Html/Javascript

4.قم بوضع كود الاداة في المربع الكبير

كود الاداة

<style type="text/css">#cnmu-post-gallery { background:#B5DBFC; border-radius: 4px; box-shadow: 0 0 2px #222222; color: #494848; font: 11px Arial,Sans-Serif; margin: 0 auto; padding: 6px; width: 280px; } #cnmu-post-gallery h2 {display: none;} #cnmu-post-gallery .rp-item { float:right; display:inline; position:relative; margin:2px; padding:0px 0px; background:#fff url('https://lh5.googleusercontent.com/-6OPTGhq4gsI/U8ab6RQ1VvI/AAAAAAAAEa4/9Zkct-uLrbc/s48/loading-cnmu.gif') no-repeat 50% 50%; width:66px; height:66px; } #cnmu-post-gallery .rp-item img { width:100%; height:100%; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none; } #cnmu-post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-top:5px solid #0051C3; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; } #cnmu-post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#0A85BE; } #cnmu-post-gallery .rp-item:hover .hidden {display:block;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"> <div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><style type="text/css">#cnmu-post-gallery { background:#B5DBFC; border-radius: 4px; box-shadow: 0 0 2px #222222; color: #494848; font: 11px Arial,Sans-Serif; margin: 0 auto; padding: 6px; width: 280px; } #cnmu-post-gallery h2 {display: none;} #cnmu-post-gallery .rp-item { float:right; display:inline; position:relative; margin:2px; padding:0px 0px; background:#fff url('https://lh5.googleusercontent.com/-6OPTGhq4gsI/U8ab6RQ1VvI/AAAAAAAAEa4/9Zkct-uLrbc/s48/loading-cnmu.gif') no-repeat 50% 50%; width:66px; height:66px; } #cnmu-post-gallery .rp-item img { width:100%; height:100%; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none; } #cnmu-post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-top:5px solid #0051C3; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; } #cnmu-post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#0A85BE; } #cnmu-post-gallery .rp-item:hover .hidden {display:block;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><script type="text/javascript">var rpTitle = "آخر المواضيع", numposts = 16, numchar = 200, rcFadeSpeed = 600, pBlank = "https://lh5.googleusercontent.com/-AxoiXceVZf0/U8abnLie-iI/AAAAAAAAEaw/wbj4-uvjFUM/s100/no-img.png", blogURL = "http://alshabh4download.blogspot.com/"; document.write(unescape("%3Ca%20style%3D%22bottom%3A%200px%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%3B%20font-size%3A%202px%3B%20position%3A%20fixed%3B%20right%3A%200px%3B%20z-index%3A%20999999%3B%22%20href%3D%22http%3A//cnmu.blogspot.com%22%20rel%3D%22dofollow%22%20target%3D%22_blank%22%3E%u0643%u0646%20%u0645%u062F%u0648%u0646%3C/a%3E")); </script><script src="https://cnmu.googlecode.com/svn/trunk/2014/cnmu-post-gallery.js" type="text/javascript"></script>

بعض الخصائص يمكنك تغيرها

1.استبدل هذا الرابط http://alshabh4download.blogspot.com برابط مدونتك

2.هذا 11px Arial,Sans-Serif هو نوع الخط وحجمة

3.الرقم 16 هو عدد المواضيع اختر العدد الذي يناسبك

4.اللون #B5DBFC هو لون خلفية الإضافة

5.هذا الرقم 280 هو مساحة عرض الإضافة

6.الرقم 66 هو طول وعرض الصور

7.هذا #0051C3 هو لون الخط العلوي للنافذة التي تظهر عند تمرير الماوس

8.الرقم 200 هو عدد أحرف الملخص في النافذة 9.هذا #0A85BE لون عنوان الموضوع في النافذة
10.وهكذا انتها درسنا وأرجو انا تكونوا استفدوا والسلام عليكم ورحمة الله وبركاته

<

8:49 ص