مرحبا بكم في موقع مبدع بلوجر !

الدرس الثالث : دورة انشاء تطبيق احترافي لمدونتك والربح منه (الاخير)

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

انشاء تطبيق احترافي لمدونتك

المرفقات للدرس :
موقع الخاصة بـ RSS/Atom : من هنا
الملف الخاص باليوتيوب : من هنا

لاتنسوا عمل للفيديو لايك وكمونت ، الفيديو :



لاتنسوا لايك وكمونت للفيديو او الموضوع لتشجيعنا وتقديم الافضل.

الدرس الثاني : دورة انشاء تطبيق احترافي لمدونتك والربح منه

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

لكل لم يشاهد الدروس السابقة :
مقدمة الدورة : من هنا
الدرس الاول : من هنا 


لاتنسوا لايك وتعليق للفيديو لطرح الدروس القادمة :

لاتنسوا لايك وكمونت للفيديو او الموضوع لتشجيعنا وتقديم الافضل.

الدرس الاول : دورة انشاء تطبيق احترافي لمدونتك والربح منه

السلام عليكم متتبعي مدونة مبدع بلوجر في الدرس الاول من دورة انشاء تطبيق احترافي لمدونتك ولقد شرحت كل شيء عن الدورة في الدرس السابق "مقدمة حول دورة انشاء تطبيق لمدونتك" وشرحت في هذا الفيديو الخطوة الاولى لانشاء التطبيق وهي التجسيل في الموقع الذي يمنحك انشاء تطبيق احترافي لمدونتك بدون مشاكل و برمجة ، المهم لن طيل عليكم في طرح الشرح اطرككم مع الفيديو.

رابط الموقع المستخدم : من هنا


الفيديو :
لاتنسوا لايك وكمونت للفيديو او الموضوع لتشجيعنا وتقديم الافضل.

مقدمة حول دورة : كيفية انشاء تطبيق احترافي لمدونتك والربح منه

السلام عليكم في الدورة الثانية لمدونة مبدع بلوجر والتي هي كيفية انشاء تطبيق اندرويد وكيفية الربح منه وسوف تكون هذه الدورة تقريبا 3 دروس مع المقدمة 4 دروس يعني لن يكون صعبا وكل درس تقريبا حوالي 5 دقائق الى 7 دقائق ان شاء الله في هذا الفيديو لقد شرحت كل شيء الذي سوف نفعله في الدورة ان شاء الله  وبالتفصيل المهم اترككم مع الفيديو.


لاتنسوا لايك للفيديو وكمونت لتشجيعنا وطرح الدرس الاول من الدورة في اقرب وقت ان شاء الله.
الفيديو :





بهذا قد اكون انتهيت كتابة هذا الموضوع لاتنسوا متابعتنا على المواقع الاجتماعية وتشجيعنا.

اضافات بلوجر : اضافة اخترنا لكم جديدة واحترافية

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

اضافات بلوجر 

بالنسبة لمعاينة الاضافة فهي موجودة في مدونتنا في السيدبار (يسار المدونة)

اول خطوة نذهب الى القالب > تحرير "Html" > نبحث عن "<head>" > نلصق الكود التالي :

<script src='http://code.jquery.com/jquery-1.11.0.min.js'/>

بعدها نبحث ايضا في القالب عن "]]></b:skin>" > نلص الكود التالي قبله مباشرة :

.pb-feature{
    width: 300px;
  height: 450px;
  margin-top: -27px;
    }
    .featured-img img:hover {
  transform: scale(1.1);
  transition: all 0.3s ease 0s;
}
    .feature-caption {
    display:block;
    position:absolute;
  background: rgba(29, 34, 34, 0.67);
      bottom: 4px;
  width: 100%;
  color: white;
  height: 70px;
  text-align: center;
    }
    .featured-posts li {
    width: 300px;
    height: 225px;
    display:block;
    float: left;
    position:relative;
    overflow:hidden;
    }
    
    .featured-posts p {
  padding: 1px;
    font-family: tahoma;
    font-size: 13px;
    text-align: center;
    direction: rtl;
    }
    .featured-posts a {
    color: white;
    text-decoration: none;
  font-family: droidkufi-bold;
  font-size: 13px;
    }
بعدها نتجوه الى التخطيط > اضافة Html/Javascript  > نلصق الكود التالي :

<div class="pb-feature">
<ul class="featured-posts">
<li>
<div class="featured-img">
<a href="رابط الموضوع"><br />
<img alt="" height="200" nopin="nopin" src="رابط الصورة" width="300" / /></a>
</div>
<div class="feature-caption">
<p>
<a href="رابط الموضوع">عنوان الموضوع<br /></a>
</p>
<br />
</div>
<br />
</li>
<br />
</ul>
</div>

ملاحظة : اذا كنت تريد اضافة اكثر من موضوع ماعليك سوى ان تقوم بالذهاب الى الكود الاخير وتنسخ من الكود :
<ul class="featured-posts">
 الى :
