هيبس جروب
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
عمرى معاك

عمرى معاك


عدد المساهمات : 4424
تاريخ التسجيل : 27/08/2012
الموقع : https://hibsgroup.yoo7.com

كود اضافة مواضيع المدونة بشكل متحرك بتقنية جيكيورى على هيبس وبس Empty
مُساهمةموضوع: كود اضافة مواضيع المدونة بشكل متحرك بتقنية جيكيورى على هيبس وبس   كود اضافة مواضيع المدونة بشكل متحرك بتقنية جيكيورى على هيبس وبس I_icon_minitimeالإثنين مارس 16, 2015 5:17 pm

لاشك في انك تود بقاء الزائر اطول مده في مدونتك او موقعك للاستفاده منه اكبر استفاده ممكنه وهذه الاداه التى تعرض للزائر اخر المواضيع التى قمت بكتابتها بطريقه مثاليه وشيك ومتحركه فتجذب النظر وتحث الزائر على قراءه المواضيع التى تحتويها مدونتك فتابع كيف تضيفها الي مدونتك

الاضافه تستخدم في تحريك روابط المواضيع تقنيه جيكيوري jquery

وجافا سكريبت يمكنك معاينه الاداه في السايد بار لمدونتنا ادوات بلوجر



طريقه اضافه الاداه :



سجل دخولك لـلوحه تحكم بلوجر ثم اذهب للمدونه التى تريد اضافه الاداه إليها واضغط في القائمه الجانبيه علي تبويب "التخطيط" سوف يعرض لك صفحه تحتوى على تخطيط لمدونتك وللادوات التى قمت باضافتها سابقا .




في المكان الذى تريد ان تظهر الاداه فيه اضغط على "اضافه اداه" ومن صفحه الادوات التى سوف تظهر لك اختار html/javascript

ضع عنوان للاضافه الجديده وفي مكان الكود ضع الكود التالى
الكود:
<script type='text/javascript'>
jQuery.noConflict();
</script>

<style>img.recent_thumb

{padding:1px;width:55px;height:55px;border:0;float:left;margin:0 0 3px

10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin:

5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li

{padding-bottom:5px;padding-top:5px;min-

height:65px;}.recent_posts_with_thumbs a {text-

decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>

<script  type="text/javascript"  src="http://code.jquery.com/jquery-1.10.2.min.js"></script>


<script style='text/javascript'

src="http://goo.gl/g57N1j" ></script>
<script style='text/javascript'

src='http://goo.gl/oEo75o'></script>
<script style='text/javascript'>
var numposts = 30;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
jQuery(document).ready(function($) {$('#sai').vTicker({
speed: 500,
pause: 3500,
showItems: 7,
animation: 'fade',
mousePause: true,
height: 0,
direction: 'down'
});});
</script>
<div id="sai">
<script src='http://hibsgroup.yoo7.com/feeds/posts/default?

orderby=published&alt=json-in-

script&callback=showrecentpostswiththumbs'></script>
</div>


مع مراعاه تغيير رابط مدونتى https://hibsgroup.yoo7.com برابط مدونتك ويمكنك تغيير عدد التدوينات الكليه التى تظهر في الاداه numposts ويمكنك ايضا تغيير التدوينات التى تظهر للزائر في وقت واحد وهي التى تحدد ارتفاع الاداه من showItems وتغيير السرعه عن طريق speed


flower flower
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود اضافة مواضيع المدونة بشكل متحرك بتقنية جيكيورى على هيبس وبس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» فقط على هيبس جروب شرح بالفيديو كيفية اضافة صندوق اعجاب الفيسبوك فى المدونة البلوجر
» هنا وبس شرح سهل كيفية جعل خلفية المدونة تظهر بحجم كامل للشاشة هنا حصرى على هيبس جروب شرح سهل
» هنا معانا فى هيبس جروب ازاى تعرف محرك بحث جوجل لغة المدونة بتاعتك شرح مبسط على هيبس جروب
» معانا هنا وبس طريقة نشر مواضيع مدونتك على فيس بوك وتويتر تلقائيا فى ان واحد شرح بالصور فى هيبس جروب
» هنا على هيبس جروب كيفية حذف نافبار Nav Bar بلوجر من اعلى صفحة المدونة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
هيبس جروب :: قســــــــــم التــطـوير :: تطوير وقوالب للمدونات-
انتقل الى:  
شات هيبس جروب احلى دردشة