404
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

الأحد، 28 أغسطس، 2016


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


معاينة وتجميل 




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




  1. متجاوب بنسبة 95%
  2. يدعم جميع المتصفحات 
  3. قائمة عليوة احترافية
  4. التاريخ الميلدى 
  5. قائمة رئيسية مع محرك بحث سريع
  6. شريط اخبارى تلقائى
  7. سلايد شو تلقائى
  8. ثلاث اقسام هى شكل القالب
  9. اتنين سيدبار
  10. شكل مربع للتدوينات
  11. امكان للاعلان فى اكثرث من مكان
  12. ترقيم للصفحات
  13. ثلاث اداوت فى الفوتر 
  14. ثلاث اداوت فى السيدبار
  15. هيدر فى صفحة المواضيع
  16. ازرار المشاركة على مواقع التواصل
  17. مواضيع ذات صله
  18. والمزيد



الصفحة الرئيسية





اتمنى ان يعجبكم القالب بالتوفيق للجميع


الاثنين، 22 أغسطس، 2016


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


معاية الإضافه



شرح التركيب



  1. اولا قم بالبحث فى قالب مدونه عن الوسم </head> ثم قم بوضع الكود التالى فوقه


<style>

.wdbloog-box {
  max-width: 753px;
  min-width: 290px;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 5;
  margin: auto;
}
.wdbloog-box input[type=&quot;text&quot;] {
  font-size: 0;
  letter-spacing: 0.1em;
  color: #888;
  height: 0;
  line-height: 1;
  border: 1px solid rgba(55, 58, 71, 0);
  transition: all 0.2s;
  box-sizing: border-box;
  width: 0;
  background: rgba(55, 58, 71, 0);
}
.overlay {
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: rgba(36, 40, 66, 0.9);
 }
.overlay .overlay-close {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  border: none;
  background: #b71c1c;
  color: #FFFFFF;
  outline: none;
  z-index: 100;
  border-radius: 50%;
  font-size: 24px;
}
.overlay .dialog-inner{
 text-align: center;
 position: relative;
 top: 50%;
 height: 60%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-30%);
}
.overlay-mbl {
 opacity: 0;
 visibility: hidden;
 z-index:100;
}
.overlay-mbl.open {
 opacity: 1;
 visibility: visible;
}
#trigger-overlay {
  float: left;
  cursor: pointer;
  margin-top: 9px;
  background: #b71c1c;
  border-radius: 50%;
  width: 33px;
  text-align: center;
  line-height: 33px;
  height: 33px;
}
#trigger-overlay a {
  color: #fff;
  font-size: 17px;
}
.topleft-wdbloog ul li {
  display: block;
  float: right;
  margin: 20px 0 20px 20px;
}
.topleft-wdbloog ul li a i {
  width: 70px;
  height: 70px;
  color: #fff;
  background: #000000;
  border-radius: 50%;
  line-height: 70px;
  font-size: 25px;
}
i.fa.fa-facebook {
  transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
}
i.fa.fa-facebook:hover {
  background-color: #3b5998;
}
i.fa.fa-twitter:hover {
  background-color: #55acee;
}
i.fa.fa-instagram:hover {
  background-color: #8E5134;
}
i.fa.fa-google-plus:hover {
  background-color: #CD201F;
}
i.fa.fa-youtube:hover {
  background-color: #CD201F;
}
i.fa.fa-rss:hover {
  background-color: #f26522;
}
i.fa.fa-android:hover {
  background-color: #a4c639;
}
i.fa.fa-apple:hover {
  background-color: #fff;
  color: #000;
}
</style>


  1. الان قم بالبحث عن الوسم <body ثم قم بوضع الكود التالى اسفل منه

