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

 

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




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


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 01-14-2013, 01:02 PM   #1
abdoumara
مدون جديد
 
تاريخ التسجيل: Nov 2012
المشاركات: 88
افتراضي سلايدشو ذاتي التشغيل 'المشاركات الشائعة' لمدونات بلوجر

أنا : abdoumara




بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين. السلام عليكم و رحمة الله..في آخر التطورات في البلوجر واضافاته تم انشاء سلايدشو للمشاركات الشائعة الاسرع والافضل على الاطلاق٫٫ الجميل في هذا السلايدر انه يعرض تدويناتك بطريقه اوتوماتيكيه دون الحاجه لتغيير روابط الصور و العناوين وغيره في كل مرة مثل باقي السلايدرات المنتشره بكثره في المدونات الأخرى..لتركيب السلايدر اتبع المراحل البسيطة اسفله:




[1] بعد تسجيل الدخول الى بلوجر > تصميم > وفي عناصر الصفحة >اضافة اداة "المشاركات الشائعة".
[2] والأن قم بإضافة أداة "HTML/JavaScript" وألصق الكود اسفله:
صورة توضيحية للمرحلتين 1و2
الكود:


كود بلغة HTML:
 <style>
@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
 position:relative;
 overflow:hidden;
 border:#F4F4F4 solid 1px;
 width:892px;
 height:300px;
}
.lof-slidecontent .preload{
 height:100%;
 width:100%;
 background:#FFF;
 position:absolute;
 top:0;
 right:0;
 z-index:100000;
 color:#FFF;
 text-align:center
}
.lof-slidecontent .preload div{
 height:100%;
 width:100%;


 background:transparent   url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/load-indicator.gif)  no-repeat scroll 50% 50%;
}
.lof-main-outer{
 position:relative;
 height:100%;
 width:600px;
 z-index:3px;
 overflow:hidden;
 float:left;
}


/*******************************************************/
.lof-main-item-desc{
 z-index:100px;
 position:absolute;
 top:150px;
 right:50px;
 width:400px;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png);


 /* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
 color:#FFF;
 margin:0 8px;
 padding:8px 0
}
.lof-main-item-desc h3 a{
 color:#FFF  !important;
 margin:0 !important;
 font-size:140% !important;
 padding:20px 8px 2px !important;
 font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif !important;
}
.lof-main-item-desc h3 a:hover{
 color:#FF6;
 text-decoration:underline;
}


/* main flash */
ul.lof-main-wapper{
 /* margin-left:auto; */
 overflow:hidden;
 background:transparent   url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/load-indicator.gif)  no-repeat scroll 50% 50%;
 padding:0px;
 margin:0  !important;
 height:300px;
 width:600px;
 position:absolute;
 overflow:hidden;
}


ul.lof-main-wapper li{
 overflow:hidden;
 padding:0px  !important;
 margin:0px;
 height:100%;
 width:600px;
 float:right;
}
.lof-opacity  li{
 position:absolute;
 top:0;
 right:0;
 float:inherit;
}
ul.lof-main-wapper li img{
 padding:0px !important;
 width:600px  !important;
 height:300px  !important;
}


.lof-main-wapper{
  margin-right:auto;
  margin-left:inherit;
  clear:both;
  height:300px;
 }


li-desc{
 z-index:100px;
 position:absolute;
 top:150px;
 right:50px;
 width:400px;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png);


 /* filter:0.7(opacity:60) */
}
li-desc p{
 color:#FFF;
 margin:0 8px;
 padding:8px 0
}
li-desc h3 a{
 color:#FFF;
 margin:0;
 font-size:140%;
 padding:20px 8px 2px;
 font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
 color:#FF6;
 text-decoration:underline;
}


/* item navigator */
ul.lof-navigator{
 top:0  ;
 padding:0  ;
 margin:0 ;
 position:absolute ;
 width:100% ;
 background:none !important;
 margin-top: 0 !important;
 margin-right: 0 !important;
 margin-left: 0 !important;
}
ul.lof-navigator li{
 cursor:hand ;
 cursor:pointer ;
 list-style:none ;
 width:100%  !important;
 padding:0  !important;
 margin:0 !important;
 overflow:hidden !important;
}
.lof-navigator-outer{
 position:absolute !important;
 z-index:100 !important;
 height:300px !important;
 width:310px  !important;
 overflow:hidden  !important;
 color:#FFF !important;
 right:0 !important
 top:0 !important;
 left:inherit !important;
}
.lof-navigator li.active{
 background:url(http://www11.0zz0.com/2012/04/11/11/341841132.png) center left no-repeat;
 color:#FFF
}
.lof-navigator li:hover{


}


.lof-navigator li h3{
 color:#FFF;
 font-size:120%;
 padding:15px 0 0 !important;
 margin:0;


}
.lof-navigator li div{
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png);
 color:#FFF;
 height:100%;
 position:relative;


 padding-right:15px;
 border-top:1px solid #E1E1E1;
 margin-right:inherit;
 margin-left:18px;
}


.lof-navigator li.active div{
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/grad-bg2.gif);
 color:#FFF;


 margin-right:inherit;
 margin-left:18px;


}
.lof-navigator li img{
 height:60px;
 width:60px;
 margin:15px 0px 10px 15px;
 float:right;
 padding:3px;
 border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
 border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
 color:#FFF;


.PopularPosts .item-title{0 !important; }
}
.PopularPosts .widget-item-control {display:none}


 ul.lof-main-wapper li {
  position:relative;
 }


</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script  type="text/javascript"  src="http://accordion-for-blogger.googlecode.com/svn/trunk/jquery.easing.js"></script>
<script  language="javascript" type="text/javascript"  src="http://accordion-for-blogger.googlecode.com/svn/trunk/scriptlofslider.js"></script>
<script type="text/javascript">
 $(document).ready( function(){
  $('#lofslidecontent45').lofJSidernews( { interval:2000,
             easing:'easeOutBounce',
            duration:1200,
            auto:true } );
 });


</script>
المرجو التقييم إخوان تقديرا للمجهود

الدعم العربي

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

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

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

الكلمات الدلالية (Tags)
'المشاركات, لمدونات, الشائعة', بلوجر, سلايدشو


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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة أداة المشاركات الشائعة على شكل صور omarlion إضافات وأدوات بلوجر 1 12-11-2012 08:50 PM
اضافة المشاركات الشائعة مع الصور المصغرة في بلوجر بلال حمدان إضافات وأدوات بلوجر 2 11-11-2012 10:04 PM
سلايدشو ذاتي التشغيل 'المشاركات الشائعة' لمدونات بلوجر abdoumara إضافات وأدوات بلوجر 1 11-03-2012 07:11 PM
كيف أرفع عدد المشاركات التي تظهر في الصفحة الرئيسية و المشاركات الشائعة؟ مدونتي طلبات الدعم الفني 3 08-30-2012 03:05 PM
طلب افضل سلايد شو ذاتي التشغيل لمدونة بلوجر والاسرع على الاطلاق [تمت التلبية] احمد سراج طلبات الدعم الفني 6 06-28-2012 01:40 PM





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

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