المشاركات

عرض الرسائل ذات التصنيف تقنيات حديثة

حصريا اضافة تساقط الثلوج في بلوجر

صورة
ضع الاداة فوق وسم </head> <script src='https://googledrive.com/host/0B8zY82qas755cGRZbmlyU0NUZTQ' type='text/javascript'/>  ثم ضع الكود التالى فوق وسم </body> <script type='text/javascript'> /* <![CDATA[ */ var settings = {"wfs_letitsnow_activate":"enabled","wfs_letitsnow_scope":"site","wfs_letitsnow_ flakeCount ":"350","wfs_letitsnow_ minSize ":"1","wfs_letitsnow_ maxSize ":"5","wfs_letitsnow_ minSpeed ":"1","wfs_letitsnow_ maxSpeed ":"5","wfs_letitsnow_shadow":"false"}; /* ]]> */ </script> <script src='https://googledrive.com/host/0B8zY82qas755QXA5R0JYNG1CSVU' type='text/javascript'></script>

اضافة خاصية آخر المواضيع لقسم معين في مدونات بلوجر حصريا

صورة
اضافة اخر المشاركات تعتبر من المشاراكات الغير الضرورية لمدونات بلوجر الا أنها في بعض الأحيان قد تكون مفيدة و جيدة ان أحسنا استخدامها و ذلك عن طريق عرض اخر مواضيع قسم معين من المدونة ليتمكن زوار المدونة من الوصول الى المواضيع بكل سهولة و سلاسة . و هي اضافة أنصح بها كثيرا أصحاب المدونات و المواقع الاخبارية و المدونات العامة التي تقوم بتحديث المواضيع بشكل مستمر و دائم . فاذا كانت المدونة الخاصة بك تتوفر على كثرة المواضيع و الأقسام و تريد مساعدة زوارك على العثور و الوصول الى مشاركاتك بشكل سريع فما عليك سوى تركيب الاضافة و تسهيل الامر على الزوار . اما فيما يخص طريقة التركيب فقد اعتدنا على ذكرها ما عليك الا التوجه الى لوحة الحكم الخاصة بالمدونة ثم الى التخطيط  بعد ذلك تقوم باضافة أداة في الفوتر او السايدبار و انا شخصيا أفضلها في الفوتر ثم قم باضافة الكود الذي في الأسفل . <style>img.recent_thumb {background:#fff;padding:2px;width:64px;height:64px;border:1px solid #777;float:left;margin:5px 10px 5px 0;}.recent_posts_with_thumbs {float: left;margin: 5px 0px 5px 0...

طريقة عرض الصور افقية

صورة
مرحبا بكم من جديد أحبتي اصدقاء و زوار المدونة في أحد المواضيع الجديدة و الحصرية على مدونة رابط ويب . بحيث سنتعرف معا باذن الله على اضافة جديدة و مميزة ستمكنك من عرض مشاركات مدونتك و مواضيعك المميزة بشكل احترافي و جميل للغاية . فان كانت لديك مشاركات مميزة على المدونة و تريد اشهارها او بعبارة أخرى جعل امكانية الوصول اليها اسهل فما عليك سوى تجربة هذه الاضافة التي بين يديك فهي تمكنك من عرض المشاركات على شكل مقاطع او صور تظهر بشكل أفقي مرفقة بعنوان ووصف للموضوع يمكنك معاينة الاضافة للتعرق عليها بشكل أدق ( من هنا ) كما انني واثق من ان الاضافة ستزيد من جمالية مدونتك و ستجعلها تظهر بشكل لائق للزوار  مرحلة التركيب : كبداية توجه الى ادارة مدونتك ثم بعدها الى التخطيط مباشرة بعد ذلك قم باضافة اداة جديدة انصحك باضافتها أسفل المدونة أي فوق الفوتر مباشرة ( مجرد رأي ) قم بعد ذلك باختيار اداة HTML / JAVASCRIPT ثم قم بلصق الكود. <div id='mbtboxes'> <div style='visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 100%;...

[CSS3] قائمة منسدلة كاملة احترافية للموقع

صورة
بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه افضل الصلاة والسلام السلام عليكم ورحمة الله وبركاته. [CSS3] قائمة منسدلة كاملة احترافية للموقع   مثال مباشر :  هنا طريقة التركيب :  ادخل مدونتك  ابحث عن  ]]></b:skin> ضع هذا الكود فوقه مباشره او قبله :  @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); #contact-links{ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);     margin: auto;     position: relative;     width: 100%;   text-align: right;   font: 12px 'Droid Arabic Kufi', serif; direction: rtl; } #contact-links a{ color:#4C9FEB; } #contact-links a:hover{ color:#3D85C6; } a#o-7lol-dro{ background:url(https://jetara.googlecode.com/svn/trunk/icon-ios7-arrow-down-16.png); background-repeat:no-repeat; background-position:center left 5px; padding-left:25px!important; } #menu-container{ background:-webkit-gradient(linear,l...

كود اعلانى مميز جدا

