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

 

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




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


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 08-02-2013, 03:38 PM   #1
الهجان
مدون جديد
 
الصورة الرمزية الهجان
 
تاريخ التسجيل: Apr 2013
الدولة: المنصورة مصر
المشاركات: 73
إرسال رسالة عبر Yahoo إلى الهجان
افتراضي شريط سلايد شو مميز زاتى التشغيل

أنا : الهجان




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

لن اطيل عليكم دى صورة الشريط



ودى صورتة فى موقع من تصميمى الخاص

[IMG]https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-_IBmcM8iTIg%2FUfZ_jJ0vPsI%2FAAAAAAAAB8I%2FGdwtHnlY JsQ%2Fs1600%2F1.jpg&container=blogger&gadget=a&rew riteMime=image%2F*[/IMG]



دى معاينة الشريط

معاينة


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



الدخول على القوالب ثم صفحة تعديل القالب

والبحث عن

كود بلغة HTML:
 ]]></b:skin>

وبعدين يتم وضع الكود التالى اعلها



كود بلغة HTML:
#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel  .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png)   repeat center}
#carousel  #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png)   center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel  #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png)  center}
#carousel  #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png)   center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel  #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png)  center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff  url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png)  repeat-x  top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px  solid #ccc;width:145px;height:150px;margin:0 4px 20px  7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}



وبعدين ندور على
كود بلغة HTML:
 </head>



ونضع فوقها الكود التالى



كود بلغة HTML:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;

numposts1 = 15;
label1 = "news";

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 showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
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;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
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 = '<li class="car"><div class="thumb"><a  href="'+posturl+'"><img width="145" height="100" class="alignnone"  src="'+img[i]+'"/></a></div><p><a  class="slider_title"  href="'+posturl+'">'+posttitle+'</a></p></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>





غير الاعدادات التلية


numposts1 = 15; عددد المواضيع الى حابب تعرضعا فى السلايد
label1 = "news"; تغيير كلمة news الى القسم الى حابب تعرضة فى السلايد شو



ثم من داخل القالب ايضا ابحث عن


كود بلغة HTML:
<div id='main-wrapper'>

وضوع فوقها الكود التالى


كود بلغة HTML:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<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=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,    
    visible: 5,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)    
</script>
</b:if> 


ملحوظة الاضافة شغالة كويس جدا بس للاسف مهيش بتشتغل على معظم القوالب قوالب معينة


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

تحياتى وسلامى
__________________
تكبير صفحات وتسويق اليكترونى
لزيارة صفحتى على الفيس
https://www.facebook.com/wagyehfared
تصميم مواقع وحجز دومينات وربطها بمدونات بلوجر01011440800
من مواضيع الهجان

الدعم العربي

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

مركز رفع موسوعة العربية
إضافة رد

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

الكلمات الدلالية (Tags)
مميز, التشغيل, سلايد, زاتى, شريط


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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شريط سلايد شو مميز زاتى التشغيل الهجان إضافات وأدوات بلوجر 10 09-18-2013 11:04 PM
سلايد شو زاتى 2014 الهجان قوالب بلوجر عربية ومعربة 4 09-02-2013 11:48 AM
الاضافة 2 من شريط سلايد شو زاتى الهجان قوالب بلوجر عربية ومعربة 0 08-02-2013 04:15 PM
الاضافة 2 من شريط سلايد شو زاتى الهجان قوالب بلوجر عربية ومعربة 0 08-02-2013 04:13 PM
شريط سلايد شو مميز زاتى التشغيل الهجان قوالب بلوجر عربية ومعربة 0 08-02-2013 03:39 PM





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

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