<div class='overlay overlay-mbl'>
<div class='dialog-inner'>
<div class='wdbloog-box'>
<input type='text'/>
<div class='topleft-wdbloog'>
<ul>
  <li><a href='#'><i class='fa fa-facebook'/></a></li>
  <li><a href='#'><i class='fa fa-twitter'/></a></li>
  <li><a href='#'><i class='fa fa-instagram'/></a></li>
  <li><a href='#'><i class='fa fa-google-plus'/></a></li>
  <li><a href='#'><i class='fa fa-youtube'/></a></li>
  <li><a href='#'><i class='fa fa-rss'/></a></li>
  <li><a href='#'><i class='fa fa-android'/></a></li>
  <li><a href='#'><i class='fa fa-apple'/></a></li>
  </ul>
  </div>
<div><button class='overlay-close' type='button'><i class='fa fa-close'/></button></div>
</div>
</div>
</div>


  1. هذا الكود الخاص بمواقع التواصل غير به الروابط بما تريد
  2. الان قم بالبحث عن هذا الوسم </body> ثم قم بوضع الكود التالى فوقه

<script src='https://rawgit.com/wdbloog/wdbloog/master/wdbloog.js'>  </script> 




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

<div id='trigger-overlay'><a href='#'><i class='fa fa-share-alt'/></a></div> 






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



السبت، 20 أغسطس، 2016



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

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







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





  1. يحتوى على قائمة علوية بتاثير رائع 
  2. زارار مواقع التواصل 
  3. سلايد شو احترافى تلقائى
  4. قائمة رئيسية
  5. يحتوى ايضا على قائمة منسلة
  6. سلايد شو تانى احترافى
  7. يوجد به محرك بحث سريع 
  8. شكل التدوينات مربع 
  9. ترقيم للصفحات
  10. قسم لعرض خدماتك عليه
  11. فوتر احترافى بثلاث ادوات به
  12. ازرار المشاركة على مواقع التواصل
  13. ثلاث انظمه لتعليقات 
  14. والمزيد






الصفحة الرئيسية للقالب







كان هذا ما فى موضوع اليوم بالتوفيق للجميع
ويمكنك الأنضمام الى متابعى المدونة للتوصل باحدث المواضيع






الثلاثاء، 16 أغسطس، 2016



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


شرح التركيب



  1. قم بالبحث عن الوسم ]]></b:skin> فى مدونتك وقم بوضع الكود التالى فوقه.




