شرح اضافة السلايد شو للمدونه

الاثنين، 25 نوفمبر 2013

شرح اضافة السلايد شو للمدونه

2:40 ص Unknown

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

أقترح عليكم إضافة جميلة جدا وتجلب إنتباه الزوار إلى أهم مواضيع المدونة وتشعرهم بعصريتها ..

كيفية إضافة سلايدر لمدونات بلوجر؟

بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التخطيط ثم إضغط "إضافة أداة" اختر إضافة اداة HTML/JavaScript فوق رسائل المدونة الإلكترونية الاتي:

الصق في أداة Java Script/Html بعد هذا الوسم

<style type="text/css">

/* JavaScript Image Slider By http://konozblog.blogspot.com/*/

 
#mcis {
 display: none;
}

#sliderFrame {
 position: relative;


#ribbon {
 wi

width: 500px;
 margin: 0 auto;
        border:5px solid #000;
}
dth: 111px;

width:

height: 111px;
 position: absolute;
 top: -4px;
 right: -4px;
}

#slider {


  500px;

 height: 218px;

 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFIpMlFBS-di1cVTT0_MKfWkAyc4bkHWJLaH2N7K6kurWmsZc5Q5Bb2fNTKsE_jxBO4iAWWUG9qU0mqTDknQsiG5Q-VmeNpKxExWga1lmyACoXva0zvnx7qjRBVNgx9plXXy69_gq1Iw/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;

position: relative;
 margin: 0 auto;
 box-shadow: 0px 1px 5px #999999;
}

#slider img {
 position: absolute;
 border: none;
 display: none;
}

#slider a.imgLink {

v.mc-caption

z-index: 2;
 display: none;
 position: absolute;
 top: 0px;
 right: 0px;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}

div.mc-caption-bg, d
i-bg2 {
 position: absolute;
 width: 100%;
 height: auto;
 padding: 0;
 right: 0px;
 bottom: 0px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}

div.mc-caption-bg {

r: #FB0;
}

div.mc-captio

background-color: black;
}

div.mc-caption {
 font: bold 15px/21px Arial;
 color: #EEE;
 z-index: 4;
 padding: 10px 0;
 text-align: center;
}

div.mc-caption a {
 col
on a:hover {
 color: #DA0;
}

div.navBulletsWrapper {
 top: 250px;
 right: 190px;
 width: 150px;
 background: none;
 padding-right: 20px;
 position: relative;
 z-index: 5;
 cursor: pointer;
}


om-bullet.png) no-repeat 0 

div.navBulletsWrapper div {
 width: 11px;
 height: 11px;
 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihFp7G6E_fnM-HDkymWs3NUUMc21KheM0R1RiNkakTaqwTyqmV7Wv8By2J4R4luqs6Eh6qnOhzVTAMDcfILGBpF9b-OYu3SdfiJqx45lIuGdptSrzwJytBuQlD38uHW4ssLMfBCYVW2g/h120/mdonti-n.blogspot.
c0;
 float: right;
 overflow: hidden;
 vertical-align: middle;
 cursor: pointer;
 margin-left: 11px;
 _position: relative;
}

div.navBulletsWrapper div.active {
 background-position: 0 -11px;
}

#slider {

="

transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
}
 </style> 

<script sr

chttp://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">

div>
            <div id="sl

<div id="ribbon"><
/ider">


#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76dVxl6zb8cAs1pci61PH3QN_ezrdMLSB79zHAcfPK2QVGgZkqp26mOBi_7lF-aWQ_qzg3nTWI5bb1vrT52xfI6XN3yUZfyqH9bzDE_ZgaajppLwaGr9y-uMh36w4qqm6CT9cAWMruQ/s1600/mdonti-n.blogspot.com-1.jpg" alt="عنوان التدوين1"/></a>

<a href=
"
 href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzeuFZ4gTGLXk-DLPNd4hy4f8FuvdfgADfQvOPd4SEyUNvVDDJdgRqYAyekP7-hqRGxU0oLGdGbNNc4LkDMA2BqFcwQtFdgtdCoKcggNIs6Lgcy-SNDFnb_yrBC6xMNLjqLPPCXB1vrw/s1600/mdonti-n.blogspot.com-2.jpg" alt="عنوان التدوين2"/></a>

<
a
 href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5MceDwfXRDRtkRICWCJS8uzJ_IAbnPNo8dQ0wP63fw2j4QXXq0quXKAK7gRY5XOk_v6x4HF-6QWZackvIiBU_HBepMuHWyYCPWIZlzbWIq9j8VfLwc8D6XUHIf3xZL_4jaqun0hyphenhyphenMQ/s1600/mdonti-n.blogspot.com-3.jpg" alt="عنوان التدوين3"/></a>

<
a
 href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5S3y_JNMpyB2OVmaMNv4qOJKYG9_Q_UsCoMaLN-b_DRqbm7K2ibexu_jvwWVKI8IEO7HNEmI4XHP9m0LSqP2kG5gWrzTfUPtx8Yrl6y4O6hqgZy1TPHJ4_t9TYEHZnQbaOt78io_jXw/s1600/mdonti-n.blogspot.com-4.jpg" alt="عنوان التدوين4"/></a>

<
a
 href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiueLLBV-vLDg4HuHVA7EqYs4_kw1Q-t-BCj_EKnOwHExGWCn-YU40ZD6oSYkL-ZyLe9FuQS7PxPSR7WlR3DSdonufBbIeroXkKsseanGaCsKk58S5NMr6lm0S9c8BimHUWo-HmYP9yDQ/s1600/mdonti-n.blogspot.com-5.jpg" alt="عنوان التدوين5"/></a>

<
a
               </div></div>