سلايد شو بلوجر

شرح اضافة سلايد شو احترافي لمدونات بلوجر

مثال مصور لعرض مواضيع مدونتك بطريقة السلايد شو

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

مثال مباشر:من هنا


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

توجه الى : لوحة تحكم بلوجر , تصميم , تحرير Html.
 




ثم قم بتوسع القالب : توسيع قوالب عناصر واجهة المستخدم.
اضغط على ازرار Ctrl+f في لوحة الفاتيح Keyboard. للبحث داخل الصندوق Html.

ابحث عن العلامة:

</head>

أعلى العلامة السابقة مباشرة ضع الكود التالي:

حمل الكود من داخل ملف Text من هنا

الان قم بالبحث عن الرمز

]]></b:skin>

قبل الرمز السابق مباشرة ضع الكود التالي:

#slider{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjB4wo-XH8sC_ihB-rs1HbxBvJdXb1eKZjz6kbJHXCRXXaR-ru7NZ7XwMbxsTJ6zUHKPb3Dzri2A2h9S_aA_Fm6PcmiCHs1pfdX3TFREX74cfSUVbk60fwtDPeFVUex8PuQj742HLiFI/s800/slider-bg-new-1.jpg) no-repeat; height:180px; overflow:hidden; margin-top:-3px; margin-bottom:7px; position:relative; width:600px; border:1px solid #ddd}
    #mover{width:2880px; position:relative}
    .slide{padding:40px 30px; width:600px; float:left; position:relative}
    .slide h1{color:#444; font-size:22px; font-family:Georgia,"Times New Roman",Times,serif; line-height:23px; font-style:bold; font-weight:normal; margin-top:-25px; margin-bottom:-8px; color:#ac0000}
    .slide p{color:#555; font-family:Georgia,"Times New Roman",Times,serif; font-size:15px; line-height:20px; width:370px}
    .slide img{position:absolute; top:20px; left:420px}
    #slider-stopper{position:absolute; top:1px; right:20px; background:#ac0000; color:white; padding:3px 8px; font-size:10px; text-transform:uppercase; z-index:1000}

ثم قم بالضغط على حفظ القالب.


الآن نأتى للخطوة الأخيرة , وهي اضافة كود ال Html الخاص بعارض المواضيع Slade Shaw blogger.

ابحث داخل قالب مدونتك عن الرمز:

<b:section id='main' showaddelement='no'>

فوق الرمز السابق مباشرة : ضع الكود التالي:

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <div id='slider' style='margin-left:5px;'>
    <div id='mover'>
    <div id='slide-1'>
    <h1> Review On Camera </h1>
    <div style='text-align: justify;'><span style='font-family:verdana; color: rgb(0, 0, 0);'><p> This Digital Camera comes with 12.1 Mp lens and great performance with tonnes of features. One of my friends purchased this camera and got it delivered few weeks before, after having a thorough analysis read in many websites about digital camera. First of all, lets talk about the package contents which includes... </p></span></div>
    <a href=' http://www.newbloggingtipz.com '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBk1lIBXqW0V0XDYAOaZ91XoYmqHMr5xUVl7DR3Rjs770pjo7JZkO6RguCh_RIgmfRfMPXpu1iAbuGHtWUgBcR_c387xcVKUMQdv6zb_KXPrzYwn_I_9rrxBd66JM35jVFRFf8u11Ebrs/s800/read-more.png'/></a>
    </div>
    <div id='slide-1'>
    <h1> Review On Blackberry Storm </h1>
    <div style='text-align: justify;'><span style='font-family:verdana; color: rgb(0, 0, 0);'> <p> The new Vodafone&#8217;s BlackBerry Storm has stormed the market and has attracted the whole world. BlackBerry&#8217;s parent company says that this phone is something that will really compete with an iPhone. So, here goes an elaborate review about the phone. The Storm has a clickable touch screen, which is really.. .</p></span></div>
    <a href=' http://www.newbloggingtipz.com '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBk1lIBXqW0V0XDYAOaZ91XoYmqHMr5xUVl7DR3Rjs770pjo7JZkO6RguCh_RIgmfRfMPXpu1iAbuGHtWUgBcR_c387xcVKUMQdv6zb_KXPrzYwn_I_9rrxBd66JM35jVFRFf8u11Ebrs/s800/read-more.png'/></a>
    </div>
    </div>
    </div>
    </b:if>

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


Slade Shaw blogger ,, سلايد شو ,, سلايد شو احترافي ,, سلايد شو لمدونة بلوجر ,, طريقة اضافة سلايد شو لمدونة البلوجر.

مشاركة مع الأصدقاء