صورة
 الكود يصلح للكل نسخة 3 ملاحضة مراعات تبديل رابط موقعي بي رابط موقعك وا رابط الصورة وا شكرا رمز PHP: < table  class= "tborder"  cellpadding = "0"  cellspacing = "1"  border = "0"  width = "100%" > < < thead > < < tr >     <     < td  class= "thead"  align = "center" >.::  الاعلانات  ::.</ td > </ </ tr > </ </ thead > < < tbody > < < tr >     <     < td  class= "alt1" > < < table align = "center"  dir = "ltr"  width = "100%"  border = "0"  cellspacing = "0"  cellpadding = "0" >       <       < tr >         <         < td width = "50%"  align = "center"...

إضافة 5 أشكال إحترافية لآخر التدوينات لبلوجر

صورة
السلام عليكم ورحمة الله وبركاتة إخوانى الكرام تدوينة اليوم هى عن إضافة (التدوينات الأخيرة ) باكثر من شكل مختلف وجزاب وراقى وتنساب جميع الأذواق أشكال إحترافية حيث أن إضافة التدوينات الأخيرة مهمة جدا للمدون وللزائر ضف إلى ذلك سهولة فى التركيب دعنا نعرض لك الـ 5 أشكال المختلفة لكى تختار ما يناسبك . الشكل الأول اقتباس: <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script> <script style="text/javascript"> var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = false; var posts_date = true; var post_summary = true; var summary_chars = 70; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script> <a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href=...

إضافة صفحة إتصل بنا لمدونة بلوجر

صورة
إضافة صفحة إتصل بنا لمدونة بلوجر تكاد صفحة إتصل بنا لا تكاد تغيب عن أي مدونة لأهميتها الكبرى , حيث تقرب المتابع من الموقع و يمكن من خلالها الإستفسار أو التواصل مع صاحب الموقع . فإن كنت تعاني من مشاكل في إضافة صفحة إتصل بنا إلى مدونتك على بلوجر , فتابع الشرح بالصور ^_^ موقع  http://fr.foxyform.com/  يقدم خدمة الحصول على صفحة إتصل بنا في بلوجر مجانا و بدون أي تعب أو جهد يذكر , حيث أنه لا يتوجب عليك التسجيل في الموقع . 3 خطوات بسيطة تقوم بها هو كل ما عليك فعله , إملأ البيانات حسب رغبتك (تابع الصورة) و اخيرا الضغط على زر إنشاء الصفحة  إضافة صفحة إتصل بنا لمدونة بلوجر بعد أن تظهر لك هذه الصفحة , قم بنسخ الكود الذي ولده لك الموقع لم يتبق لك إلا أن تتوجه نحو لوحة التحكم في بلوجر ثم الصفحات : أنشأ صفحة سميها : إتصل بنا   ثم ألصق الكود بعد إختيار خاصية الhtml كما هو موضح في الصورة

سلايد شو بأخر المشاركات تلقائي لمدونات بلوجر والمواقع أحترافي جميل

صورة
السلام عليكم ورحمة الله وبركاته  أقدم لكم اليوم سلايدر جميل جدا هذا السلايدر يقوم بإظهار اخر الموضيع لمدونات بلوجر والمواقع المستضافة على بلوجر او ورد برس سلايدر خفيف وسهل التركيب  صورة السلايدر شو  معاينة من هنا كيفية اضافة السلايدر الى مدونتك اولا سجل دخول الى مدونتك لوحة التحكم  ثم اضغط على تخطيط وبعدها اضافة أداة  حدد أدوات html/javascript ثم اضف الكود التالي في المكان الذي ترغب بظهور السلايدر فيه <style scoped="" type="text/css"> .ei-slider{position:relative;width:100%;max-width:1000px;height:250px;margin:0 auto 35px;padding:0;background-color:white} .ei-slider-loading{width:100%;height:100%;z-index:997;position:absolute;top:0;left:0;background-color:white;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Rne-XD_y1vU98M1RfU4vvfnEZ5LIG_pzhesEeJK5K64xIiuz2oR0CaEFoAHlws6wuYNBYgveD4EyZGLnkaFZG20W-Qm6TrmxgiIsx7ibvI4Zay4HYNTzEPiy_OH9FqTpRDfbKL_NVm8/s1600/loading.gif);bac...

اضافة سلايد شو تلقائي لمدونة بلوجر مميز

صورة
في هدا الدرس من دروس بلوجر سنتعلم  اضافة سلايد شو تلقائي وخفيف لمدونة بلوجر. طريقة التركيب : ادخل مدونتك . التخطيط . اختر اداة html/javascript . ضع مكانها فوق المشاركات . انسخ والصق هذا الكود بها : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'></script> <style type='text/css'>   .contenedorsli { width:  650 px; margin: 0 auto; height:  250 px; } #slider { position: relative; overflow: hidden; width: 100%; height:  250 px; border: 4px solid #333; margin: 0 auto; padding: 0; } #slider > div {position: absolute;top: 0;left: 0;width: 100%;padding:0;} #slider img { width: 100% !important; height:  250 px !important; margin: 0; padding: 0; border: 0; } #slider p { position: absolute; left: 0; top: 0; height:  250 px; width: 200px; margin: 0; padding: 10px; color: #FFF; background: #333; font-size: 18px; font-weight: bold; ...