</ul>

 وتلصقه في نفس الاضافة بعد : 
</ul>

ماعليك الان  سوى تكرار العملية تغيير ماهو مكتوب في الكود الاخير بمعلوماتك كاسم الموضوع ، رابط الموضوع.... ومبروك عليك الاضافة لتنسى ليك للموضوع وكمونت لتقديم الافضل .

دروس بلوجر : كيفية تصحيح الأخطاء الإملائية بسرعة أثناء الكتابة في بلوجر

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

دروس بلوجر

الفيديو :




وبهذا قد اكون انتهيت هذه المقالة في قسم دروس بلوجر .

مدونة مبدع بلوجر في الاصدار الثاني لها

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



واعلن اليوم : 01/04/2015 بافتتاح الاصدار الثاني من المدونة وترقبوا الكثير من الأشياء ان شاء الله ولتنسى التفاعل مع مدونتنا بتعليقاتكم المشجعة وايضا في صفحتنا على الفيس بوك وعمل اشتراك لقنانتنا على اليوتيوب.

قوالب بلوجر : قالب احترافي ومتجاوب مع جميع الاجهزة

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

قوالب بلوجر

مميزات القالب :
1- قالب متوافق مع جميع الاجهزة
2- متوافق مع السيو
3- تعليقات احترافية الشكل
4- صفحة الخطأ 404
5- اضافة كاتب الموضوع في وسط الموضوع
6- ازار المشاركة داخل الموضوع

معاينة القالب : من هنا
تحميل القالب : من هنا

ملاحظة : لاظهار المواضيع في اضافة "الجديد" او ما يسمى بـ "Breaking News" قم بالبحث عن رابط مدونة مبدع بلوجر وبدله برابط مدونتك .
ولمن يريد التعرف  على ما هو التصميم المُتجاوب ، أنصحكم بهذا الدرس المُفيد :) إضغط هــــنا

بهذا قد اكون ختمت هذا الموضوع لاتنسى لايك وكمونت للموضوع لتسجيعنا وتقديم الافضل.

فريق : مدونة مبدع بلوجر

اخبار بلوجر : قوانين بلوجر الخاصة بالمحتوى ابتدءا من 23 مارس 2015

اخبار بلوجر

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


وبهذا قد اكون انتهيت لكم من هذا الموضوع الجديد في قسم اخبار بلوجر ،
 لاتنسوا مساندتنا بتفاعلكم ( لايك ، كمونت ، مشاركة ) 
فريق مدونة : مبدع بلوجر

افضل مدون بلوجر عربي لسنة 2014

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


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


و
بهذا اكون قد وفقت لكم في هذا الموضوع في موضوع آخرى ان شاء الله.
اذا اعجبكم الموضوع لاتبخلوا علينا بلايك وكمونت لتشجيعنا وتقديم الافضل ان شاء الله.
 فريق : مدونة مبدع بلوجر

اضافات بلوجر : إضافة سلايد شو احترافي لمدونات بلوجر

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

سلايد شو carousel

السلايد شو مناسب لجميع أنواع المدونات خصوصا المدونات التي تعرض الكتب أو الأفلام
و حتى البرامج و الألعاب.
يمكنك معاينة الاضافة من هنا
الآن نأتي لطريقة التركيب
  1. ادخل للمدونة > قالب > تحرير HTML> ثم ابحث عن وسم <head > والصق هذا الكود أسفله
<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;}

ابحث عن الوسم <body/ثم الصق هذا الكود فوقه 

<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>

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

و الآن هذه نتيجة التعديلات 

سلايد شو carousel

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

دروس بلوجر : كيفية تغيير لون تحديد النصوص في بلوجر

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

دروس بلوجر 

بالنسبة للفيديو يمكنك الدخول اليه عبر هذا الرابط لمشاهدته :
لمشاهدة الفيديو من هنا

لا تبخلوا علينا بلايك وكمونت للفيديو وايضا مشاركتك له مع اصدقائك ليستفيد الجميع ونقدم لكم الافضل ان شاء الله .

قوالب بلوجر : قالب احترافي للمدونات الاخبارية

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

قوالب بلوجر

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

-قالب سريع بالوان مريحة. 
-قالب احترافي خاص بالمدونات الاخبارية.
-قالب يتميز بعدة اضافات رائعة.


معاينة القالب من هنا

لتحميل القالب من هنا

كما تعلمون اذا اردت تغيير الاسماء التي توجد في الاضافات ماعليكم سوف البحث عن في القالب عن طريق Ctrl+F وسوف تجدون الكود الاول الخاص بالعنوان الخاص بها والثاني يوجد فيه تسمية القسم يعني عند اضافة موضوع وتريد اظهاره في قسم معين تكتب ذلك الاسم.

وبهذا اكون قد وفقت لكم في هذا الموضوع في موضوع آخرى ان شاء الله في قسم قوالب بلوجر
اذا اعجبكم الموضوع لاتبخلوا علينا بلايك وكمونت لتشجيعنا وتقديم الافضل ان شاء الله.