.cmm-tabs-header {
  margin-top: 10px;
  height: 50px;
  background: #0F4566;
}
.cmm-tabs-header:before {
  content: "شارك بتعليق لاى شئ تريده";
  float: left;
  color: #FFF;
  font-family: 'Moussa-font';
  padding: 14px;
  background: #0B6EAB;
}
.cmm-tabs-header ul li a {
  color: #fff;
  padding: 14px;
  float: right;
  width: 26.43333%;
  text-align: center;
}
a.activeTab {
  background: #0B6EAB;
}
.facebook-tab {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
.disqus-tab {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}




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








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




  <div style='clear: both;'/>
   <b:section id='facebook.disqus.blogger' showaddelement='no'>
     <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' version='1' visible='true'>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <b:if cond='data:content == &quot;[blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>    
            </b:if>
            <b:if cond='data:content == &quot;[disqus]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == &quot;[blogger][facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[blogger][disqus]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook][blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook][disqus]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[disqus][blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[disqus][facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == &quot;[blogger][facebook][disqus]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[blogger][disqus][facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook][blogger][disqus]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook][disqus][blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[disqus][blogger][facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[disqus][facebook][blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <div id='fb-root'/><script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = &quot;//connect.facebook.net/ar_AR/sdk.js#xfbml=1&amp;version=v2.0&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>&lt;script&gt;$(&quot;.facebook-tab&quot;).append(&quot;&lt;div class=&#39;fb-comments&#39; data-href=&#39;<data:blog.canonicalUrl/>&#39; data-width=&#39;100%&#39; data-numposts=&#39;5&#39; data-colorscheme=&#39;light&#39;&gt;&lt;/div&gt;&quot;);&lt;/script&gt;
          </b:if>
        </b:includable>
     </b:widget>
     <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' version='1' visible='true'>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            &lt;script type=&#39;text/javascript&#39;&gt;
            var disqus_shortname = &#39;<data:content/>&#39;;
             (function() {
              var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
              dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
              (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
              })();
            &lt;/script&gt;
          </b:if>
        </b:includable>
     </b:widget>
   </b:section>
  <div style='clear: both;'/>




  1. يجب ان تتاكد من وضع الكود فى مكانه المناسب كما فى الصورة
  2. الان بعد وضع الاكواد قم بحفظ القالب وانتقل الان الى التخطيط
  3. سوف تجد قم تم اضافة إضافتين اسفل رسائل المدونة الإلكترونية كما بالصورة








  1. الإضافة الاول توقم بوضع بها احد الاكواد التاليه ليظهر التلعيقات




[blogger][disqus][facebook]

[blogger][facebook]

[blogger][disqus]

[disqus][facebook]

[facebook]

[blogger]

[disqus]





  1. اختار نظام التعليقات الذى سوف يظهر فى المدونة كما تريد
  2. وفى اللإضافة الثانية يتم وضع بها معرف تعليقات ديسكس 
  3. ولمعرف معرف تعليقات ديسكس ادخل الى هنا
  4. قم بالذهاب إلى هذا الرابط
  5. اضغط على "Edit Settings" وقم باختيار قناة مدونتك الحاليه .













  1. سوف تجده كما هو فى الصورة التالية






  1. وانقل معرف التعليقات فى اللإضافة الثانية وسوف تعمل معك

الان قم بوضع الكود التالى فوق الوسم </body>

<script src='https://rawgit.com/wdbloog/wdblo1og/master/CommentsWdbloog.js' type='text/javascript'/>


الان احفظ القالب ومبروك عليكم

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


الأربعاء، 10 أغسطس، 2016


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


معاينة وتحميل 





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




  1. قائمة عليوية
  2. ازارا مواقع التواصل 
  3. هيدر احترافى
  4. قسم من انا 
  5. قسم اعمالى
  6. قسم خدماتنا 
  7. قسم اتصل بنا 




القالب 





هذا كل ما فى موضوع اليوم 

برجاء نقل القالب دون ذكر مصدره



الاثنين، 8 أغسطس، 2016



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



معاينة وتحميل 





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





  1. قائمة علوية احترافية
  2. ازرار مواقع التواصل
  3. محرك بحث سريع
  4. هيدر احترافى
  5. قائمة رئيسية 
  6. سلايد شو احترافى
  7. ترقيم للصفحات
  8. هيدر فى صفحات المواضيع احترافى جدا
  9. هيدر فى الصفحات الثابتة احترافى جدا
  10. فوتر بثلاث اضافات
  11. ازرا المشاركة على مواقع التواصل 
  12. تعريف الكاتب
  13. مواضيع ذات صلة
  14. ثلاث اماكن للاعلان فى المواضيع
  15. والمزيد


الصفحة الرئيسية







صفحة المواضيع





صفحة ثابتة







كان هذا كل ما فى موضوع اليوم

اتمنى عندم نقل الموضوع بدون ذكر مصدره الأصلى عالم المدون






الجمعة، 5 أغسطس، 2016



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





شرح التركيب





  1. اولا قم باخذ نسخة من قالب مدونتك لعدم حدوث اى مشكلة
  1. قم بالبحث فى قالب مدونتك عن الوسم ]]></b:skin> ثم قم بوضع الكود التالى فوقه .



/* خدماتى على خمسات */
.plans-containerwdbloog{width:98.2%;margin:20px 19px 40px 22px;float:left;word-wrap:break-word;overflow:hidden}
li#osama-price{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price1{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price2{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price3{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item1{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item2{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item3{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
article#osama-plans-1{border:1px solid #ccc;width:22.42%;float:right;margin-right:30px;margin-bottom:20px;background: #FFFFFF;}
article#osama-plans-2{border:1px solid #ccc;width:28%;float:right;margin-right:40px}
article#osama-plans-3{border:1px solid #ccc;width:28%;float:right;margin-right:40px}
.card-title{background:#F74047;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title1{background:#4caf50;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title2{background:#0B6EAB;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title3{background:#9664b5;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.price{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price1{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price2{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price3{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price2{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price3{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
sup.p44rice1{font-size:35px}
sup.p44rice2{font-size:75px}
.card-actionwdbloog{background:#F74047;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog1{background:#4CAF50;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog2{background:#0B6EAB;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog3{background:#9664B5;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog:hover{background:#0F4566;color:#fff}
.card-actionwdbloog1:hover{background:#F74047;color:#fff}
.card-actionwdbloog2:hover{background:#F74047;color:#fff}
.card-actionwdbloog3:hover{background:#F74047;color:#fff}
.waves-wdbloog{color:#FFFFFF}
li#osama-price:hover{background:#F74047;color:#fff}
li#osama-price1:hover{background:#0F4566;color:#fff}
li#osama-price2:hover{background:#0B6EAB;color:#fff}
li#osama-price3:hover{background:#0F4566;color:#fff}
li.collection-item:hover{background:#0F4566;color:#fff}
li.collection-item1:hover{background:#4caf50;color:#fff}
li.collection-item2:hover{background:#0F4566;color:#fff}
li.collection-item3:hover{background:#9664b5;color:#fff}



  1. الان مع الكود الخاص باظهار الإضافة على مدونتك ضع فى المكان الذى تريده



<!-- خدماتى على خمسات -->
<div class='plans-containerwdbloog'>
<article class='col s12 m6 l4' id='osama-plans-1'>
<div class='card hoverable'>
<div class='card-image purple waves-effect'>
<div class='card-title'>تعديل وتطوير وحل مشاكل قوالب بلوجر</div>
<div class='price'><sup class='p44rice1'>$</sup><sup class='p44rice2'>5</sup></div>
</div>
<div class='card-content'>
<ul class='collection'>
<li class='collection-item' id='osama-price'>تركيب الإضافات الحصرية</li>
<li class='collection-item'> حذف الأدوات الغير قابلة للحذف</li>
<li class='collection-item' id='osama-price'>تحسين الخطوط</li>
<li class='collection-item'>تحسين مظهر القالب</li>
<li class='collection-item' id='osama-price'>تغيير الألوان</li>
<li class='collection-item'>تركيب المساحات الإعلانية</li>
</ul>
</div>
<div class='card-actionwdbloog'>
<a href='https://khamsat.com/programming/css-html/512087' target='_blank'>
<div class='waves-wdbloog' href='https://khamsat.com/programming/css-html/512087' target='_blank'>اطلب الخدمة</div>
</a>
</div>
</div>
</article>

<article class='col s12 m6 l4' id='osama-plans-1'>
<div class='card hoverable'>
<div class='card-image purple waves-effect'>
<div class='card-title1'>إعلان على مدونة عالم المدون</div>
<div class='price1'><sup class='p44rice1'>$</sup><sup class='p44rice2'>5</sup></div>
</div>
<div class='card-content'>
<ul class='collection'>
<li class='collection-item1' id='osama-price1'>رابط نصي 5 دولار لمدة شهر </li>
<li class='collection-item1'>بانر 125x125 لمدة 20 يوم</li>
<li class='collection-item1' id='osama-price1'>بانر 300x250 لمدة 15 يوم</li>
<li class='collection-item1'>بانر 728X90 لمدة 10 أيام </li>
<li class='collection-item1' id='osama-price1'>شهر إضافي للروابط النصية</li>
<li class='collection-item1'>زوار يوميا</li>
</ul>
</div>
<div class='card-actionwdbloog1'>
<a href='https://khamsat.com/marketing/advertising/512054' target='_blank'>
<div class='waves-wdbloog' href='https://khamsat.com/marketing/advertising/512054' target='_blank'>اطلب الخدمة</div>
</a>
</div>
</div>
</article>

<article class='col s12 m6 l4' id='osama-plans-1'>
<div class='card hoverable'>
<div class='card-image purple waves-effect'>
<div class='card-title2'>جعل موقعك متجاوب مع جميع الهواتف</div>
<div class='price2'><sup class='p44rice1'>$</sup><sup class='p44rice2'>5</sup></div>
</div>
<div class='card-content'>
<ul class='collection'>
<li class='collection-item2' id='osama-price2'>جعل قالب مدونتك متجاوب</li>
<li class='collection-item2'>نسبة التجاوب تصل لـ 100%</li>
<li class='collection-item2' id='osama-price2'>تساعدك فى الأرشفه</li>
<li class='collection-item2'>كسب المزيد من الوزار</li>
<li class='collection-item2' id='osama-price2'>سعر الخدمة 5 دولار</li>
<li class='collection-item2'>سرعه فى العمل</li>
</ul>
</div>
<div class='card-actionwdbloog2'>
<a href='https://khamsat.com/programming/css-html/519250' target='_blank'>
<div class='waves-wdbloog' href='https://khamsat.com/programming/css-html/519250' target='_blank'>اطلب الخدمة</div>
</a>
</div>
</div>
</article>

<article class='col s12 m6 l4' id='osama-plans-1'>
<div class='card hoverable'>
<div class='card-image purple waves-effect'>
<div class='card-title3'>انشاء مدونة اجنبية اوعربية للربح منها</div>
<div class='price3'><sup class='p44rice1'>$</sup><sup class='p44rice2'>5</sup></div>
</div>
<div class='card-content'>
<ul class='collection'>
<li class='collection-item3' id='osama-price3'>انشاء لك مدونة عربية</li>
<li class='collection-item3'>او انشاء لك مدونة أجنبية</li>
<li class='collection-item3' id='osama-price3'>بأفضل اكواد السيو</li>
<li class='collection-item3'>قالب احترافى</li>
<li class='collection-item3' id='osama-price3'>متجاوب بنسبة 100%</li>
<li class='collection-item3'>المدونة الواحدة بـ 5 دولار</li>
</ul>
</div>
<div class='card-actionwdbloog3'>
<a href='https://khamsat.com/programming/css-html/512731' target='_blank'>
<div class='waves-wdbloog' href='https://khamsat.com/programming/css-html/512731' target='_blank'>اطلب الخدمة</div>
</a>
</div>
</div>
</article>
</div>



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



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






السبت، 30 يوليو، 2016


الجمعة، 29 يوليو، 2016


أعمالي

بعض الأعمال التي قمنا بها من قبل

خدماتنا

خدماتنا المتوفرة بأرقى اللمسات و أفضل الأسعار

تعديل وتطوير وحل مشاكل قوالب بلوجر
$5
  • تركيب الإضافات الحصرية
  • حذف الأدوات الغير قابلة للحذف
  • تحسين الخطوط
  • تحسين مظهر القالب
  • تغيير الألوان
  • تركيب المساحات الإعلانية
إعلان على مدونة عالم المدون
$5
  • رابط نصي 5 دولار لمدة شهر
  • بانر 125x125 لمدة 20 يوم
  • بانر 300x250 لمدة 15 يوم
  • بانر 728X90 لمدة 10 أيام
  • شهر إضافي للروابط النصية
  • زوار يوميا
جعل موقعك متجاوب مع جميع الهواتف
$5
  • جعل قالب مدونتك متجاوب
  • نسبة التجاوب تصل لـ 100%
  • تساعدك فى الأرشفه
  • كسب المزيد من الوزار
  • سعر الخدمة 5 دولار
  • سرعه فى العمل
انشاء مدونة اجنبية اوعربية للربح منها
$5
  • انشاء لك مدونة عربية
  • او انشاء لك مدونة أجنبية
  • بأفضل اكواد السيو
  • قالب احترافى
  • متجاوب بنسبة 100%
  • المدونة الواحدة بـ 5 دولار
تواصل معنا !

للتواصل أو الإستفسار معنا يرجى مراسلتنا من خلال نموذج المراسلة أسفله !

جميع الحقوق محفوظة لـ عالم المدون
تصميم : عالم المدون