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

 

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




العودة   معهد خبراء بلوجر > القسم العام > مقتطفات تدوينية


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 12-20-2013, 08:32 AM   #1
AvTaR
مدون مميز
 
الصورة الرمزية AvTaR
 
تاريخ التسجيل: Dec 2012
المشاركات: 330
افتراضي اضافة اخر المشاركات بتاثيرات جافا جميلة ورائعة

أنا : AvTaR




اضافة اخر المشاركات بتاثيرات جافا جميلة ورائعة


الكاتب : yalla nsaytar

الخميس، 19 ديسمبر، 2013 | 6:45 م





كيف يمكنك إضافة اخر المشاركات مذهلة ورائعة إلى مدونتك . هذه القطعة تجلب كل المشاركات عبر جافا سكريبت وتظهر بطريقة جميلة. هذه الاداة تعرض المشاركات الأخيرة مع الصور المصغرة الخاصة بهم. عند المرور عليها يمكنك أن ترى تأثير الظل CSS ، بالاضافة الى مربع وصندوق يحتوي على وصف الموضوع .

معاينة
معاينة



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

نذهب الى لوحة تحكم المدونة ← التخطيط ← اضافة اداة جديدة HTML/JavaScript
ونضع هذا الكود
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#post-gallery {width:100%; margin:0px auto;font:normal 11px tahoma,Sans-Serif;color:##000000;padding:8px;}
#post-gallery .rp-item {float:left;display:inline; position:relative; margin:2px; padding:0px 0px; background: url('http://4.bp.blogspot.com/-0E2ZARxMyAo/UZwiR3XjlvI/AAAAAAAAKDc/3Z8WjltqbCQ/s1600/LOAD+(66).gif') no-repeat 50% 50%; width:79px; height:79px;}
#post-gallery .rp-item img { width:69px; height:69px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none;}
#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-bottom:5px solid #1BA1E2; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity: 0.9;}
#post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#1BA1E2;}
#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script type="text/javascript">
var rpTitle = "Recent Posts", // عنوان الاضافة
numposts = 14, // عدد المشاركات
numchar = 200, // عدد حروف الوصف
rcFadeSpeed = 600, // سرعة ظهور مربع وصف الموضوع
pBlank = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif", // الصورة الافتراضية
blogURL = "http://www.yalla-nsaytar.com/"; // رابط المدونة
</script>
<script src="https://dl.dropboxusercontent.com/s/9j4leixj2pyfqor/Recent-Post-Thumbnail-Blogger.js" type="text/javascript"></script>
الاعدادات

var rpTitle = "Recent Posts", // عنوان الاضافة
numposts = 14, // عدد المشاركات
numchar = 200, // عدد حروف الوصف
rcFadeSpeed = 600, // سرعة ظهور مربع وصف الموضوع
blogURL = "http://www.yalla-nsaytar.com/"; // رابط المدونة

المصدر :

اضافة اخر المشاركات بتاثيرات جافا جميلة ورائعة


__________________
موضوع مهم جدااا
http://www.bloggerexp.com/showthread.php?t=8057
لو عجبك لايك من فضلك
من مواضيع AvTaR

الدعم العربي

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

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

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

الكلمات الدليلية (Tags)
المشاركات


 
أدوات الموضوع
انواع عرض الموضوع

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

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



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة جميلة لمدونات المختصة في الرياضة fouad إضافات وأدوات بلوجر 0 04-18-2013 06:58 PM
اضافة أداة المشاركات الشائعة على شكل صور a7meda1a إضافات وأدوات بلوجر 5 01-07-2013 01:07 PM
[ شرح ] إضافة المشاركات الشـآئعة بطريقة جميلة Mr Chafiai إضافات وأدوات بلوجر 1 12-29-2012 03:32 PM
اضافة أداة المشاركات الشائعة على شكل صور omarlion إضافات وأدوات بلوجر 1 12-11-2012 08:50 PM
اضافة المشاركات الشائعة مع الصور المصغرة في بلوجر بلال حمدان إضافات وأدوات بلوجر 2 11-11-2012 10:04 PM





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

Powered by vBulletin™ Version 3.8.7
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 07:36 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)