رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 04-08-2013, 01:16 AM   #1
Dr Help
مدون جديد
 
تاريخ التسجيل: Mar 2013
المشاركات: 18
Wink طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : Dr Help





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

طريقة تركيب إضافة السلايدر في مدونات بلوجر الشخصية :



وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب, من لوحة التحكم اتجه الى تصميم ثم تحرير HTML, ضع علامة في خانة توسيع القوالب, ثم إضغط في الكيبورد على Ctrl + F, و ابحث عن الكود التالي :

كود بلغة HTML:
]]></b:skin>
ثم ضع فوقه/قبله كود CSS التالي :

كود بلغة HTML:
#alwansd{
height: 397px;
margin: 0 0 20px 20px;
padding: 15px 17px 15px 16px;
width: 617px;
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: 618px;
height: 11px;
margin-left: -1px;
}
.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: 597px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url([url]http://3.bp.blogspot.com/--PmJCnAgSsc/USDs0q1v30I/AAAAAAAADoY/_nmnrEqXG4U/s1600/backslide.png);[/url]
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#ffa800;}
.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:100px !important;}
.column-center-outer {
width: 100%;
}
مع تغيير 00b4ff# بي اللون الطاغي في مدونتك و اللذي يمكنك الحصول عليه من هنا
الآن ابحث عن :

كود بلغة HTML:
</head>
الآن أضف الكود التالي فوقه/قبله :

كود بلغة HTML:
&lt;script&gt;
/* Script from:[url]http://drhelp4u.blogspot.com/[/url] */
imgr = new Array();
imgr[0] = &quot;[url]http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;[/url]
showRandomImg = true;
aBold = true;
summaryPost = 150;

numposts1 = 12;
label1 = &quot;Yourlabel&quot;;
function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);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&lt;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&lt;entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='replies'&amp;&amp;entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}
      
if (&quot;content&quot; in entry) {
var postcontent = entry.content.$t;}
else
if (&quot;summary&quot; in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = &quot;&quot;;
postdate = entry.published.$t;
if(j&gt;imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;يناير&quot;,&quot;فبراير&quot;,&quot;مارس&quot;,&quot;ابريل&quot;,&quot;مايو&quot;,&quot;يونيو&quot;,&quot;يوليو&quot;,&quot;أغسطس&quot;,&quot;سبتمبر&quot;,&quot;أكتوبر&quot;,&quot;نوفمبر&quot;,&quot;ديسمبر&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;&lt;img width=&quot;617&quot; height=&quot;385&quot; class=&quot;alignnone&quot; src=&quot;'+img[i]+'&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;h6&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;'+posttitle+'&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;'+daystr+'&lt;/div&gt;&lt;p&gt;'+removeHtmlTag(postcontent,summaryPost)+'...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;';   
document.write(trtd);     
j++;
}}
&lt;/script&gt;

مع تغيير Your Label باسم القسم الذي سيتم عرض مواضيعه عشوائيا
بعد ذلك ابحث عن :


كود بلغة HTML:
</body>

ثم الآن أضف الكود التالي فوقه/قبله :

كود بلغة HTML:
&lt;script src='[url]http://dl.dropbox.com/u/12924430/contentslider.js'&gt;&lt;/script&gt;[/url]
&lt;script&gt;
featuredcontentslider.init({
id: &quot;slider1&quot;, //id of main slider DIV
contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; 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)
}
})
&lt;/script&gt;
وفي الأخير قم بالبحث عن هذا الكود :


كود بلغة HTML:
  <div id='main-wrapper'>أو<div id='content'>أو<div id="content"></div>أو <div class='column-center-inner'>
القالب أضف الكود التالي بعده/أسفله :
(ملاحظة : إذا لم تجد أي كود من هذه الأكواد فقم بالبحت عن هذا الكود :
<b:section class='main' id='main' showaddelement='no'> ثم ضع الكود الأتي فوقه/قبله )


