[ اضافة] كودة مربع بحث انيق وجذاب

السلام عليكم

[ اضافة] كودة مربع بحث انيق وجذاب 

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

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

• ادخل المدونة.

[ اضافة] كودة النشر على المواقع الاجتماعية

السلام عليكم

اليوم راح اقدم لكم اضافة اداة أضف أداة النشر على المواقع الاجتماعية بطريقة جميلة واحترافية لمدونات بلوجر
أزرار النشر على المواقع الاجتماعية لدورها الكبير في  زيادة شعبية مدونتك
تتيح لزوارك نشر مواضيعهم على facebook, goole +1 و twitter,وسترى أني أستعملها شخصيا في مدونتي¨

إضافة تعريف كاتب الموضوع لمدوناتك بلوجر

السلام عليكم

إضافة تعريف كاتب الموضوع لمدوناتك بلوجر

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

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

• ادخل المدونة .

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

السلام عليكم

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

 اليوم راح اقدم لكم قالب مدونة برو ايوب السايق مجانا معدل من مدونة عرب سوفت "ابانوب زاهر" فاصبح القالب بــ مميزات رائع 

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

[ اضافة] كودة مواقع التواصل الاجتماعى

السلام عليكم

اضافة كودة مواقع التواصل الاجتماعى

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

أيقونات مواقع التواصل الإجتماعي | لمدونات بلوجر

السلام عليكم

أيقونات مواقع التواصل اإجتماعي  | لمدونات بلوجر

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

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

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

السلام عليكم

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

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

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

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

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

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

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

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

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

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

السلام عليكم

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

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

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

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

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

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

السلام عليكم

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

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

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

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مساحة اعلانية
• متلائم مع حجم الشاشة
•  مضاف اليه تعليقات الفيس بوك

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

 ۞ معاينة القالب ◄ ۞ تحميل القالب ▼

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

السلام عليكم

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

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

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

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

 ۞ معاينة القالب ◄ ۞ تحميل القالب ▼