قالب المنارة للمعلوميات مقدم لكم بالمجان

قالب المنارة للمعلوميات مقدم لكم بالمجان 

قالب حوحو

cمرحبا بكم متابعين وزوار واصدقاء مدونة فاستربرو للمعلوميات اولا اقول جمعة مباركة للجميع وانشاء الله في صحة جيدة وكل العافية اليوم لدينا قالب بلوجر حصري على المدونة انه قالب مدونة حوحو للمعلوميات هو قالب بلوجر إحترافي وبدون اخطاء واحترافي

مميزات القالب

1. متوافق مع المتصفحات
2. بدون اخطاء ابدا
3.  يحتوي على الإضافات الأساسية الهامة
4. متجاوب مع أبعاد الشاشة المختلفة للحاسب 
5. القالب منسق داخلياً وخارجياً وسهل التعامل 
6. والكثثثثثثثير من الأمكنيات اكتشفها بنفسكتحميل

اضافات بلوجر: اضافة صندوق استطلاع الرأي احترافي لمدونة بلوجر

اضافات بلوجر: اضافة صندوق استطلاع الرأي احترافي لمدونة بلوجر

 

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

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

اولا يجب عليك الدخول الى الموقع من هنا 
او من هذا الرابط مباشرة :  
https://www.easypolls.net

الخانة 1 :سوف تكتب السؤال الذي تريد ان يضهر في صندوق استطلاع الرأي
الخانة 2 & 3 & 4 : سوف تكتب الاختيارات التي تريد ان تضهر في صندوق استطلاع الرأي
 تنويه : يمكن اضافة اكثر من 3 خيارات .

نمر الى الخطوت الثانية وهي اختيار ستايل ولون الصندوق

اضغط على قسم Look & feel في الاعلى كما في الصورة 
ثم اختر اللون الذي يناسب ويتماشى مع ستايل مدونتك 

واخيرا هذه هي اهم الاعدادات 
اضغط على SAVE في اسفل الصفحة 
سوف يطلب منك التسجيل تسجل او من الافضل حتى لا تضيع الكثير من الوقت في التسجيل ادخل فقط بحسابك على الفيسبوك اوجوجل 

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

هل هناك فائدة لموقع (alexa) أليكسا

انتشر خبر بين مدونين وايضا اصحاب المواقع الخدمية بأن اليكسا تشكل جزء كبير من موقع وايضا ذلك شكل خطر علي بائعون المواقع الذي يكسبون من خلال بيع مواقع .. لان انقاص ترتيب اليكسا ليس بسهل وايضا اصبح المحتوي لاشئ وترتيب اليكسا هو الاهم لبيع اي موقع او وثوق بأئ موقع.

تعريف اليكسا:

هو موقع تابع لشركة امازون اسس في عام 1996 يستخدم لمعرفة ترتيب موقعك بالموقع ويحصون لك كم ترتيب كلما كنت اقل كنت افضل .. مؤسسي موقع شخصان بروصتر كال وبروس كيات وهناك معلومة سوف تتفاجأ بها :سمي اليكسا تكريما لمكتبةالاسكندرية وهذا امر رائع جدا.

هل هناك فائدة له؟

بعد ما قرأت هذه معلومات جميلة اكيد تتسأل هل له فائدة حقيقة للموقع وهل يمكن تفضيل اليكسا علي محتوي موقع .. لا بالطبع لا يفضل علي محتوي وفائدته الوحيدة معرفة حركات مرور موقعك و الاداء خاص بموقعك .. غيروا تفكيركم المحتوي هو الاهم لا ترتيب اليكسا.

سلايد شو أحترافي على شكل carousel لموقعك

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

سلايد شو أحترافي على شكل carousel لموقعك

سلايد شو carousel , السلايد شو مناسب لمواقع الكتب , او تحميل الكتب , الانمي , البرامج , الالعاب , مواقع تعليميه , حيث انه سلايد شو يقوم بعرض الصور على شكل مربعات متقطعه , بمعنى انه يقوم بعرض الصور على شكل مجموعات ثم عند الضغط يتم جلب المجموعة التي تليها .

مثال مباشر : هنا .

صورة : 

سلايد شو carousel

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

الخطوة الاولى : 

1. ادخل مدونتك.
2. القالب.
3. حرر القالب وابحث عن <head>
4. الصق هذا الكود اسفله :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css' rel='stylesheet'/>

اذا كان قالبك يحتوي على مكتبة الجيكوري فعلاَ فلا تضيفه.

الخطوة الثانية : 