كود بلغة HTML:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='alwansd'>
<div class='alwanw' id='slider1'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
<div class='alwan-ps' id='paginate-slider1'>
</div>
</div>
</b:if>
بعد هذا كله قم بالضغط على حفظ التغييرات ومبروك عليك السلايدر

المصدر : http://www.3rab-help.com/2013/04/sli...-work-100.html

الدعم العربي

Dr Help غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 04-10-2013, 07:49 PM   #2
kessoum lamine
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 3
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : kessoum lamine




السلام عليكم
شكرا على الاضافة
لكن واجهتني مشكلة
وهي عدم ظهور الصور في السلاش ارجو الافادة

وجزاك الله خيرا
هذا رابط مدونتي http://kessoum.blogspot.com/
__________________

من مواضيع kessoum lamine

الدعم العربي

kessoum lamine غير متواجد حالياً   رد مع اقتباس
قديم 04-11-2013, 08:19 PM   #3
kessoum lamine
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 3
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : kessoum lamine




ليش هذا الرابط ما يعمل
هذا السلايدر شو لا يعمل معي
ممكن تساعدني هذا لازم
__________________

من مواضيع kessoum lamine

الدعم العربي

kessoum lamine غير متواجد حالياً   رد مع اقتباس
قديم 04-12-2013, 10:31 AM   #4
أسامة ناصر الدين
مدون جديد
 
تاريخ التسجيل: Mar 2013
المشاركات: 17
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : أسامة ناصر الدين




يسلمو إيديك .. كتير حلو .. رائع جداً

الدعم العربي

أسامة ناصر الدين غير متواجد حالياً   رد مع اقتباس
قديم 04-13-2013, 11:11 AM   #5
deejay48
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 17
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : deejay48




السلام عليكم
رائعة بارك الله فيك

الدعم العربي

deejay48 غير متواجد حالياً   رد مع اقتباس
قديم 04-14-2013, 05:02 AM   #6
trucsinformatique
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 13
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : trucsinformatique




Chokran akhi lkarim

الدعم العربي

trucsinformatique غير متواجد حالياً   رد مع اقتباس
قديم 04-14-2013, 11:07 AM   #7
Nemssef
مدون جديد
 
تاريخ التسجيل: Dec 2012
الدولة: المغرب
المشاركات: 86
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : Nemssef




بارك الله فيك يمكنك بزيارة موقعي www.geek-programe.blogspot.com

الدعم العربي

Nemssef غير متواجد حالياً   رد مع اقتباس
قديم 12-04-2013, 05:21 PM   #8
ÐĴ ÐØŁД
مدون جديد
 
تاريخ التسجيل: Sep 2013
المشاركات: 39
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : ÐĴ ÐØŁД




الف شكر اخوى

الدعم العربي

ÐĴ ÐØŁД غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 12:09 PM   #9
حسين
مدون جديد
 
تاريخ التسجيل: Mar 2013
المشاركات: 55
افتراضي رد: طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf

أنا : حسين




سلايد شو جميل

الدعم العربي

حسين غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مدونة, المحترف, سلايدشو, th3pf


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
سلايدر / سلايدشو مدونة المحترف (محترفي الحماية) admin إضافات وأدوات بلوجر 89 07-26-2014 12:02 AM
إضافة مواضيع ذات صلة إلى مدونات بلوجر أسفل كل تدوينة مدونة المحترف th3pf Dr Help إضافات وأدوات بلوجر 14 12-04-2013 05:20 PM
الطريقة الصحيحة لإضافة سلايدر / سلايدشو مدونة المحترف (محترفي الحماية) Dr Help إضافات وأدوات بلوجر 1 09-29-2013 07:23 PM
قالب مدونة المحترف الحالى مجانا Th3pf Dr Help قوالب بلوجر عربية ومعربة 3 05-16-2013 03:40 PM
قالب مدونة "المحترف-th3pf.com" youness017 قوالب بلوجر عربية ومعربة 13 03-10-2013 10:10 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 01:39 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)