قالب نقنى احترافى | لمدونة بلوجر

2 التعليقات
السلام عليكم

قالب نقنى احترافى | لمدونة بلوجر
قالب نقنى احترافى | لمدونة بلوجر

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

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

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

مميزات القالب والتعديلات : 


  1. قالب أنيق ومميز واحترافي.بثلاثه الوان مختلفه
  2. عرض المواضيع في الصفحة الرائيسية بطريقة مميزة.
  3. سلايد شو احترافي تلقائي (سلايد شو المحترف) .
  4. مدعم بجميع المقاسات مثلiphon-ipad-imac
  5. مكان وضع الاعلانات في الهايدر من لوحة التحكم ..
  6. مواضيع ذات صلة بشكل جديد واحترافي مميز.
  7. تم اضافة ايقونات الابتسامات في التعليقات.
  8. عرض أقسام المدونة بشكل جذاب ومميز واحترافي
  9. يتميز القالب بقوائم منسدله احترافيه.
  10. تعريف كاتب الموضوع بشكل رائع.
  11. صندوق تعليق مميز واحترافي.
  12. تمييز تعليقات صاحب المدونة عن بقية التعليقات.

لتشغيل السلا يد شو :  ابحث عن اضافات بلوجر

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


منقول من مدونة حلول بلوجر

اداة المشاركات الشائعة بشكل انيق

0 التعليقات
السلام عليكم
اداة المشاركات الشائعة بشكل انيق

اليوم راح اقدم لكم اضافة المشاركات الشائعة بشكل جميل وخفيفة ومرقمة

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

اداة المشاركات الشائعة بشكل انيق

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

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

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

