|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-14-2013, 01:02 PM | #1 |
مدون جديد
تاريخ التسجيل: Nov 2012
المشاركات: 88
|
سلايدشو ذاتي التشغيل 'المشاركات الشائعة' لمدونات بلوجر
بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين. السلام عليكم و رحمة الله..في آخر التطورات في البلوجر واضافاته تم انشاء سلايدشو للمشاركات الشائعة الاسرع والافضل على الاطلاق٫٫ الجميل في هذا السلايدر انه يعرض تدويناتك بطريقه اوتوماتيكيه دون الحاجه لتغيير روابط الصور و العناوين وغيره في كل مرة مثل باقي السلايدرات المنتشره بكثره في المدونات الأخرى..لتركيب السلايدر اتبع المراحل البسيطة اسفله: [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>
__________________
منتديات ستار سيفن http://www.star7ar.com/ |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
'المشاركات, لمدونات, الشائعة', بلوجر, سلايدشو |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
اضافة أداة المشاركات الشائعة على شكل صور | 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 |
الساعة الآن 03:01 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |