سلايدر أنيق و احترافي لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته اعزائنا متابعي مدونة أقرب طريق درسنا اليوم يخص سلايد شو المدونات يعتمد هذا السلايد

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

تريده فقط بتريب عناوين المواضيع وروابطها وروابط الصور

الان الطريقه / نذهب الى تخطيط ونختار اداة HTML/JavaScript ونضيف الكود التالي

<style type="text/css">
/* http://www.aqrabtareeq.com/ */
#sliderFrame {position:relative;width:700px;margin: 0 auto 40px;}
       
#slider {
width:700px;height:306px;/* Make it the same size as your images */
background:#fff urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpcJyZZWxs4UZiB4m7BkkciogYoFUccdeTG7XSDRn65lrvN_LkeeNsm6bv7fyzN4_CQvUUnTXRC_BGWz1KiKZYEFi3aIbuEol2YtsMiYNbNK8OO8Uz6Nsth6KnSqakM0bADhjfYin6J1Dk/s1600/loading.gif) no-repeat 50% 50%;
position:relative;
margin:0 auto;/*make the image slider center-aligned */
box-shadow: 0px 1px 5px #999999;
    }
#slider img {
position:absolute;
border:none;
display:none;
    }
/* the link style undefinedif an image is wrapped in a link) */
#slider a.imgLink {
z-index:2;
display:none;position:absolute;
top:0px;left:0px;border:0;padding:0;margin:0;
width:100%;height:100%;
    }
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
position:absolute;
width:100%;
height:auto;
padding:0;
left:0px;
bottom:15px;
z-index:3;
overflow:hidden;
font-size: 0;
    }
div.mc-caption-bg {
background-color:black;
    }
div.mc-caption {
font: bold 14px/20px Arial;
color:#EEE;
z-index:4;
padding:10px 0;
text-align:center;
    }
div.mc-caption a {
color:#FB0;
    }
div.mc-caption a:hover {
color:#DA0;
    }
/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
top:320px; left:280px; /* Its position is relative to the #slider */
width:150px;
background:none;
padding-left:20px;
position:relative;
z-index:5;
cursor:pointer;
    }
/* each bullet */
div.navBulletsWrapper div
    {
width:11px; height:11px;
background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjxjNKNJnB2qui0ebudXMujK22yIi9wE06fKlCMfpPqMmX6JBzFQksEOOWEWFFPMRnl5mNdVwVK5Gj1Eh1k0DGVtY6n4o4zhViK144WcPbuNNw-7pRQuDqe_f-4oAcRV_fQV-twaumFAt/s1600/bullet.png) no-repeat 0 0;
float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
margin-right:11px;/* distance between each bullet*/
_position:relative;/*IE6 hack*/
    }
div.navBulletsWrapper div.active {background-position:0 -11px;}
/* --------- Others ------- */
#slider
    {
transform: translate3dundefined0,0,0);
-ms-transform:translate3dundefined0,0,0);
-moz-transform:translate3dundefined0,0,0);
-o-transform:translate3dundefined0,0,0);
    }
</style>
<script src="http://dimpost.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="رابط الموضوع"><img src="رابط الصوره" alt="عنوان الموضوع" /></a>
<a href="رابط الموضوع"><img src="رابط الصوره" alt="عنوان الموضوع" /></a>
<a href="رابط الموضوع"><img src="رابط الصوره" alt="عنوان الموضوع" /></a>
<a href="رابط الموضوع"><img src="رابط الصوره" alt="عنوان الموضوع" /></a>
<a href="رابط الموضوع"><img src="رابط الصوره" alt="عنوان الموضوع" /></a>
</div>
</div>

الان كل ماعليك فعله استبدال الكلمات بما يلزم من عنوان الموضوع ورابطه ورابط صورته

يجب ان تكون مقاسات الصور 700 عرض 306 طول لكي تظهر الصور بشكل انيق

لا ننسى درسنا الماضي كان

سلايدر احترافي تقني لأصحاب المواقع والمدونات بتنسيقات سهله

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

من فضلك تابعنا :
fb
tw
gl

التحالف الأسلامي بين الأمل والواقع

.๑. التحالف الاسلامي ... بين .. الأمل والواقع .?.

بسم القوي العزيز ..... الجميع يسأل عن التحالف الإسلامي ونحن نسأل معهم ...ونأمل أن يكون موجودا أو سيوجد فعلا ...ونأمل أن يكون بعيدا عن منافسات وصراعات ومنازعات محاور القوى الدولية ...ونأمل أن يكون قويّا رصينا متحمّلا مسؤولية الشرع والأخلاق والإنسانية في تخليص شعوب المنطقة خاصة في العراق و سوريا من الظلم والحيف والفقر والمرض والهجرة والنزوح والحرمان والقتل و الإرهاب ؟؟ فإذا هو كذلك فانه عمل جريء وشجاع وإننا و باسم مَن يوافقنا من أبناء شعبنا العربي والإسلامي المظلوم نعلن تأييدنا ومباركتنا ودعمنا الكامل للتحالف الإسلامي ، ونأمل أن يكون التحالف عند حسن ظن الملايين المحرومة المظلومة التي تركت الديار قفارا وسكنت البراري والجبال وعبرت البحار وغرق وفُقِدَ الآلاف وهم يشكون ظلم العباد إلى الله الواحد الأحد.) الصرخي الحسني 18/12/2015 م 6/ ربيع الأول/ 1437هـ

من نحن

أقرب طريق : من العراق , اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحت وواضبت على ماأحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته , اهتماماتي للتدوين جعلني أتحدى العمل ، للأكواد ، والتعديل عليها وتكويدهالتخرج بالأشكال المناسبه

تواصل معي

المشاركات الشائعة

اضافات بلوجر ودروس المواقع

سلايدر أنيق و احترافي لمدونات بلوجر

0 التعليقات:

إرسال تعليق

المشاركات الشائعة

اضافات بلوجر ودروس المواقع

سلايدر أنيق و احترافي لمدونات بلوجر

مواضيع ذات صلة

0 التعليقات:

إرسال تعليق