.popular-posts ul li a {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    display: block;
    padding: 25px 15px 25px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
 width: 85%;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #2DB3E9;
    color: #FFFFFF;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    margin-right: 88%;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 2em;
    transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
}
.popular-posts ul li a:hover {
    opacity: 0.8;
}
.popular-posts ul li a:hover:before {
    border-left-color: #CCCCCC;
    left: -1px;
     -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before {
    content: "10";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before {
    content: "9";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before {
    content: "8";
}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before {
    content: "7";
}
.popular-posts ul li:first-child + li + li + li + li + li a:before {
    content: "6";
}
.popular-posts ul li:first-child + li + li + li + li a:before {
    content: "5";
}
.popular-posts ul li:first-child + li + li + li a:before {
    content: "4";
}
.popular-posts ul li:first-child + li + li a:before {
    content: "3";
}
.popular-posts ul li:first-child + li a:before {
    content: "2";
}
.popular-posts ul li:first-child a:before {
    content: "1";
}
.item-snippet {
    display: none;
}
.PopularPosts .item-thumbnail {
    display: none;
}

Adsense Direct أداة جديدة من أدسنس

0 التعليقات
Adsense Direct أداة جديدة من أدسنس
كشفت جوجل بالأمس عن أداة جديدة لناشري إعلانات أدسنس تمكّنهم من بيع وحداتهم الإعلانية بطريقة مباشرة للمعلنين الراغبين في ذلك ! نعم .. فأداة Adsense Direct الجديدة تتيح لك كناشر القيام بذلك. بل ومن داخل لوحة تحكم أدسنس ذاتها.
هل عانيت يوماً من مراسلة أحد المعلنين لك لوضع إعلانه فى نفس موضع إحدى وحدات أدسنس بموقعك، واضطرارك لحذف كود وحدة أدسنس الإعلانية لإدراج بانر المعلن مكانها، ثم اضطرارك لإعادة كود وحدة أدسنس بعد انتهاء حملة المعلن مرة أخرى؟ هل قابلتك مشكلة أيضاً في كيفية دفع المعلن لك ؟

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

تتشابه الأداة الجديدة مع ما تقدمه خدمات أخرى كـ BuySellAds أو متجر إعلانات حسوب. ورغم أنها ما تزال متاحة لمعلني وناشري من الولايات المتحدة الأمريكية فقط حتى الآن، إلا أن جوجل ذكرت بأنها "تأمل فى التوسّع أكثر فى الأشهر القادمة".


   -   ميزات الأداة الجديدة

لاشك أن Adsense Direct ستشكل إضافة هامة للمهتمين بالربح من الإنترنت، وبتنويع مصادر دخلهم. دعنا نستعرض لأهم الميزات التي تأتي بها الأداة الجديدة:

1 - التعامل معها سيتم من داخل لوحة تحكم أدسنس، وتحديداً من التبويب My Ads. لذا، لامجال للتعقيدات.
2 - أرباحك المُحقّقه من بيع الإعلانات بطريقة مباشرة ستُضاف لأرباحك الإجمالية بأدسنس.
3 - لاحاجة لإجراء أي تعديلات على أكواد وحدات أدسنس المُدرجة بالفعل على موقعك.
4 - لاوجود لحد أدنى لعدد مرات ظهور لتتمكن من بيع الإعلانات بطريقة مباشرة.
5 - يمكنك منح المعلن حملة إعلانية بدءاً من يوم واحد، وحتى 90 يوماً.
6 - إمكانية مراجعة الإعلان قبل أن نشره.

   -   أسئلة شائعة بخصوص Adsense Direct

س1 - كيف سيقوم المعلن بالدفع ؟
ج1 - عن طريق Google Wallet

س2 - هل إذا قُمت ببيع وحدة بطريقة مباشرة، فهل بإمكانى وضع 3 وحدات أدسنس أخرى؟
ج2 - إجمالي الوحدات سواء كان بعض منها مباع بطريقة مباشرة أم لا يجب ألّا يتجاوز 3 وحدات.

س3 - هل كامل سعر الوحدة يذهب لأرباحى الإجمالية ؟
ج3 - لا، جوجل تستقطع 15% كعمولة وتتحصّل أنت على 85% من الثمن الذي يدفعه المعلن.

س4 - هل جميع أنواع وحدات أدسنس يمكن استخدام Adsense Direct معها؟
ج4 - لا، هناك وحدات مُستثناة من ذلك وهى:
           - الوحدات الإعلانية المتجاوبة Responsive Ad Units.
           - الوحدات المخفية Hidden Ad Units.
           - الوحدات الخاملة Idle Ad Units.
          - الوحدات المُستخدمة فى تجارب.
          - الوحدات المُباعة بالفعل.

   -   مستقبل Adsense Direct

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


منقول من الخطة ادسنس .

زر تحميل بشكل جميل | اضافات بلوجر

0 التعليقات
السلام عليكم
زر تحميل بشكل جميل


زر تحميل بشكل جميل


اليوم راح اقدم لكم زر تحميل جميل بالمدونات الخاصة بقوالب بلوجر او برامج او اى اشى يلزم التحميل 



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

  1. ادخل مدونتك .
  2. ثم قالب.
  3. ابحث عن الكود التالى نضع كود الـ Css قبل ]]>
  4. ونضف الكود التالى قبل

    .abt-button {

        margin: 50px auto;

        width: 200px;

    }

    .abt-button a {

        background: -moz-linear-gradient(center top , #00B7EA 0%, #009EC3 100%) repeat scroll 0 0 transparent;

        color: white;

        display: block;

        font: 17px/50px Helvetica,Verdana,sans-serif;

        height: 50px;

        text-align: center;

        text-decoration: none;

        text-transform: uppercase;

        width: 200px;

        position: relative;

        z-index: 2;

      /*TYPE*/

      color: white;

      font: 17px/50px Helvetica, Verdana, sans-serif;

      text-decoration: none;

      text-align: center;

      text-transform: uppercase;

      /*GRADIENT*/

      background: #00b7ea; /* Old browsers */

      background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */

      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */

      background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */

      background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */

      background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */

      background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 ); /* IE6-9 */

    }

    .abt-button a, .abt-button p {

        -webkit-border-radius: 10px;

         -moz-border-radius: 10px;

              border-radius: 10px;

      -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

         -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

              box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    }

    .abt-button p {

        background: #222222;

        color: #FFFFFF;

        display: block;

        font: 12px/45px Helvetica,Verdana,sans-serif;

        height: 40px;

        margin: -40px 0 0 10px;

        position: absolute;

        text-align: center;

        transition: margin 0.5s ease 0s;

        width: 180px;

        z-index: 1;

      /*TRANSITION*/

      -webkit-transition: margin 0.5s ease;

         -moz-transition: margin 0.5s ease;

           -o-transition: margin 0.5s ease;

          -ms-transition: margin 0.5s ease;

              transition: margin 0.5s ease;

    }

    .abt-button:hover .up {

        margin: -5px 0 0 10px !important;

    }

    .abt-button:hover .down {

        line-height: 35px !important;

        margin: -85px 0 0 10px !important;

    }

    .abt-button a:active {

    background: #00b7ea; /* Old browsers */

    background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* IE10+ */

    background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 ); /* IE6-9 */

    }

    .abt-button:active .up {

        margin: -20px 0 0 10px !important;

    }

    .abt-button:active .down {

        margin: -70px 0 0 10px !important;

    }