• ابحث عن ]]></b:skin>
• والصق هذا الكود فوقه او قبله :

#caja-carrusel{width:920px;height:155px;overflow:hidden;margin:20px auto;padding:0;position:relative;top:0;z-index:5;}.infiniteCarousel{width:900px;position:relative;height:170px;margin:0 0 0 10px;}.infiniteCarousel .wrapper{width:845px;overflow:auto;height:170px;margin:0 25px 0 25px;position:absolute;top:0;}.infiniteCarousel ul a img{border:1px solid #CCC;padding:0;-webkit-box-shadow:1px 1px 8px #777;-moz-box-shadow:1px 1px 8px #777;box-shadow:1px 1px 8px #777;width:100px;height:140px;}.infiniteCarousel .wrapper ul{width:9999px;list-style:none;margin:0;padding:0;position:absolute;top:0;}.infiniteCarousel ul li{display:block;float:left;padding:9px;height:142px;width:102px;}.infiniteCarousel ul li a img{display:block;color:#000;}.infiniteCarousel .icon-angle-right{right:0;font-size:60px;top:40px;position:absolute;cursor:pointer;}.infiniteCarousel .icon-angle-left{left:0;font-size:60px;top:40px;position:absolute;cursor:pointer;}

الخطوة الثالثة : 

1. ابحث عن </body>
2. الصق الكود فوقه او قبله : 

<script type='text/javascript'> $.fn.infiniteCarousel = function () { function repeat(str, num) { return new Array( num + 1 ).join( str ); }  return this.each(function () { var $wrapper = $('&gt; div', this).css('overflow', 'hidden'), $slider = $wrapper.find('&gt; ul'), $items = $slider.find('&gt; li'), $single = $items.filter(':first'),  singleWidth = $single.outerWidth(),  visible = Math.ceil($wrapper.innerWidth() / singleWidth), currentPage = 1, pages = Math.ceil($items.length / visible);   if (($items.length % visible) != 0) { $slider.append(repeat('&lt;li class=&quot;empty&quot; /&gt;', visible - ($items.length % visible))); $items = $slider.find('&gt; li'); }  $items.filter(':first').before($items.slice(- visible).clone().addClass('cloned')); $items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned')); $items = $slider.find('&gt; li');   $wrapper.scrollLeft(singleWidth * visible);  function gotoPage(page) { var dir = page &lt; currentPage ? -1 : 1, n = Math.abs(currentPage - page), left = singleWidth * dir * visible * n;  $wrapper.filter(':not(:animated)').animate({ scrollLeft : '+=' + left }, 500, function () { if (page == 0) { $wrapper.scrollLeft(singleWidth * visible * pages); page = pages; } else if (page &gt; pages) { $wrapper.scrollLeft(singleWidth * visible); page = 1; }  currentPage = page; });  return false; }  $wrapper.after('&lt;a class=&quot;icon-angle-left&quot;&gt;&lt;/a&gt;&lt;a class=&quot;icon-angle-right&quot;&gt;&lt;/a&gt;');  $('a.icon-angle-left', this).click(function () { return gotoPage(currentPage - 1);  });  $('a.icon-angle-right', this).click(function () { return gotoPage(currentPage + 1); });  $(this).bind('goto', function (event, page) { gotoPage(page); }); });  }; $(document).ready(function () { $('.infiniteCarousel').infiniteCarousel(); }); </script>

الخطوة الرابعة :

• الان اذهب الى التخطيط .
• اختر مكان مناسب مثلا تحت الهيدر او فوق المشاركات .
• ثم اختر اداة html/javascript.
• الصق هذا الكود فيها مع تعديل ماسأذكر : 

<div id='caja-carrusel'>
<div class='infiniteCarousel'>
<div class='wrapper' style='overflow-x: hidden; overflow-y: hidden; '>
<ul>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/0.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/1.Jpeg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/2.jpeg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/3.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/4.Jpeg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/5.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/6.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/7.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/8.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/9.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/10.png' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/11.Jpeg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/12.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/5.jpg' title='عنوان الموضوع'/></a></li>
  <li><a href='رابط الموضوع'><img alt='وصف الصورة' src='https://jetara.googlecode.com/svn/trunk/imgs-slide/7.jpg' title='عنوان الموضوع'/></a></li>

      </ul></div> </div></div>

      : رابط الموضوع الذي عند الضغط على الصورة سيتم الذهاب اليه .
      : رابط الصورة.
      : وصف الصورة , غير مهم.
      : عنوان الموضوع.


اتمنى عند النقل ذكر المصدر ومتابعة جديد المدونة .