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

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

السلام عليكم ورحمة الله اليوم بأذن الله في تدوينة جديدة وهي  إضافة سلايد شو تلقائي لمدونات بلوجر بشكل احترافي وت قتي طريقة التركيب :  1- أو... 9:06 ص

السلام عليكم ورحمة الله

اليوم بأذن الله في تدوينة جديدة وهي إضافة سلايد شو تلقائي لمدونات بلوجر بشكل احترافي وتقتي

طريقة التركيب : 

1- أولا قم بأخذ نسخة إحتياطية لتفادي أي مشكلة قد تواجهها .

2- توجه إلى لوحة التحكم خاصتك على بلوجر 

3- توجه نحو تعديل القالب 

ثم ابحث عن الكود التالي : (يمكنك البحث عبر الضغط على ctrl+f)

]]></b:skin><br />

فوقه مباشرة (قبله) , أضف الكود التالي :

#alwansd{<br />height: 428px;<br />margin: 0 0 0px 0px;<br />padding: 15px 28px 15px 16px;<br />width: 672px;<br />background: #373737;<br />}<br />.alwanw{<br />position: relative;<br />height:385px;<br />}<br />.alwanw .contentdiv{<br />visibility: hidden;<br />position: absolute;<br />opacity: 1;<br />}<br />.alwan-ps{<br />text-align: right;<br />float: left;<br />width: 670px;<br />height: 11px;<br />margin-left:-43px;<br />}<br />.alwan-ps .toc{<br />font-size: 0px;<br />width: 102px;<br />height: 11px;<br />float: right;<br />background: #5b5b5b;<br />margin-left: 1px;<br />}<br />.alwan-ps a.selected{<br />background:#dfdfdf;<br />}<br />.alwan-ps .prev, .alwan-ps .next {display:none; }<br />.alwanip{<br />width: 618px;<br />padding: 10px !important;<br />bottom: 0;<br />float: left !important;<br />position: absolute;<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXR067cUeCymGx-aHKdAqXAzBd4b7LegkONGKUe5LbypsK1OsV2ZIguPu54t16vV2XvRLC0dkFPPuH3IMiRbd8WHZDy0Ejcaw6rlOsPKLyv85u6mikgEjLxobwcNm8BiiLG59t4J8RDxk/s1600/backslide.png);<br />}<br />.alwanip a{<br />color:#dcdcdc;<br />font: 12px droidkufi-bold;<br />margin:0;<br />padding:0;<br />line-height: 19px;<br />}<br />.alwanip h6{margin: 0;}<br />.alwanip h6 a:hover {color:#c2df00;}<br />.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }<br />.alwanip p{font-size: 13px;<br />margin: 0;<br />color: #a5a5a5;<br />line-height: 23px;<br />}<br />.alwansf a img{float: right !important; }<br />.alwansf {float: right !important; width:680px!important;}<br />.column-center-outer {<br />width: 680px;<br />}<br />

اخر شئ قوم بالبحث عن الكود التالي

<div id='main-wrapper'><br />

(ربما لا تجده , يمكنك وضع رابط مدونتك في تعليق و مشكلتك و سيتم الرد عليك)
(ضع تعليقا ضمن تعاليق بلوجر و ليس تعليقات الفيسبوك حتى يصلني إشعار بذلك و أجيب عليك في أقرب وقت)
بعده / أسفله مباشرة , أضف هذا الكود

<b:if cond='data:blog.url == data:blog.homepageUrl'><br /><div id='alwansd'><br /><div class='alwanw' id='slider1'><br /><script><br />document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");<br /></script><br /></div><br /><div class='alwan-ps' id='paginate-slider1'><br /></div><br /></div><br /></b:if><br />

قم بحفظ القالب و يمكنك ملاحظة السلايد شو في مدونتك ! :)