كود الـ Html
يوضع فى مكان الذى تريد ان يظهر الزر



    <div class="abt-button">
      <a href="#">Download</a>
      <p class="up">مدونة عرب سوفت </p>
      <p class="down">1.2MB .zip</p>
    </div>


قالب مدونة بصمة تقنية بشكل احترافى

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

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

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

معاينة وتنزيل القالب


قالب بلوجر نيوز احترافى | لمدونة بلوجر

0 التعليقات
السلام عليكم

قالب بلوجر نيوز احترافى


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

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

  • مهيئ لمحركات الحبث seo
  • تصميم احترافى
  • صفحة خطا مخصصة 404
  • دعم اللغة rtl
  • متوافق مع المتصفحات
  •  سلايدر شو احترافى
  • ومضاف اليه مواضيع ذات صلة في اخر المواضيع

معاينة وتنزيل القالب


اضافة اشترك ليصلك جديد من الدروس والمواضيع

0 التعليقات
السلام عليكم



اضافة اشترك ليصلك جديد من الدروس والمواضيع
اضافة اشترك ليصلك جديد من الدروس والمواضيع


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

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

  1. ادخل مدونتك .
  2. ثم قالب.
  3. ابحث عن الكود التالى <data:post.body/>
  4. ونضف الكود التالى قبل





لا تنسي الاشتراك في المدونة ليصلك كل جديد في مدونة عرب سوفت<img alt="اشترك في القائمة البريدية لمدونة اضافات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZvXgw_IF2QxlukH1CTx1bHs0-YTIo_srFlqLLng-srGXao1BFYu3X347qpXYD8X_YsmF9EXQz_2UcnrgRrL4LnurSMt556EfE7zWi8qxAJBdCQUgTCJpI_06iK3KYbAT3PVE5cDpByAo/s1600/ArrowDown.gif" title="اشترك في القائمة البريدية لمدونة حلول بلوجر" /><center>
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#6CB5FF), to(#6CB5FF));background: -moz-linear-gradient(center top , #4D8DEE, #005CE6) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
</style>
<b:if cond="data:blog.pageType == &quot;item&quot;">
<div id="mbt-sub-box">
<h1>
أشترك ليصلك جديد الدروس والمواضيع!</h1>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogadditions',
'popupwindow', 'scrollbars=yes,width=550,height=520');r eturn true" rel="nofollow" target="popupwindow">
<center>
 <input name="email" onblur="if (this.value ==
&quot;&quot;) {this.value = &quot;أدخل البريد الإلكتروني ...&quot;;}" onfocus="if (this.value == &quot;أدخل
البريد الإلكتروني ...&quot;) {this.value = &quot;&quot;}" size="30" type="text" value="أدخل البريد الإلكتروني ..." />
<input name="uri" type="hidden" value="blogadditions" /> <input name="loc" type="hidden" value="en_US" /> <input class="submit" type="submit" value="أشترك" /></center>
</form>
</div>
</b:if> </center>
</h3>
</center>

 ثم قم بتغيير blogadditoins باسم الحساب الخاص بك في Feedburner
وايض قم بتغيير جملة ( لمدونة عرب سوفت) الي اسم مدونتك

اضافة تاثيرات css لنموذج الاتصال

0 التعليقات
السلام عليكم
اضافة تاثيرات css لنموذج الاتصال

