بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه ومن تبعه بإحسان إلى يوم الدين ، أما بعد ، احبتي متابعي مدونة هشام هاشم للمعلوميات والتقنيات ، اليوم في قسم اقسام جوجل سوف نتعرف معا على طريقة سهلة جدا لكل من يحتاج اضافة اداة السلايدر واداة الشريط الجانبي للمدونة بلوجر ، ولكي نوضح اكثر سوف نقدم لكم كيفية تركيب اداة slider و اداة sidebar ، ولا تسمع هذه الكلمات وتعتقد انها امر صعب ومعقد او يحتاج الى احترافية ، فالامر فقط يحتاج القليـــــــــل من الذكاء اكتشافها دون المعرفة بــ html او css و java ... ، كما انني شرحت طريقة تركيبها بالفيديو على قناة هشام هاشم اليوتيوب والتي لا تتجاوز 7 دقائق .
كيف يتم إضافة اداة سلايدر واداة الشريط الجانبي للمدونة بلوجر



العديد من المدونين الذين يعملون على التدوين في مدونة بلوجر احيانا ترغب في اضافة اداة شريط الجانبي او حتى اداة السلايدر ، ولكن مع الاسف هي فقط تدون وليست متخصص في بلوجر ، ولهذا نحن هنا و جميع المحترفين الذين يقدمون خدمات لمتابعيها من اجل تقديم افضل خدمة واسهل طريقة لمساعدتكم في حلها ، ايضا هناك مبتدئين في مجال المدونة وترغب في انشاء مدونة بلوجر بطريقتها الخاصة وتحتاج مساعدة من المحترفين او من له التجربة على الاقل ، ولهذا نحن سوف نقدم لكم كيف يتم إضافة اداة سلايدر slider واداة الشريط الجانبي sidebar للمدونة بلوجر ومشاهدة طيبة .


How to add a tool and a tool Slyder blog sidebar Blogger



نسخ كود السلايدر
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <div class='container'>
<div class='slider-wrapper'>
<div class='section' id='slid-posts'>
<div class='widget HTML' data-version='1' id='HTML131'>
  <b:section class='section' id='slid-posts' showaddelement='no'>
    <b:widget id='HTML18' locked='true' title='' type='HTML' visible='true'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
  </div>
</div>
  </div>
  </div>
</b:if>

نسخ كود شريط الجانبي :
<div id='sidebar-wrapper1'>
<b:section id='sidebar1'/>
  </div>
By