سلايدشو احترافي يقوم بعرض المواضيع تلقائيا للبلوجر بالتسميات

سم الله والصلاة والسلام على رسول الله , السلام عليكم ورحمة الله وبركاته , اليوم باذن الله سوف سنتعلم معآ  كيفية اضافة سكريبت سلايد شو تلقائي (slideshow-maxxiz) لمدونات بلوجر بطريقه سهله ومضمونه , هذا السلايد شو يقوم بعرض المواضيع تلقائيا ,بمعنى انك لن تحتاج الى ادراج روابط المواضيع او روابط الصور ليتم عرضها فيه , وانما سيتكفل هذا السكريبت بعرض مواضيعك بطريقه اوتوماتيكه بشكل انيق وبحركات متعدده ومتغيره مع كل صوره, مايميز هذا السلايد شو انه يضفي لمسة جميلة على المدونات حيث يساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر المواضيع أهمية في المدونه , ومن مميزاته ايضا انه يقوم بعرض  مواضيع قسم معين من اقسام المدونه تقوم انت باختياره حسب رغبتك ,  الأمر بسيط جدا و سأحاول تبسيطه أكثر قدر الإمكان ان شاء الله

كيفية اضافة هذا السلايد شو لمدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

  ]></b:skin>

  ** والصق الكود التالي قبله تمامآ

.featuredpost.box_skitter.box_skitter_home.maxxiz-theme{padding:4px; background-color:#FDFDFD; box-shadow:0 1px 5px #BDBDBD; -moz-box-shadow:0 1px 5px #BDBDBD; -webkit-box-shadow:0 1px 5px #BDBDBD; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:350px; position:relative; z-index:88; margin-bottom:15px} .box_skitter_home.maxxiz-theme .prev_button, .box_skitter_home.maxxiz-theme .next_button, .box_skitter_home.maxxiz-theme .info_slide_dots{background-color:#F3F3F3; background:-moz-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-o-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-ms-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:linear-gradient(top,#FFF 0%,#F3F3F3 100%); transition:background-color linear .3s; -moz-transition:background-color linear .3s; -webkit-transition:background-color linear .3s; -o-transition:background-color linear .3s; outline:0} #autorslidertop{padding:4px; border:1px solid #DDD; background-color:white; box-shadow:0 1px 5px rgba(0,0,0,.15); -moz-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .box_skitter ul{display:none} .box_skitter .container_skitter{overflow:hidden; position:relative; width:100% !important; height:100% !important; max-width:100%} .box_skitter .image{overflow:hidden; max-width:100%; max-height:100%; height:350px} .box_skitter .image > a{display:block; height:350px} .box_skitter .image img{display:none; width:100%; height:100%; max-height:100%} .box_skitter .box_clone{position:absolute; top:0; left:0; width:100px; overflow:hidden; display:none; z-index:20} .box_skitter img{max-width:none} .box_skitter .box_clone img{position:absolute; top:0; height:350px; left:0; z-index:19; max-width:710px; width:710px} .box_skitter .prev_button{position:absolute; top:50%; left:35px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px} .box_skitter .next_button{position:absolute; top:50%; right:35px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px} .box_skitter .info_slide{position:absolute; top:15px; left:15px; z-index:100; background:#000; color:#FFF; font:padding:5px 0 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.75} .box_skitter .info_slide .image_number{background:#333; float:left; padding:2px 10px; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px} .box_skitter .info_slide .image_number_select{background:#c00; float:left; padding:2px 10px; margin:0 5px 0 0} .box_skitter .container_thumbs{position:relative; overflow:hidden; height:50px} .box_skitter .info_slide_thumb{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; height:45px; top:auto; bottom:-5px; left:-5px; padding:5px; opacity:1.0} .box_skitter .info_slide_thumb .image_number{overflow:hidden; width:70px; height:40px; position:relative} .box_skitter .info_slide_thumb .image_number img{position:absolute; top:-50px; left:-50px}




 ثم قم بالبحث عن الكود التالي 

 </head>

 ** والصق الكود التالي قبله مباشره (فوقه) 

 </span></span></b></font></span></span><div class="container"><div class="line number1 index0 alt2"><code class="css plain"><script type=</code><code class="css string">"text/javascript"</code> <code class="css plain">src=</code><code class="css string">"<a href="http://yourjavascript.com/3102224223/slideshow-jalal-maxxiz.js">http://yourjavascript.com/3102224223/slideshow-jalal-maxxiz.js</a>"</code><code class="css plain">></script></code></div><div class="line number2 index1 alt1"><code class="css plain"><script src=</code><code class="css string">'<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js</a>'</code> <code class="css plain">type=</code><code class="css string">'text/javascript'</code><code class="css plain">></script></code></div></div><span style="background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);"><font size="5"><b><span dir="RTL" lang="AR-SA"><span>

 وبالاخير قم بالبحث عن 

<div id='main-wrapper'>

واذا لم تجده قم بالبحث عن احد الاكواد التاليه 

<div id='main-wrapper'>

          او

<div id='content'>

          او

<div id="content"></div>

          او

<div class='column-center-inner'>

 ** و الصق الكود التالي بعده/أسفله :

 </span></b></span></span></font></p><div class="container"><div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">b:if</code> <code class="html color1">cond</code><code class="html plain">=</code><code class="html string">'data:blog.url == data:blog.homepageUrl'</code><code class="html plain">></code></div><div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'clear'</code><code class="html plain">/></code></div><div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'featpost'</code><code class="html plain">/></code></div><div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">script</code> <code class="html color1">type</code><code class="html plain">=</code><code class="html string">'text/javascript'</code><code class="html plain">></code></div><div class="line number5 index4 alt2"><code class="html plain">jQuery("#featpost").AutofeaturedPost({</code></div><div class="line number6 index5 alt1"><code class="html plain">blogURL: "<a href="http://alb33dani.com/"">http://alb33dani.com/"</a>,</code></div><div class="line number7 index6 alt2"><code class="html plain">MaxPost:10,</code></div><div class="line number8 index7 alt1"><code class="html plain">tagName: "قوالب بلوجر"</code></div><div class="line number9 index8 alt2"><code class="html plain">});</code></div><div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">script</code><code class="html plain">></code></div><div class="line number11 index10 alt2"><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'clear'</code><code class="html plain">/></code></div><div class="line number12 index11 alt1"><code class="html plain"></</code><code class="html keyword">b:if</code><code class="html plain">></code></div></div><p style="text-align: center;"><font size="5"><span style="background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);"><b><span>

 الان يجب عليك استبدال رابط   http://alb33dani.com  برابط مدونتك
وايضا قم باستبدال كلمة قوالب بلوجر باسم احد اقسام مدونتك
وبالاخير قم بحفظ القالب وتمتع بمشاهدة السلايدرشو وهو يعرض اخر مواضيع مدونتك بطريقه تلقائيه وبدون بذل اي جهد او تعب