اليوم راح اقدم لكم كيف اضافة نموزج الاتصال انقية فى صفحة اتصل بنا الخاصة بك.

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

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

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
background-image:-webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
box-shadow: 1px 1px 5px #ccc;
}
#contact_wrap h3{
color: #e8f3f9;
font-family:Georgia;
font-size: 20px;
font-style:italic;
font-weight:bold;
margin: 0 -36px 20px -36px;
padding: 12px;
text-align: center;
text-shadow: 2px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
position: relative;
}
#contact_wrap h3:before {
content: ' ';
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: #333 transparent transparent transparent;
}
#contact_wrap h3:after {
content: ' ';
position: absolute;
bottom: -10px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent transparent #333;
}
#ContactForm1_contact-form-name{
width: 270px;
height:auto;
margin: 5px auto;
padding: 10px 10px 10px 40px;
background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWb9VoT9usagRy4_vXja4FQ_JrwesUL-5ya6S-FTmQP4IVa4VQPlGuoLk6cvb0ZfF7X_QbHC75l6LUbDpN-4EqoXgO1pUae0-WM0mlljnKFAY29p4KLd-lxBLegOKVCOFEJSlZ6ygf6Q/s1600/user.png)no-repeat 10px center;
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-email{
width: 270px;
height:auto;
margin: 5px auto;
padding: 10px 10px 10px 40px;
background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidvQOsgapuqhyphenhyphenEOJd11ZmpoYg8wHtPoVzg5xt2xjbcHgFM3oGKjUAi77EVKtb5xshne-AFUmwH-xDJUMv3r0ZmZ1HNZN4nX6ORYBTv1uhSBnb8opw21nLZZTolaDeWK0T9ESeasjkpOVA/s1600/msg2.png)no-repeat 10px center;
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-email-message{
width: 270px;
height: 150px;
margin: 5px auto;
padding: 10px 10px 10px 40px;
font-family:Arial, sans-serif;
background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsmmlnaLUBm-qf8ScDOV7Wc-Uv_NxYkVq2wEZyIlhIwWzWOU5ujLB6lkG4KV6YVoyttRs3ztAohIXZuYjPC55QtdSrFcUahpx3ide-o0oVvU2w4HKDLJLZM2omDRBCeiNcIPeeMrlOTs/s1600/pen.png)no-repeat 10px 10px;
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-submit {
width: 95px;
height: 30px;
float: right;
color: #FFF;
padding: 0;
cursor:pointer;
margin: 25px 0 3px 0 0;
background-color:#005a8a;
border-radius:4px;
text-shadow: 1px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
border:1px solid #194f6d;
}
#ContactForm1_contact-form-submit:hover {
background:#4c9bc9;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 320px;
margin-top:35px;
}

برنامج 7 Ashampoo Snap لعمل الشروحات

0 التعليقات
السلام عليكم


اليوم راح اقدم لكم برنامج رائع لتصوير الشاشة وعمل شروحات
امكنانات عالية التصوير تستطيع ان تحرر ترسل صورة حتى بالبريد الاكترونى
فــ البرنامج سهل التعاملة معه
برنامج 7 Ashampoo Snap لعمل الشروحات

حجم البرنامج : 30 ميجا .

اضافة الموضيع العشوائية

0 التعليقات
السلام عليكم

اضافة الموضيع العشوائية


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

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

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

<style type='text/css'>
#random-posts img{float:right;margin-left:10px;border:1px solid #999;background:#FFF;width:40px;height:40px;border-radius:2px;padding:3px}#random-posts img:hover{border-radius:999px}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=6;
var rdp_snippet_length=150;
var rdp_info='no';
var rdp_comment='التعليقات';
var rdp_disable='Turn off comments';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTs31ybyZunUkbdlBNRhVvfzjSFbHkISnf4751mBxmuDdVif05I9qg3FMbx0S9cAhesEnh0qZhFLaBp1IigRM5M0s81VEEgHjLNoBZCb0B3qmmSqdbSoIA9TZ73f_Y_8F5qUhikXpikASA/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

وسلام

قالب مدونة المدون الاحترافى | لمدونة بلوجر

0 التعليقات
السلام عليكم
قالب مدونة المدون الاحترافى

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

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

  • تصميم جميل
  • متوافق مع أغلب المتصفحات
  • متوافق مع جميل الشاشات و الحواسيب اللوحية الدكية
  • قائمة منسدلة احترافية
  • قائمة الأقسام احتنرافية
  • سلايد شو احترافي
  • مواضيع دات صلة و أزرار النشر و تعريف الكاتب تحت كل تدوينة
  • محسن لمحركات البحث

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

المصدر : عرب ايفر

اضافة اداة اخر التعليقات

0 التعليقات
السلام عليكم

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

<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.llink{font-size:0px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/ce9buomi4or44g6/recent-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>

وسلام

الاشتراك في القائمة البريدية

هنا تستطيع الإشتراك في قائمتنا البريدية ضع إيملك بالأسفل وأضغط إشتراك ولا تنسي تأكيد إشتراكك من خلال بريدك الإلكتروني