اضافة سلايد شو مميز ( ستاتيك ) لمدونات بلوجر

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سنتحدث في هذا الموضوع عن اضافة سلايد شو احترافي ومميز لمدونات بلوجر وللتوضيح هذا السلايد شو (ستاتيك) وليس ديناميكي بمعنى ان التعديل على المقالات سيكون من خلال اضافة الصور والوصف بالبحث عن الاكواد وكتابتهم يدويا ان كنت تبحث عن سلايد شو مميز يظهر المشاركات تلقائيا تابع هذة المقالة اسهل طريقه لاضافة سلايد شو احترافي لمدونات بلوجر  ولمعاينة الاضافة من خلال هذا الرابط 

نأتي لطريقة اضافة السلايد شو لموقعك :-

1- بعد دخولك للمدونة واختيار المكان المناسب لوضع السلايد شو به نأخذ هذا الكود نسخ ونضعه في المكان الذي اخترناه وللتوضيح هناك من لا يستطيع البحث داخل أكواد الموقع ومعرفة اي مكان المناسب له لذا في هذة الحالة يمكنك الدخول على التخطيط 

ثم اضغط اضافة اداة وضع بها هذا الكود ثم انقلها اعلى رسائل المدونة ان كنت تريدة أن يظهر اعلى المقالات .

<!-- Slider --><div id="slider"><div id="mover"><div class="slide"><h2><a href="#" target="_blank">كيف تقوم بحذف الهاكر من جهازك</a></h2><p>سنتحدث اليوم عن كيفية حذف أو طرد الهاكر من جهازنا بطريقة بسيطة ولا تحتاج لبرامج قبل ان نبدأ علينا ان نعلم أن برامج الحماية لا تستطيع كشف البرامج الخبيثة او الباتشات التي تساعد في هجمات القرصنة والاختراق لذا فان درجة حمايتها لا تتعدى 70% من وجهة نظري ولكي تحصل على حماية كاملة الى حد ما ولا يتم اختراقك عليك معرفة طريقة الاختراق والبرامج المستخدمة والبورتات المفتوحة والثغرات حتى تستطيع مواجهة المتطفلين </p><img alt="" width="200" src="https://www.dropbox.com/s/oan1tlukvm7rzbs/001.jpg?dl=1" height="160"/></div><div class="slide"><h2><a href="#" target="_blank">أهم أوامر التشغيل للويندوز وكيفية عمل أمر جديد</a></h2><p>واذا قمت بكتابة هذا الأمر ولم يفتح معك المتصفح فهذا يعني أنه لم يضف أمر لذلك المتصفح ويمكنك عمل أمر جديد له وذلك تبع الطريقة الموضحة بالاسفل في الفيديو اتمنى أن ينال إعجابكم </p><img alt="" width="200" src="https://www.dropbox.com/s/5ecv89a0mhmj38h/002.jpg?dl=1" height="160"/></div><div class="slide"><h2><a href="#" target="_blank">حماية الفيسبوك من الاختراق</a></h2><p>وضوعنا بيتكلم عن اختراق الفيسبوك هناك عدة طرق يستخدمها الهاكر للوقوع بالضحية من أسهلها برمجة صفحة تشبة الفيسبوك تمام ولكن العنوان يكون خاطئ فهذا هو العنوان الصحيح للفيس بوك https://www.facebook.com وغير ذلك يكون صفحة مزورة فعند طلب الفيس بوك التسجيل مرة أخرى فتأكد من العنوان حتى لا ترسل للهاكر الباسورد والايميل فقد يكون العنوان على هذا الشكل www.faceebook.com www.faecbook.com </p><img alt="" width="200" src="https://www.dropbox.com/s/xkr8mt8jdsvcg3u/003.jpg?dl=1" height="160"/></div><div class="slide"><h2><a href="#" target="_blank">كيفية تعديل دوران الشاشة لويندوز xp و7و8</a></h2><p>مشكلة قد لا يعرفها العديد من الاشخاص وهي دوران الشاشة فهي مشكلة غريبة قد واجهتني كثيرا في بداية استخدامي للكمبيوتر ولا اعلم كيف يتم حلها فعزمت على وضع هذا الحل لمساعدة من يجد صعوية في حلها على xp أو 7و8 في ويندوز xp alt + ctrl + سهم يمين .. يقلب الشاشة ناحية اليمين alt + ctrl + سهم شمال .. بيقلب الشاشة ناحية الشمال alt + ctrl + سهم لأسفل .. بيقلب الشاشة لأسفل</p><img alt="" width="200" src="https://www.dropbox.com/s/f2w3zcwgdjdgrk1/004.jpg?dl=1" height="160"/></div><div class="slide"><h2><a href="#" target="_blank">ضع عنوان الرابط الخاص بالموضوع</a></h2><p>هنا يتم وضع وصف قصير للموضوع لا يتعدة الثلاثة او الاربع اسطر</p><img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl-HEt2o9zMcglTWZV0_bygyMvkpsrLXAPEWmG9-RDL90Q0yzJCrma8WAtgVqHdVzGVPnUWKyo8WfKQk-b3urx-6nFOHdNaLpaoZOP6HiD5O5FLkrjrIn6fmZ4w0JbY35qIm-VRltLdBHI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="160"/></div></div><!-- /Mover --></div><!-- /Slider -->

