ادراج استطلاع داخل المواضيع في المدونة بأستخدام Google Docs

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

نسجل الدخول الي http://docs.google.com 

ان كانت اللغة المضبوطة علي اللغة الانجليزية يمكنك تعديلها من خلال الذهاب الي  Settings  وبعدها اختيار Documents settings وبعدها الذهاب الي Language واختيار Arabic كذلك انصح بضبط الوقت حسب توقيت بلدك .

بعدها نذهب الي انشاء جديد ونختار  نموذج (شاهد الصورة) بعدها نقوم بكتابة عنوان للاستطلاع ونبذه عنه

image

بعدها من الخيار Question Type نقوم باختيار Multiple choice 

image

وندخل اجابات التصويت التي نريدها

image

وبالنهاية نضغط Done ونذهب الي القائمة الزرقاء العلوية ونضغط علي More actions ونختار Embed

image

نقوم بنسخ الرابط  ونضعه في الموضوع ,,,,,

لمستخدمي برنامج التدوين من سطح المكتب Windows Live Writer للمزيد حول البرنامج من هنا 

بعد ننتهي من اعداد الموضوع نذهب  المصدر ونضع الرابط في

س

ولمستخدمي محرر بلوجر نضع الرابط في تحرير HTML

image

ولمعرفة النتائج كل ماعليك هو تسجيل الدخول  لـ Google Docs  ومشاهدة نتائج الاستطلاع (شاهد مثال)

s


اكمل القراءة...

حصريا - طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger



سنتعلم في هذا الدرس كيف نضيف كود تخصيص صندوق التعليقات واظهاره بشكل اجمل واكثر اناقة من الشكل المعتاد والمعروف في مدونات بلوجر (blogspot) ، هذه الاضافة ستجعل زوار مدونتك اكثر شهية لاضافة التعليقات ، طبعا لا يخفى على احد بأن صندوق التعليقات في  منصة (wordpress) يتفوق على نظيره في بلوجر ، ولكن هذه الاضافة ستجعل مدونات بلوجر اكثر احترافية واناقة ، شاهد بعض الصور لنماذج من صندوق التعليقات المخصص :


http://lh5.ggpht.com/_0JSsw4H6sns/TAAH7TSzeqI/AAAAAAAAC8E/oeqFla829wc/*1F3._thumb%5B34%5D.jpg?imgmax=800







ت1

ت2


ت3



ت4



سما بلوجر صندوق التعليق

هل اعجبتك اشكال صندوق التعليقات ، تابع بقية التدوينة لمعرفة طريقة التخصيص

طريقة تركيب اضافة تخصيص صندوق التعليقات

  1. من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم ..
  2. ثم ابحث عن :
<div class='comment-form'>
      : واستبدلها بـ 
 <div id='mbt-form'> 
   3.  ابحث عن :
]]></b:skin>

واضف قبلها(فوقها) مباشرة هذا الكود :


#mbt-form iframe{
background:#ffffff url(http://farm5.static.flickr.com/4020/4647821870_28f1634a7d_t.jpg) no-repeat bottom right;
border:7px solid #ABABAB;
padding:5px;
font:normal 13pt "tahoma;
color:#ABABAB;
width:450px;
}
#mbt-form iframe:hover{
background:#ffffff url(http://farm4.static.flickr.com/3340/4647190659_cd0b1c00f2_t.jpg) no-repeat bottom right;
border:7px solid #3b5897;
}
#mbt-form a{
color:#3b5897;


احفظ القالب ومبروك عليك الاضافة
___________________________________________________________________

- تخصيص الاضافة -

الان سنتطرق الى طريقة تخصيص هذا الكود ليتناسب مع الوان مدونتك وشكلها نتوكل على الله ونبدأ :
هذه الاجزاء التي يتكون منها الكود 


#mbt-form iframe
#mbt-form iframe:hover
#mbt-form a

1. شكل صندوق التعليق في الوضع العادي .

#mbt-form iframe
هذا الجزء من الكود يحدد طريقة ظهور صندوق التعليق في الوضع العادي او قبل مرور الفارة عليه :

