من شاهد اعمالى
الأحد، 18 أكتوبر 2015
كود سلايد شو اخر المواضيع بتقنية css
السلام عليكم ورحمة الله وبركاته
وصلى الله وسلم على افضل الخلق اجمعين سيدنا محمد صلى الله عليه وسلم
السلام عليكم ورحمة الله وبركاته.
طبعا الاضافة تكون على شكل سلايد شو يعرض اخر المواضيع ولكن 5 مواضيع على الاقل
وتم اضافة بعض التعديلات عليه بلغة css3 مما يعطيها منظر رائع
المهم نبدأ:
- ادخل مدونتك.
- اذهب الى تخطيط.
- اضف اداة جديدة عبارة عن HTML/JavaScript.
- انسخ والصق الكود التالى:
<!-- Edit Byhttp://mobdea1.blogspot.com// -->
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#DDD !important;border:1px solid #CCC !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #CCC !important;border-radius:4px !important;}.slider-rotator-nav a:hover{background-color:#FFFDD8 !important;}.slider-rotator-nav a.current{background-color:#BDB6AA !important;border:1px solid #999 !important;color:#FFF !important;}.slider-rotator{border-radius:5px !important;}</style>
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
url: "http://mobdea1.blogspot.com/" // Add your blog URL
});
</script>
ليس بالضرورة ان تضعه ان كان موجود بمدونتك
استبدله برابط مدونتك
0 التعليقات
الاشتراك في:
تعليقات الرسالة (Atom)
المشاركات الشائعة
-
بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين. السلام عليكم و رحمة الله. بعد أن ... -
طريقة التحكم في حجم الهيدر فى قوالب بلوجر شرح كامل header قسم إضافات بلوجر كل التدوينات السلام عليكم ورحمة الله تعالى و... -
اسهل طريقه لاضافة سلايد شو احترافي لمدونات بلوجر ادارة الموقع | 2:14 ص | اضافات بلوجر السلام عليكم اخواني , سنتطرق... -
السلام عليكم ورحمة الله ، مرحبا بكم مجددا في موضوع جديد وحصري لمدونة جلال البعداني ،اليوم باذن الله سنقوم باضافة اداه جديدة وسهله, وهي عب... -
السلام عليكم ورحمة الله وبركاته اليوم سوف اقدم لكم كيفية اضافة تعريف بصاحب او الكاتب المدونة تحت كل تدوينة اولا ادهب ... -
اهلا بكم من جديد اليوم نتطرق لموضوع فى غاية الاهمية. وهو أفضل قوالب بلوجر التى يمكنك ان تبحث عنها على الانترنت اقدم لكم اليوم نخبة... -
عمل نص متحرك اضافة نص متحرك الى اعلى او اسفل او لليمين او لليسار بالسرعة التي ترغب بها الى مدونتك اذا كنت ترغب في وضع نص او ا... -
طريقة سهلة جدا لإضافة سلايد شو Slideshow الى مدونات بلوجر طريقة سهلة جدا لإضافة أداة سلايد الى مدونات blogger التي تقوم بعرض مواضيع...
-
نقدم لكم هذه الإضافة الرائعة، التي ستضيف على شعارك لمعانا يجعله أكثر إحترافية بدون الحاجة إلى العمل عليه بالفوطوشوب وتحميل صورة صع... -
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين سأوضح كيفية تركيبها لصفحات الفيس بوك ...
