أسهل طريقة لاضافة السلايدر شو المحترف.

لإضافة المحترف بطريقة احترافية وسهلة ماعليك إلا تتبع الخطوات التالية.

معاينة الاداة من هنا

من لوحة التحكم من هنا -> قالب -> تحرير HTML
خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
قبل كل شئ ان كان قالبك يتوفر على السلايدر شو مسبقا فابحث عن هذا الكود :

border-top: 4px solid

وقم بحذفه.

1- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

]]></b:skin>

والصق الكود التالي قبله تمامآ .

#alwansd{
height: 428px;
margin: 0 0 0px 0px;
padding: 15px 28px 15px 16px;
width: 672px;
background: #373737;
border-top: 4px solid #00B4FF;
}
.alwanw{
position: relative;
height:385px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: left;
width: 670px;
height: 11px;
margin-left:-43px;
}
.alwan-ps .toc{
font-size: 0px;
width: 102px;
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: 618px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiye_joSjabCjcoIyYMtCdt0q6XZufQi4FeXu-wXywmlo7MR0AmB0BYtt4PNtViFttofW-dJCFT90aiqxhqDotz6euRq4kpE8G2vcNd3O4LzdLbVO3jhny6kA37QaXwxKRWxoIqKxf6MU0/s1600/backslide.png);
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#c2df00;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:680px!important;}
.column-center-outer {
width: 680px;
}

قم بتغيير 00B4FF# بكود اللون المناسب لمدونتك يمكنك الحصول عليه من هنا.

بعد ذلك ابحث عن:

</head>

والصق الكود التالي قبله مباشره {فوقه}.

<script>
/* Script from:http://alb33dani.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=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];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="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'
+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>

قم بتغيير كلمة بلوجر باسم القسم او التسمية الذي سيتم عرض مواضيعه على السلايدرشو.
بعد ذلك قم بالبحث عن:

</body>

والصق الكود التالي قبله مباشره فوقه.

<script src='http://dl.dropbox.com/u/12924430/contentslider.js'></script>
<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-wrapper'>

واذا لم تجده قم بالبحث عن احد الاكواد التاليه:

<div id='main-wrapper'>

<div id='content'>

او

<div id="content"></div>

او

<div class='column-center-inner'>

و الصق الكود التالي بعده/أسفله:

<b:if cond='data:blog.pageType == "index"'>
<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>
<div class='alwan-ps' id='paginate-slider1'>
</div>
</div>
</b:if>

بعد ذلك قم بحفظ القالب وقم بالمعاينه ومبرووك عليك السلايدرشو الاحترافي.

لاي استفسار بالتعليقات.

أسهل طريقة لاضافة السلايدر شو المحترف.

هناك تعليق واحد:

المواضيع النشطه

الموضوعات الأكثر زياره فى المدونه

الأرشيف

احصل يوميا على تحديتاث المدونة

تابعنا على شبكاتنا الإجتماعية

أسهل طريقة لاضافة السلايدر شو المحترف.

شاهد أيضا

شـــاهـــد أيـــضـــا

أدخل تعليقك

هناك تعليق واحد:

الأرشيف

احصل يوميا على تحديتاث المدونة

تابعنا على شبكاتنا الإجتماعية