عرب سوفت: بلوجر | إضافات بلوجر 2015

‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

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

Unknown 10:54 ص 0 التعليقات

السلام عليكم

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

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

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

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

مزيد من المعلومات »

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

Unknown 11:45 ص 0 التعليقات

السلام عليكم

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

مزيد من المعلومات »

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

Unknown 3:52 م 0 التعليقات

التسميات: بلوجر

السلام عليكم

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

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

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

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

مزيد من المعلومات »

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

Unknown 8:05 ص 1 التعليقات

التسميات: بلوجر

السلام عليكم

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

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

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

مزيد من المعلومات »

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

Unknown 4:47 م 1 التعليقات

التسميات: التواصل الاجتماعي › بلوجر › CSS

السلام عليكم

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

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

مزيد من المعلومات »

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

Unknown 6:16 م 0 التعليقات

التسميات: ازرار › التواصل الاجتماعي › بلوجر › دروس بلوجر

السلام عليكم

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

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

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

مزيد من المعلومات »

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

Unknown 3:09 م 2 التعليقات

التسميات: بلوجر

السلام عليكم


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

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

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

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

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

قالب أنيق ومميز واحترافي.بثلاثه الوان مختلفه
عرض المواضيع في الصفحة الرائيسية بطريقة مميزة.
سلايد شو احترافي تلقائي (سلايد شو المحترف) .
مدعم بجميع المقاسات مثلiphon-ipad-imac
مكان وضع الاعلانات في الهايدر من لوحة التحكم ..
مواضيع ذات صلة بشكل جديد واحترافي مميز.
تم اضافة ايقونات الابتسامات في التعليقات.
عرض أقسام المدونة بشكل جذاب ومميز واحترافي
يتميز القالب بقوائم منسدله احترافيه.
تعريف كاتب الموضوع بشكل رائع.
صندوق تعليق مميز واحترافي.
تمييز تعليقات صاحب المدونة عن بقية التعليقات.

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

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

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

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

Unknown 11:11 ص 0 التعليقات

التسميات: بلوجر

السلام عليكم

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

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

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

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

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

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

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

Unknown 9:24 ص 0 التعليقات

التسميات: بلوجر › CSS

السلام عليكم

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

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

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

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

    .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='#00b7ea', endColorstr='#009ec3',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='#00b7ea', endColorstr='#009ec3',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>

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

Unknown 8:10 ص 2 التعليقات

التسميات: بلوجر

السلام عليكم

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

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

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

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

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

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

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

Unknown 1:25 ص 0 التعليقات

التسميات: بلوجر

السلام عليكم

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

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

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

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

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

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

Unknown 2:09 م 0 التعليقات

التسميات: بلوجر › دروس بلوجر › صناديق - boxs

السلام عليكم

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

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

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

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

لا تنسي الاشتراك في المدونة ليصلك كل جديد في مدونة عرب سوفت<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 == "item"">
<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 ==
"") {this.value = "أدخل البريد الإلكتروني ...";}" onfocus="if (this.value == "أدخل
البريد الإلكتروني ...") {this.value = ""}" 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 لنموذج الاتصال

Unknown 12:55 م 0 التعليقات

التسميات: بلوجر › CSS

السلام عليكم

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

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

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

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

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

Unknown 7:32 ص 0 التعليقات

التسميات: بلوجر

السلام عليكم

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

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

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

<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)+"";};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>

وسلام

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

Unknown 5:50 ص 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&callback=allbloggertricks_recent&&max-results=50">
</script>

وسلام

قائمة جانبيه أحترافيه

Unknown 12:11 م 2 التعليقات

التسميات: بلوجر › CSS3

السلام عليكم

قائمة جانبيه أحترافيه بخصائص CSS3 - ستعجبك !

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

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

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

<div class='menu-by-7lolblogger'>
<ul>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
<li>
<a dir="rtl" href="http://www.arab-softe.com/">متاح</a>
</li>
</ul>
</div>
<style>
/* this is menu by : http://www.7lolblogger.com -- */
.menu-by-7lolblogger ul{width:300px;float:right;display:block;}.menu-by-7lolblogger li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-by-7lolblogger li a{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.1em 0 .1em 2.5em;background:#F1F1F1;border:1px solid #DDD;border-radius:3px;color:#444;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.48);}.menu-by-7lolblogger li a:before{content:'#';position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.menu-by-7lolblogger li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-by-7lolblogger li a:hover:after{left:-.5em;border-left-color:#39C4FF;}
</style>

المصدر حلول بلوجر

أفضل 8 تدوينات هذا الاسبوع

التسميات

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

التسميات

أرشيف المدونة