background : لتغيير لون الخلفية باضافة كود للون المراد  او اضافة رابط صورة ليظهر في الخلفية .
                ملاحظة : اذا اردت استخدام لون في الخلفية فقط ، احذف هذا من الكود url(http://farm5.static.flickr.com/4020/4647821870_28f1634a7d_t.jpg) no-repeat bottom right;

border: لتحديد حجم الاطار الخارجي ولونه في صندوق التعليق بتغيير القيمة 7 وتغير كود اللون #ABABAB بكود اللون الذي تريده

padding : لتحديد بعد الحدود عن نموذج المشاركة (يرجى عدم تغييرها)

font : حجم خط كلمة " التعليق باسم" ونوعه في نموذج المشاركة ، تستطيع تغيير القيمة 13 لتكبير او تصغير الخط ، وتغيير كلمة tahoma بخط اخر تريده .

color : لون خط كلمة " التعليق باسم" في نموذج المشاركة
width : عرض الصندوق ، تستطيع تغير العرض ليتناسب مع مدونتك .


2.  تخصيص الصندوق عند مرور الفارة عليه :

 #mbt-form iframe:hover


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


3.  لون الروابط في صندوق التعليقات .

#mbt-form a


تحديد لون الروابط " تسجيل خروج" و " الاشتراك عن طريق البريد الالكتروني "



4.  تذكر انت غير مقيد بشكل الكود  .

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

لأي استفسار اترك تعليق


الشكر كل الشكر الى الصديق ahmadzai

اكمل القراءة...

قالب بلوجر ازرق Blue Simplicity blogger

12
  • مميزات :  متناسق + مساحة كبيرة للكتابة
  • توافقية القالب : متوافق معا اغلب المتصفحات
  • تحميل القالب : Box | 4sherad | الكود جاهز
  • شاهد القالب Demo


    • اكمل القراءة...

      تصميم قوالب : قالب ابيض مع ازرق بسيط

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

      مميزات القالب :
      - عمودين ، العمود الجانبي على اليسار
      - خفيف وسريع في العرض
      - عرض 930
      - بانر ارتفاع 125
      - يدعم اعلانات ادسنس
      - يدعم كافة الاضافات
      - صديق لمحركات البحث
      - متوافق مع كافة التصفحات 
      - يمكن التعديل عليه
      - مضاف اليه خط هاكون بيروت للعنوان
      - اضافة للتعليقات
      _________________________________________________________________________



            للمشاهدة


      للتحميل


      واشكركم للمحافظة على حقوق التصميم .
      تحياتي لكم عدي عرار - سما بلوجر 

      تحديث : 
      حل مشكلة ظهور الرئيسية على يسار القائمة 
      من لوحة التحكم اذهب الى تخطيط - تحرير HTML   وابحث عن هذا الكود :

              ul.art-menu
              {
                  float:left;

      وقم بتغيير left الى right 







      اكمل القراءة...

      قالب Vio باللون البنفسجي

      ddddds
    • مميزات :  شكل جميل+ ازرار مشاركة والكثير
    • توافقية القالب : متوافق معا اغلب المتصفحات
    • تحميل القالب : Box | 4sherad | الكود جاهز
    •  شاهد القالب Demo

    • اكمل القراءة...

      قالب ابيض بسيط

      sss
    • مميزات : اكمل القراءة + مساحة اعلانية كبري
    • توافقية القالب : متوافق معا اغلب المتصفحات
    • تحميل القالب : Box | 4sherad | الكود جاهز
    • شاهد القالب Demo


      • اكمل القراءة...

        عودة بعد غياب

        im-back الحمد الله والصلاة والسلام علي رسول الله محمد صلي الله عليه وسلم , خلال الشهرين الماضين توقفت مجبرا عن التدوين وإدراج المزيد من التدوينات والدروس لعده اسباب منها السفر والحاجة الي تطوير المدونة وتمت تطوير القالب الخاص في المدونة وتغير تنسيق القائمة الجانبية من اليمين الي اليسار وتصغير الهيدر الخاص وتغير لونه وإدراج بعض الاضافات مثل اضافه المشاركة في المواضيع و البحث بشكل جديد و اكمل القراءة بشكل اجمل من السابق وكذلك تم عمل مدونة جديدة ودمجها بالمدونة الاساسية وهي قسم خاص لقوالب بلوجر المعربة والتي اضع بها بعض القوالب التي اقوم بتعريبها وانا حاليا في بداية الطريق في التعريب ولن اركز علي هذا المجال بل سأفتح المجال لمن يريد المشاركة بقوالب من تعريبية او تصميمه ويمكنه نشرها في المدونة , كذلك افكر في فتح المجال لمن يريد بنشر الدروس في المدونة ! اخواني اطلب رأيكم في المدونة بشكل عام و في التطويرات الاخيرة للمدونة ؟ مارأيك في فتح المجال للكتابة في المدونة لمن  يرغب  ؟

        اتمني منكم التصويت ,,,,

        واتمني لكم التوفيق ,,,,,


        اكمل القراءة...

        افضل 10 عشرة مدونات عالمية ( top 10 ten blogs )


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


        1) مدونة  The Huffington Post

        المدونة الاولى عالميا وهي  مدونة اخبارية  سياسية اجتماعية منوعة ، انشأتها Arianna Huffington ويديرها حاليا اكثر من خمسين مؤلف ، انشأت بداية عام 2005 ، بيج رانك 7 ، ترتيب اليكسا 161.
        ___________________________________________________________

        2) مدونة techcrunch

        مدونة تكنولوجيا وشبكات اجتماعية تتابع احدث المستجدات التقنية وادوات ويب 2 ( web 2.0) ، اسسها Michael Arrington ويديرها حاليا اكثر من 21 مؤلف ، انشأت في 11 - يونيو - 2005 ، بيج رانك 7 ، ترتيب اليكسا 366 .
        ___________________________________________________________

        3) مدونة  mashable

        مدونة تكنولوجيا متخصصة في الشبكات الاجتماعية المعروفة وادوات ويب 2 ( web 2.0) ، تقيم ندوات وحفلات وتنظم المسابقات الابداعية  ، اسسها Pete Cashmore في يوليو 2005 ويديرها حاليا اكثر من 21 مؤلف ، بيج رانك 5 ، ترتيب اليكسا 313 .
        ___________________________________________________________

        4) مدونة Gizmodo

        هي ايضا مدونة تكتولوجيا الكترونية تقنية متخصصة ، اسست في عام 2002 من قبل Peter Rojas ، بيج رانك 8 ، ترتيب اليكسا 452 .
        ___________________________________________________________

        5) مدونة Gawker

        مدونة اخبارية منوعة تركز على اخبار المشاهير ، وانتقاد وكالات الانباء الرئيسية في الولايات المتحدة وتركز على مدينة نيويورك ، اسسها Nick Denton في عام 2003 ، يديرها اكثر من 18 مؤلف ، بيج رانك 8 ، ترتيب اليكسا 909 .
        ___________________________________________________________

        6) مدونة Engadget

        نعود مرة اخرى الى المدونات الاخبارية التكنولوجيا ، هذه المدونة تركز على الادوات الالكترونية والتكنولوجية الجديدة ، وتواكب تطورها ، اسسها Peter Rojas بداية عام 2004 ، يديرها اكثر من 30 مؤلف ، بيج رانك 6 ، ترتيب اليكسا 375 .
        ___________________________________________________________

        7) مدونة Boing Boing

        تنشر اخبار متفرقة ، تكنولوجيا وثقافة شعبية ، اسست في  1998 حصلت على عدد من الجوائز في السنوات السابقة وكانت  عرش افضل مدونة عالمية ، بيج رانك 8 ، ترتيب اليكسا  1.829.
        ___________________________________________________________


        8) مدونة The Corner on National Review Online

        مجلة اخبارية سياسية ثقافية اجتماعية منوعة تصدر ايضا بشكل مكتوب في الولايات المتحدة وخارجها ، اسسها William F. Buckley, Jr. في عام 1995 ، بيج رانك 7 ، ترتيب اليكسا 4.866 .
        ___________________________________________________________

        9) مدونة  The Hotair

         مدونة اخبارية سياسية منوعة تركز على الولايات المتحدة الامريكية  ، اسستها Michelle Malkin عام 2006 ، بيج رانك 6 ، ترتيب اليسكا 4.105 .
        ___________________________________________________________

        10) واخيرا مدونة ReadWriteWeb(RWW)

         مدونة  تكنولوجيا الويب 2.0 والشبكات الاجتماعية والتقنية الحديثة ، اسسها Richard MacManus  عام 2003 ، وحاليا يديرها فريق يتكون من اكثر 16 مؤلف ، بيج رانك 6 ، ترتيب اليكسا 1.920 .

         ___________________________________________________________

        أتمنى ان نشاهد مدونات عربية في قمة المدونات العالمية ، وبالتوفيق ادعو دائما  لي ولكم . 
        _______________________________________________________

        اكمل القراءة...

        قالب بلوجر انيق وبسيط

        قالب معرب انيق

      • مميزات القالب : اكمل القراءة + مساحة كتابية كبيرة
      • توافقية القالب : متوافق معا اغلب المتصفحات
      • تحميل القالب : Box | 4sherad | الكود جاهز
      • شاهد القالب Demo


        • اكمل القراءة...

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

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

          صور توضيحية
           

          بالتوفيق

          اكمل القراءة...

          تصميم قوالب : قالب بالالوان الزيتية وبخلفية جميلة


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

          مميزات القالب :
          - مناسب لاعلانات ادسنس
          - القالب بعمودين
          - يدعم كافة الاضافات
          - صديق لمحركات البحث
          - العنوان بانر ارتفاع 175 ويمكن تعديله
          - جيد في التحميل
          - عرض  900
          - متوافق مع جميع المتصفحات




             للمشاهدة



          للتحميل


          واشكركم لمحافظتكم على حقوق التصميم .
          تحياتي لكم عدي عرار - سما بلوجر

          اكمل القراءة...

          تصميم قوالب : قالب امرأة عصرية

          هذا هو ثاني قالب من تصميمي ، القالب مخصص للاناث ، وذلك من خلال الوانه الوردية الفاتحة والزهور في الخلفية الرئيسية .

          ميزات القالب :
          - تصميم جميل وخفيف
          - القالب بعمودين
          - مناسب لاعلانات ادسنس
          - صديق لمحركات البحث
          - يدعم كافة الاضافات
          - يمكن التعديل عليه
          - عرض 900
          - العنوان بانر ارتفاع 175 ويمكن تعديله
          - قائمة رئيسية
          - متوافق مع جميع المتصفحات
          - يوجد به عدة اضافات

                للمشاهدة


          للتحميل


          واشكركم للمحافظة على حقوق التصميم .
          تحياتي لكم عدي عرار - سما بلوجر

          اكمل القراءة...

          اضافة ترجمة جوجل بأشكال جديدة

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

          الخطوة الاولى :  
           
          من لوحة التحكم - التخطيط - عناصر الصفحة -  اضافة اداة - html - ثم اختر كود الشكل الذي تريده .

          الشكل الاول


          الكود

          <style>
          .google_translate img {
          filter:alpha(opacity=100);
          -moz-opacity: 1.0;
          opacity: 1.0;
          border:0;
          }
          .google_translate:hover img {
          filter:alpha(opacity=30);
          -moz-opacity: 0.30;
          opacity: 0.30;
          border:0;
          }
          .google_translatextra:hover img {
          filter:alpha(opacity=0.30);
          -moz-opacity: 0.30;
          opacity: 0.30;
          border:0;
          }
          </style>
          <div>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt4K3UH0bGBgr3l3KJ1-v4hBUUg7nWGs3aZn3CNNS8QC4bU9X1p155LxE3hbTP5Pmy2BBLYH7fcJGpwZZ7JpKecVrMFR8KprIXh4mUThsEs8tBU9fDrnbCpNh28lvoI9AgzK7hsZLGX9A/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0MMZ1d4z21PjzNBV_1eKgYHzDJljwSaiSJyGKyFdEVb768tWb6iV-2sywzxx3UF2ZSSxo769t9v2xa8qqMKlTBifsKwFERAPCucPLSDLJ3OjIKXm0cUx6JkMISUy1q4MnPDisQmAeXTo/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kqqlDeeHYlkv0qEZv9fDo6ZjPVo4qBUNNMjE6AcV3FdX3BGgbe5Nz7mOUs_MGfJOUB8n_VZTFMkwpckKnO7ks7Vqib9AH7kHjJRU7M0FzdRF7NEo4C4d20fAWDq1gMknXuF5PBetjMWU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0aIjyHWR4OdHMvAmdR-zoWvPxDgkhbSCDTI5nS3oTdIz92f22Py5HOx70l8gUc9t4_cJrDxcISBqz53pQq_xJGOHyJKlLtRPHCr7fXvbHZZSu4ob7gUt37dvo31auslHARQRlLMLTyGy/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VxTSVGr1YVyR0glNIYcfnsKs6pEoIxarU9WjzfyRNyjvaX64aUTv0nigFHVr0NcEFqUDxwiYqWJAcLY4ug-8lNAIBFJ5KyIZnFxHTrhsW_gXKf1jis1gXSZFkSDZrO_AuHdmV4rDciw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKGu4kT3lYeT_-cG2potpxxRQvcEo2-h6JqkuboEst8s77upkuOPbkIJOl4TKT6nduVDzalJmQpqdKgJ7vp4WuPfRGnkYAocp76Oo8oXnMgTrzqlYejwJsmzEHiLnuo4V2t_01SjJkUeI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <br/><br/>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEies9R5KWgzIeAf1MAfq0xKJI0oFWx3kBf525_vT-B53U5N5M2dkjiLGRmoay5854LcLUj0tEiuHW-pcyemI5FYGcWdGYsSoDcQWDSF-may_8gtCzMu8y5XWOVKxiGVVieMPj3Flq0dm6Q/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezaGYrakIe8pnfyYWiXG5aThl0PrQ61GNXD39s1zl4kG7gPpEZiFroTz6w9tb-iTaPuxmBdxX9Zr_-Bs06BIPR_xRHCcrL62kkXoJKzgbuW2ohwbjZgPkjbcFb9dsmlgOOlFEMCaGoFU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUyWAIpCIWH1hdh1IkAds5Ja9RLpKYOHwvRX_HNphBKUMK-eGrT7YNLpvi9SJOzMME8YrSamB5nZSB2EBBFYly53I5fSvaIqsgPDSfm5OuQrEExElw6AFUNzHXQaUoOCF3JWW_lue8ceY5/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwTS27jcaqS6IZzmltoT-HNgaDYISj_G5B72Svrt09oj_PTvHcELoVYwesFALt_fXmvJFHrOhadwANTsZoIbFhd42ypBIHsdBWG0DhWwj91lvvpf54BkAurfZQ4hKq_G3BjnhWnrFVVk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fB3jT3al7yxgbGJWOilaBNcxikQicmDdNrAhPSDNZKgnXzYOo-zBRCtOO3XffGZ6P0HAFR6feJ019yFr0Ov0xeCmIQK7z9UY0nVx2VZS5cjBB3cxzt90kd4-Pw4ZKpxT0cltGX4lM2Y/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBMrm9KaaG8a81XB5MmJ1rnBOEyBAAjy8BsM0M7DowLQrfUvwvbzQQkY99xEsv2tlUo-JMsmZ8UG-NMa3UHk_Ujg2mIsZRAW2R9Xw6pEBtoCuFTMzOITgveOAXLD8UDMGGvtrShG1rRZk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          </div><div style="font-size:10px;margin:10px 0px 3px 0px">
          </div>

          الشكل الثاني
          (شاهده في المدونة على اليسار)

          الكود


          <style>
          .google_translate img {
          filter:alpha(opacity=100);
          -moz-opacity: 1.0;
          opacity: 1.0;
          border:0;
          }
          .google_translate:hover img {
          filter:alpha(opacity=30);
          -moz-opacity: 0.30;
          opacity: 0.30;
          border:0;
          }
          .google_translatextra:hover img {
          filter:alpha(opacity=0.30);
          -moz-opacity: 0.30;
          opacity: 0.30;
          border:0;
          }
          </style>
          <div>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt4K3UH0bGBgr3l3KJ1-v4hBUUg7nWGs3aZn3CNNS8QC4bU9X1p155LxE3hbTP5Pmy2BBLYH7fcJGpwZZ7JpKecVrMFR8KprIXh4mUThsEs8tBU9fDrnbCpNh28lvoI9AgzK7hsZLGX9A/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0MMZ1d4z21PjzNBV_1eKgYHzDJljwSaiSJyGKyFdEVb768tWb6iV-2sywzxx3UF2ZSSxo769t9v2xa8qqMKlTBifsKwFERAPCucPLSDLJ3OjIKXm0cUx6JkMISUy1q4MnPDisQmAeXTo/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kqqlDeeHYlkv0qEZv9fDo6ZjPVo4qBUNNMjE6AcV3FdX3BGgbe5Nz7mOUs_MGfJOUB8n_VZTFMkwpckKnO7ks7Vqib9AH7kHjJRU7M0FzdRF7NEo4C4d20fAWDq1gMknXuF5PBetjMWU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0aIjyHWR4OdHMvAmdR-zoWvPxDgkhbSCDTI5nS3oTdIz92f22Py5HOx70l8gUc9t4_cJrDxcISBqz53pQq_xJGOHyJKlLtRPHCr7fXvbHZZSu4ob7gUt37dvo31auslHARQRlLMLTyGy/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VxTSVGr1YVyR0glNIYcfnsKs6pEoIxarU9WjzfyRNyjvaX64aUTv0nigFHVr0NcEFqUDxwiYqWJAcLY4ug-8lNAIBFJ5KyIZnFxHTrhsW_gXKf1jis1gXSZFkSDZrO_AuHdmV4rDciw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKGu4kT3lYeT_-cG2potpxxRQvcEo2-h6JqkuboEst8s77upkuOPbkIJOl4TKT6nduVDzalJmQpqdKgJ7vp4WuPfRGnkYAocp76Oo8oXnMgTrzqlYejwJsmzEHiLnuo4V2t_01SjJkUeI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>


          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEies9R5KWgzIeAf1MAfq0xKJI0oFWx3kBf525_vT-B53U5N5M2dkjiLGRmoay5854LcLUj0tEiuHW-pcyemI5FYGcWdGYsSoDcQWDSF-may_8gtCzMu8y5XWOVKxiGVVieMPj3Flq0dm6Q/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezaGYrakIe8pnfyYWiXG5aThl0PrQ61GNXD39s1zl4kG7gPpEZiFroTz6w9tb-iTaPuxmBdxX9Zr_-Bs06BIPR_xRHCcrL62kkXoJKzgbuW2ohwbjZgPkjbcFb9dsmlgOOlFEMCaGoFU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUyWAIpCIWH1hdh1IkAds5Ja9RLpKYOHwvRX_HNphBKUMK-eGrT7YNLpvi9SJOzMME8YrSamB5nZSB2EBBFYly53I5fSvaIqsgPDSfm5OuQrEExElw6AFUNzHXQaUoOCF3JWW_lue8ceY5/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwTS27jcaqS6IZzmltoT-HNgaDYISj_G5B72Svrt09oj_PTvHcELoVYwesFALt_fXmvJFHrOhadwANTsZoIbFhd42ypBIHsdBWG0DhWwj91lvvpf54BkAurfZQ4hKq_G3BjnhWnrFVVk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fB3jT3al7yxgbGJWOilaBNcxikQicmDdNrAhPSDNZKgnXzYOo-zBRCtOO3XffGZ6P0HAFR6feJ019yFr0Ov0xeCmIQK7z9UY0nVx2VZS5cjBB3cxzt90kd4-Pw4ZKpxT0cltGX4lM2Y/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBMrm9KaaG8a81XB5MmJ1rnBOEyBAAjy8BsM0M7DowLQrfUvwvbzQQkY99xEsv2tlUo-JMsmZ8UG-NMa3UHk_Ujg2mIsZRAW2R9Xw6pEBtoCuFTMzOITgveOAXLD8UDMGGvtrShG1rRZk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
          </div><div style="font-size:10px;margin:10px 0px 3px 0px">
          </div>



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

          احفظ  ومبروك عليك الاضافة





          اكمل القراءة...