أدخل كلمات بحثك

Thursday, August 24, 2017

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

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

طريقة التركيب: سهلة جدا وبسيطة تابع الخطوات معي بالضبط
**خذ نسخة احتياطية للقالب قبل التعديل للرجوع اليها في حالة وقوع اي اخطاء
- Theme >> Edit HTML - أ- تتوجه إلى لوحة تحكم القالب 
 - Ctrl + F - ب- تبحث في القالب بواسطة الضغط على
   - ]]></b:skin> - جـ- تكتب في مربع البحث كلمة
د- وتضع الكود التالي قبل/ أعلى الكلمة التي بحثت عنها

/* تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف */ 
#alwansd{
height: 428px;
margin: 0 0 0px 0px;
padding: 15px 28px 15px 16px;
width: 672px;
background: #373737;
}
.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/AVvXsEhtizqz0cOhYBSreIzB9YWxl-__YOb2hmkttsjyB3f_N0EJhyphenhyphenjj95CT7M5Tj2EBZnzBAsufC9yhJ9TqfNZwv1IGFNQH3L49g9T8WLvS4XZazJlrVSCMZsh3-MBVq4qC_e3bm2AwSD_KSqw/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;
}
/* تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف */ 
- </head> - هـ- تبحث عن كلمة
و- وتضع الكود التالي قبل/ أعلى الكلمة التي بحثت عنها

<!--تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف-->
<script> 
/* Script from:http://computer-for-security.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>
<!--تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف-->
- ز- قم بتغيير كلمة دروس بلوجر باسم القسم الذي تريد عرض المواضيع الخاصة به في السلايدر
<div id='main-wrapper'> - ح- تبحث عن كلمة
لو لم تجد هذه الكلمة ابحث عن أي واحدة من التالي
 <div id="content">
 <div class='main-wrapper'>
 <div class='column-center-inner'>
ط- وتضع الكود التالي بعد/ أسفل الكلمة التي بحثت عنها

<!--تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف-->
<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>
<div class='alwan-ps' id='paginate-slider1'>
</div>
</div>
</b:if>
<!--تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف--> 
</body> ي- تبحث عن كلمة
ك- وتضع الكود التالي قبل/ أعلى الكلمة التي بحثت عنها

<!--تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف-->
<script src='http://albaadani.googlecode.com/files/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>
<!--تركيب سلايد شو إحترافي تلقائي لمدونة بلوجر - سلايدر المحترف-->
ل- قم بحفظ القالب ومبروك عليك السلايدر
إذا واجهتك مشاكل في التركيب لا تردد في التعليق

مصدر الأكواد
albaadani.com
كيفية المساعدة التي حصلت عليها؟

فظيع

سيئة

حسنا

جيد

عظيم

بقلم : جيك حماده

أنا حماده محمد علي صلاح محب للمعلوميات ومصمم مونتاج وفوتوغرافيا و السلام عليكم ورحمة الله تعالى وبركاته

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

0 التعليقات
تعليقات دسكس
تعليقات الفيسبوك
التعليقات :

2 comments:

  1. السلام عليكم,
    يعطيك العافيه أخوي لكن أنا حاولت أتبع الخطوات فواجهتني مشكلة في الخطوة ح :\

    م حصلت هالكلمه , بحثت بكل الأربع كلمات ولا طلعت لي!

    أنتقل للخطوه اللي بعدها بدونها عادي! ولا؟

    أرجو الرد...

    ReplyDelete
    Replies
    1. آسف على التأخير بالرد ابحث عن احد أجزاء الكلمات الأربع وليس الكلمة كاملة وجرب ولا ملاقيتش ضع الكود أسفل كود القائمة الخاصة بموقعك

      Delete

جميع الحقوق محفوضة ل جيك حماده للمعلوميات
تصميم و تكويد Geek Hamada