بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اقدم لكم اليوم موضوع جديد من مدونة عمرو ويب وهو عن طريقة اضافة سلايدشو يوسف ويب الاصدار سابع لمدونات بلوجر بطريقة سليمة وصحيحة فقط وحصريا علي مدونة عمرو ويب والان تابع معي طريقة تركيب سلايدشو علي مدونة بلوجر . يمكنك معاينة سلايدشو علي طبيعة
اول شيئ تقوم بدهاب الي لوحة تحكم مدونتك ثم اختار قالب ثم تحرير HTML
ثم قم بالبحث عن ]]></b:skin> وضع قبله تماما الكو التالي
لتحميل الكود اضغط هنا
#alwansd{
height: 329px;
width: 670px;
background: #fff;
overflow: hidden;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
margin-bottom: -13px;
}
.alwanw{
position: relative;
height:329px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: right;
width: 411px;
height: 9px;
margin-top: 320px;
}
.alwan-ps .toc{
font-size: 0px;
width: 50.5px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 259px;
float: left !important;
margin-right: 311px;
background: #243743 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8dyvMnVWtz6CYV6UJ0dSMj480-WFDBl2G7iZdTeJFBLYQu34Dl1AQPhPCMIDaeZYtLUrl64uyUs3wiuPcpZC9Ecc2N6K_PDCYmDDm6nx8knLbwxNzB2E49DKcGHj-jebn5BLZ5KzZdVIH/s67/pattern-header.png) repeat-x;
width: 259px;
}
.alwanip a{
color:#fff;
margin:0;
padding:0;
line-height: 19px;
font-size: 13.5pt;
font-weight: normal;
font-family: GESSTwoMediumRegular;
}
.alwanip h6{margin: 0;
background: #28B78D;
float: left;
padding-top: 14px;
padding-left: 23px;
padding-right: 17px;
padding-bottom: 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5;display: none;}
.alwanip p{font-size: 13px;
margin: 0;
color: #fff;
line-height: 23px;
padding: 20px;
font-family: GESSTwoMediumRegular;
height: 242px;
}
.alwansf a img{float: right !important;
}
.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}
وثانيا تقوم بابحث عن </head> وتقوم بوضع الكود التالي قبله تماما
مع تبديل كلمة الرئيسية باسم القسم الدي تريد ظهور فيه مواضيع مدونتك
لتحميل الكود اضغط هنا
<script>
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
numposts1 = 6;
label1 = "الرئيسية";
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["يناير","فبراير","مارس","ابريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="411" height="329" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><h6><a href="'+posturl+'">إقرأ المزيد</a></h6><div class="alwand" >'+daystr+'</div></div></div>';
document.write(trtd);
j++;
}}
</script>
وثالثا تقوم بالبحث عن </body> وتقوم بوضع الكود التالي قبله تماما
لتحميل الكود اضغط هنا
<script>
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
ورابعاُ واخير تقوم بالبحث عن <div id='main-warpper'> وتضع الكود التالي بعده مباشرا
لتحميل الكود اضغط هنا
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='alwansd'>
<div class='alwanw' id='slider1'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
<div class='alwan-ps' id='paginate-slider1'>
</div>
</div>
</div>
</b:if>
والان قم بعمل حفظ للنمودج ومبروك عليك سلايدشو.والان انتها موضوعنا انتظرونا في كل جديد من مواضيع حصرية
وسلام عليكم ورحمته الله وبركاته
.jpg)