2- ثم نبحث من داخل القالب عن ]]></b:skin> ونضع قبله هذة الأكواد

#slider { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXq6cUdQ4OAIgkG2lyNdeVUEZleaWL2W_OyIkKxFwPzY22d6tMbvVXJcugFg7fPlTQHRH0d-Dln7A_IVSGMXWzQ7wA-kimU109dfbwSvVPXI-7GOp4kL7qH7bpuFudHc9Vlya6gXNj9h9J/s1600/Adding+A+jQuery+Posts+Slider+To+Blogger+Blog.png); height: 254px; width: 983px; overflow: hidden; position: relative; margin: 5px 0; } #mover { width: auto; position:absolute; overflow:hidden; } .slide { padding: 20px 0px; width: 1000px; float: left; position: relative; height:200px; } .slide h2 { font-family:georgia, Helvetica, Sans-Serif; font-size: 24px; position: absolute; top: 20px; left: 1px; color: #ac0000; padding:0px 0px 0px 30px; margin:0px 0px; width:500px; overflow:hidden; } .slide h2 a:link, .slide h2 a:visited { color:#fff; background-color: transparent; } .slide h2 a:hover { color: #ddd; background-color: transparent; } .slide p { color: #999; position: absolute; top: 100px; left: 1px; font-size: 12px; font-family:georgia, Helvetica, Sans-Serif; line-height: 20px; width: 500px; padding:0px 0px 0px 30px; margin:0px 0px; } .slide img { position: absolute; top: 20px; left: 577px; background:#fff; padding:10px 10px; } #slider-stopper { position: absolute; font-family: Georgia, Helvetica, Sans-Serif; top: 113px; right: 55px; color: #AC0000; padding: 3px 8px; font-size: 14px; text-transform: uppercase; z-index: 1000; }

3- نأتي لاخر جزء في طريقة الاضافة نبحث عن </body> ونضع قبله هذا الكود 

<script src="https://www.dropbox.com/s/5s4ckqcxpaxjza2/slideshow2Plgins.js?dl=1" type="text/javascript"></script>

انتهينا من طريقة التركيب على السلايد شو وسيظهر معك بدون مشكلة لكن سيظهر بالمشاركات التي اضفتها اليه ناتي لكيفية التعديل عليه واضافة المواضيع والصور التي تريدها 

ما نراه في الصورة التي بالاعلى هي احد مواضيع السلايد شو فهو يتكون من عدد من slide وبه عنوان h2 ونص p  وصورة img . سيكون سؤالك هنا وكيف ابحث عنه لاعدل عيه سأخبرك من خلال عناوين كل موضوع في السلايد بمعنى قم بالبحث عن هذة الجزئية ( كيف نقوم بحذف الهاكر) وعند بحثك عتها ستظهر لك في هذة الحالة نقوم بتغيير النص بالكامل للعنوان الذي نريده أن يظهر ثم قبل هذا النص بعدة اكواد ستجد هذة العلامة #  نقوم تغييرها برابط الموضوع الذي نريدة ثم سنغير جزء الوصف بجزء من مقالتنا ثم ننتقل الى تغيير صورة المقاله من خلال الرابط الذي باللون الأحمر ولان هناك مشاركات لن تجد لها رابط لذا ضع رابطك بعد وجود src بعدها ستجد علامتين بهذا الشكل "" ان كان داخلهما أي شيئ احذفه وضع رابط 

ملاحظة ركز عند تعديلك فجميع التعديلات ستحدث في اسطر اسفل بعضها للمقاله الواحدة حتى لا تغير وتع عنوان لمقاله وصورة لمقاله أخرى أتمنى أن أكون قد وفقت لتوضيح لكم طريقة التركيب والتعديل .

الى هنا ينتهي موضوعنا نراكم في موضوع قادم وحلقة جديدة ومميزة ادعمونا بالاعجاب ومشاركة المواضيع وايضا بالانضمام لأعضاء المدونة وان واجهتكم أي مشكلة في اضافة السلايد شو لموقعك ضع تعليق بالاسفل وان استطعت تركيبها بدون مشكلة فلا تبخل علي بتعليق بكلمة شكر لما نبذلة من أجلكم .