كود فوتوشوب اون لاين

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

 تركيب الاضافة في مشاركة جديدة :
- من مشاركة جديدة   >>>   تحرير html   >>>   انسخ الكود   >>>  ثم انشر المشاركة.
 تركيب الاضافة في أداة html :
- من لوحة التحكم   >>>   تخطيط   >>>   اضافة أداةhtml   >>>   نسخ الكود في الأداة   >>>   حفظ الأداة.
كود فوتوشوب أون لاين :

<center><iframe

src="http://pixlr.com/editor/" name="ps" border="0"

align="middle" frameborder="0" height="500"

width="776"></iframe></center>

  لتغيير مقاييس البرنامج ليتناسب مع موقعك قم بتغيير ما يلي : 

==> غير الرقم الذي بالأحمر لتغيير الطول .
==> غير الرقم الذي بالأزرق لتغيير العرض .
انتهت الاضافة......
مع تحيات حمزة رمزي......

اقرء المزيد

الدرس3:اختيار القالب و تخصيصه

باسم الله الرحمان الرحيم.....
رأينا في الدرس السابق طريقة فتح مدونة بلوجر.و الان سننتقل الى اختيار قالب المدونة و تعديله ليلائم مدونتك الخاصة.
طبعا مدونة بلوجر تتيح لك قوالب مجانية لكن هذه القوالب ليست احترافية كما أن مظهرها ليس أنيقا .لذلك يجب اختيار قالب مدونة أنيق و جذاب .
للحصول على قالب مدونة يمكنك البحث على قالب مجاني من خلال محرك بحث جوجل.
او تطلب من المصممين قالب مدفوع الاجر .
بعد الحصول على القالب سوف تقوم بتركيبه في مدونتك .
**طريقة تركيب قالب مدونة:
1-ادخل الى لوحة التحكم لمدونتك تم اختر قالب .

2-بعد ذلك اختر-نسخ احتياطي/استعادة-

3-بعد ذلك قم بتحميل القالب بالضغط على اختيار ملف ثم تحميل.

انتهت عملية تركيب القالب.الان سوف نقوم بتعديل القالب ليناسب مدونتك الخاصة.
**طريقة تعديل القالب:
-لوحة التحكم ثم قالب ثم تحرير html .
1-تعديل البيانات الخاصة للمدونة_وصف المدونة-الكلمات المفتاحية-اسم الكاتب-الدولة_
في اعلى القالب قم بتعديل البيانات التالية:
1-تغييروصف المدونة:
<meta content='اكتب هنا وصف لمدونتكname='description'/>

2-تغييرالكلمات المفتاحية للمدونة:

<meta content='اكتب هنا الكلمات المفتاحية لمدونتك' name='keywords'/>

3-تغييراسم الكاتب:

<meta content='اكتب هنا اسم الكاتب' property='og:author'/>

4-الدولة و اللغة:

<meta content='ar' property='og:language'/> <meta content='اكتب اسم الدولة' name='country'/>

5-تغييرروابط التواصل الاجتماعي:

<a target="_blank" href="رابط حسابك في الفيدبارنر"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRC64o5C9XHoJocywANrRt-lFZ0WI5PfxQAvmV77ooeabLlR-W1ACUovDKx_Aol5sjbTGSlpRDHygejxLIjzkVvR2VpxA8Q9pfccxZhhZ_NOgCT-Mct6blL5E5K-0vIR0MxdilsPspn0/s1600/rss.png" /></a> <a target="_blank" href="رابط حسابك في جوجل + /posts?rel=author">Google<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfPa1YPNA1ZrCFDLjfun51SdlCaq8ivqafMPvp5D5CqtD5LOmY1yrs2yeNlqCfI1n_FtMOnS12MkyZoRRzagqXXs6FSXEFQmCTWOLY99TMHyNnNeSm8sH6vAz56pDRB-4jJh6yfC5VCrU/s1600/google+.png" /></a> <a target="_blank" href="رابط حسابك في تويتر"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuBzm3F6Bpx87Z9EXNFys3FutJSDoa6RBMz4dYF3UB_MDvQuk0rNutCBVHUk3RA4uqGp6yqEyn_AdD1Mh6bLCTstcorLNgRpqY5M5aE1M9_A1KesipJchy5eDT_m7Zs_5X4Mw7UOAcXyU/s1600/twitter+2.png" /></a> <a target="_blank" href=" رابط حسابك في فيسبوك"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1JgDXFa6ecVXrzlbtVtUaHeFdAd2qD3stE-z_xR3miO_S306oDU_r8VkjS5RuZd6UZn-np5bieVdiRneC9t-hue1pESK0-OR4zJxSXzkD23AbRMqvEWDK2LoEJN0jFkCShxC0sJK5G0/s1600/facebook+1.png" /></a> <a target="_blank" href=' رابط قناتك في يوتوب "target='_blank'><img border='0' src='http://2.bp.blogspot.com/-bJtrca6dD9M/UU9rsoM89aI/AAAAAAAAAM8/EFLUuFh6KHg/s1600/0000.png'/></a>

يمكنك تغيير صور الايقونات بتغيير الروابط باللون الاحمر.

6-تغييرتوقيع الكاتب:

<div class='postauthor'> <img alt='' height='80' src='رابط صورة الكاتب' width='80'/> <h4><a href='رابط حساب الكاتب في الفيسبوك'>اسم الكاتب </a></h4> <p> تعريف مختصر لكاتب <br> لمزيد من مقالاتي <a href='رابط مدونتك/'>تابع هـــنا</a> </br>

7-تغييرصورة رأس المدونة(الهيدر): 

<div class='left' id='logo'> <a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='90' src='ضع رابط صورة الهيدر الخاصة بمدونتك' width='350'/></a> <div id='tagline'><data:description/></div>

للمزيد من التفاصيل حول تغييرهيدر المدونة :هنا

8-تغير لون الخلفية:

body { background:#2c2c2c url(http://1.bp.blogspot.com/-l9i3eee6sDs/UUooBtjc8KI/AAAAAAAAAMA/av0NySlPQog/s1600/navbar8.png); }

-اللون الاحمر لتغيير لون الخلفية.

-اللون الازرق لتغييررابط صورة الخلفية.

انتهينا الان من تعديل القالب واصبح بامكاننا التدوين وذلك بكتابة محتوى جيد.

اقرء المزيد

الدرس2: فتح مدونة بلوجر

باسم اللله الرحمان الرحيم

بعد الدخول الى حسابك في gmail ستجد في الشريط العلوي مجموعة خدمات google اختر منها blogger.

ستفتح لك صفحة اخرى.قم بملء البيانات الطلوبة(عنوان المدونة-رابط المدونة) >>>ثم اضغط انشاء.

انتهيت من مرحلة انشاء المدونة.ويمكنك ان تبدا التدوين.

الف مبروك......الان يمكنك الانطلاق في عالم التدوين.

اقرء المزيد

الدرس 1:انشاء بريد الكتروني في GMAIL

باسم الله الرحمان الرحيم

لانشاء مدونة بلوجر يجب ان يكون لديك بريد الكتروني gmail. اذا لم يكن عندك بريد الكتروني قم بالتسجيل . و الطريقة سهلة جدا وهي معروفة لدى الجميع .لكن لا باس بشرحها في عجالة .
ادخل موقع gmail >>>تسجيل >>>املا البيانات المطوبة (اسم المستخدم-عنوان البريد الالكتروني-كلمة السر-.....)>>> واخيرا اضغط تسجيل.
تابع الصور
الخطوة الاولى :انشاء حساب جديد.

الخطوة الثانية: ادخال البيانات المطلوبة.

الخطوة الثالثة :اختيار وسيلة تاكيد الحساب.

الخطوةالاخيرة: ادخال كود التاكيد الذي توصلت به عبر الهاتف. 

انتهت مرحلة التسجيل ويمكنك الدخول الى حسابك من الصفحة الاولى
هنيئا أصبح لديك بريد الكتروني في google .الان يمكنك أن تبدأ في انشاء مدونتك الخاصة.

اقرء المزيد

دورة انشاء مدونة بلوجر:مقدمة

باسم الله الرحمات الرحيم

بداية اود الاشارة الى ان انشاء مدونة بلوجر لا يتطلب خبرة كبيرة في البرمجة او التصميم .كل ما يتطلبه المام ببعض الاساسيات التي ساشرحها لكم في هذه الدورة ان شاء الله .
لكن التدوين يتطلب محتوى جيد ومفيد حتى يستطيع المدون جلب متتبعين لمدونته و بالتالي نجاحها و قد يربح منها اموالا لا باس بها .
طبعا يجب ان يكون لك هدف من التدوين .اي اطرح على نفسك هذا السؤال لماذا ادون ؟
الاجوبة ستتعدد حسب ميولات الاشخاص واهدافهم .فالبعض له هدف تجاري و الاخر ثقافي وقد يكون اديولوجيا او سياسيا وقد يكون كذلك من باب الهواية ونشر الخبرات و المواهب و افضل الاهداف بالنسبة الي هي المدونات التعليمية كانشاء مدونة تعليمية في مجال من المجالات (كتعلم اللغات او العلوم او الاداب او البرمجة او التصميم او غيرها من ابواب العلم الكثيرة جدا).
منصة بلوجر تمنح الاشخاص امكانية انشاء مدونة مجانية و ادارتها بالضافة الى خدمات اخرى ساشرحها لاحقا.كل ما تحتاجه هو اشتراك في البريد الالكتروني gmail  التابع لموقع google العملاق .بل ان خدمة البريد الالكتروني هي واحدة من الخدمات العديدة لموقع google.

اقرء المزيد

طريقة نقل مدونة بلوجر من حساب إلى حساب آخر

يمكنك اذا احببت أن تنقل مدونة بلوقر من حساب قوقل إلى حساب قوقل آخر بكل بساطه ، ربما تملك اكثر من حساب وتريد نقل المدونة من حساب إلى آخر ، أو ربما تود نقل المدونة إلى شخص آخر قد تكون مستغني عنها أو بعتها له مثلاً ، المهم هذه التلميحة ستشرح لك بالتفصيل طريقة نقل المدونة من حساب إلى حساب.

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

طريقة نقل المدونة بالتفصيل:

 قم بفتح المدونة والدخول إلى لوحة التحكم.

 من قائمة التحكم الموجودة أمامك اختر ( اعدادات ) أو ( settings ).

 ستجد في الصفحة جزء اسمه ( السماحات ) أو ( promissions ).

 انقر فوق ( +اضافة مؤلفين ) ثم أدخل الايميل الخاص بالحساب الثاني ( الذي تود نقل المدونة إليه ) ثم ok.

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

 الآن اخرج من الحساب الثاني وارجع إلى الحساب الأول إلى نفس الصفحة التي كنا فيها في الخطوة رقم 3 ، ستجد أن الحساب الثاني قد اصبح من المؤلفين

 انقر فوق السهم الصغير الموجود أمام الحساب الثاني واختر ( مشرف ).

 انقر فوق علامة الإكس ( × ) امام الحساب الأول ليتم حذفه من هذه المدونة ، وبهذا تكون مدونة بلوقر قد انتقلت من الحساب الأول إلى الحساب الثاني.

ملاحظات : التدوينات السابقة ستبقى على ماهي وسيبقى اسم الكاتب السابق على ماهو دون تغيير ، اذا اردت تغييره فقم بتحرير التدوينات التي كتبت بواسطة الحساب القديم واحفظها من جديد لتكون باسم الحساب الجديد .

ملاحظة(2) : البعض يستخدم عبارة ( بلوجر ) بدلاً من ( بلوقر ) كتعريب للكلمة blogger.

اقرء المزيد

إضافة كود اهتزاز ومرجحة الروابط لمدونات بلوجر

كود قويري لاهتزاز الروابط يضيف الى مدونتك لمسة فنية 

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


طريقة تركيب الكود

• اذهب الى لوحة التحكم الخاصة بمدونتك
• اختار تبويت قالب 
• تحرير
• متابعة
• ضع علامة صح في اعلى نافذة الكود (توسيع قوالب عناصر واجهة المستخدم)
• حدد الكود بواسطة ضغط مفتاحي (Crrl + A)انسخ محتويات نافذة الكود الى الحافظة بواسطة مفتاحي (Crrl + C) واحفظ الكود في ملف خاص على جهازك وليكن ملف الدفتر الخاص بوينوز وذلك اجراء احتياطي حتى ترجع اليه اذا واجهت اي مشكلة في القالب اثناء تركيب الكود
• ابحث عن الكود التالي </head>
• انسخ الكود الالذي بعد هذا السطر قبل </head> مباشرة

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
        $(&#39;a.linknudge&#39;).hover(function() {
            $(this).animate({
                paddingRight: &#39;25px&#39;
            }, dur);
        }, function() {
            $(this).animate({
                paddingRight: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>
<!--Page JQuery Link by hdhd2010.blogspot.com Starts-->

احفظ القالب

لاتنسى اذا كان مدونتك انجليزي ان تغير Right بكلمة Left والمشار الية بالون الاحمر وهو ضروري 
وتستطيع التحكم في الحركة زيادة او نقصان بتغيير الرقم 25 الملون بالون الاحمر

• اكسب اشهار
• اكسب المال
• اكسب باكلينك
• اكسب زوار
• خدمات المواقع
• خدمات بلوجر

اذا ترغب تنفيذ الحركة على اي رابط اخر غير روابط المسميات نفذ الرابط مثل الاتي

<a class='linknudge' href='/hdhd2010.blogspot.com'>مدونة اكسب</a>

مثال على انشاء الرابط المتارجح

مدونة اكسب

اقرء المزيد

انشاء العلامات الوصفية meta tags لموقعك بطريقة الصحيحة

الميتا تاج meta tags او العلامات الوصفية
العلامات الوصفية عبارة عن كود برمجي يقوم بتزويد عناكب محراكات البحث بمعلومات هامة حول الموقع مثل اسم الموقع, وصف الموقع, الكلمات المفتاحية, الناشر, حقوق الملكية, موعد زيارات عناكب محركات البحث للموقع بخصوص نشر التحديثات, بريد الموقع, وغيرة 
وهيا معلومات هامة وضرورية لتعامل مع الموقع من قبل محركات البحث ومنح الموقع بعض الثقة في معايير تستخدمها بعض محركات البحث وفي نفس الوقت جلب الزوار الى الموقع بواسطة الاسم والوصف والكلمات المفتاحية ويجب ان تكون تلك الاوصاف منطبقة على محتوى موقعك


اين تكون اكواد العلامات الوصفية ميت تاج؟
توضع العلامات الوصفية بعد الوسم <head>  وطبعاً قبل </head>

<head> العلامات الوصفية ...................... ...................... ...................... </head>

شكل كود العلامات الوصفية ميتا تاج المثالي لمعظم المواقع

كود ميتا تاج 

<meta content='ضع وصف موقعك هنا' name='description'/> <meta content=' ,ضع, الكلمات, المفتاحية, هنا' name='keywords'/> <meta content='never' name='Expires'/> <meta content='global' name='target'/> <meta content='general' name='rating'/> <meta content='alhdhd' name='author'/> <meta content='Copyright (c)حقوق النشر. All Rights Reserved.' name='copyright'/> <meta content='ar' name='language'/> <meta content='all' name='audience'/> <meta content='document' name='resource-type'/> <meta content='10 days' name='revisit-after'/> <meta content='ssshdhd@gmail.com' name='Email'/> <meta content='INDEX,FOLLOW' name='Robots'/>

تستطيع استخدامه بعد تغيير مايلزم ويتناسب مع موقعك

التعرف على وظايف العلامات الوصفية

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

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

علامة الاسم

<title>مدونة اكسب</title>

كود علامة الوصف تخبر عناكب محركات البحث بوصف الموقع ويجب ان لا يتعدى عدد حروف الوصف 255 حرف فقط

علامة الوصف

<meta content='اكسب زوار باك لينك اشهار نشر مواضيع اربح المال خدمات المواقع' name='description'/>

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

علامة الكلمات المفتاحية

<meta content='اكسب,اربح,زوار,مواقع,باك لينك,اشهار,نشر,مال,ترجمة,انشاء,مدونة,منتدى,عداد,' name='keywords'/>

كود علامة حقوق الملكية او حقوق النشر 

علامة حقوق الملكية

<meta name="copyright" content="مدونة اكسب">

كود علامة اسم الناشر

علامة اسم الناشر

<meta name="author" content="الهدهد">

كود علامة بريد الموقع

علامة بريد الموقع

<meta name="email" content="ssshdhd@gmail.com">

كود علامة اللغة اي لغة الموقع عربية AR اذا كان لغة المواقع انجليزي تكون EN وكل لغة برمزها

علامة اللغة

<meta http-equiv="content-language" content="AR">

كود علامة الترميز تتطلب معرفة نوع الترميز

علامة الترميز

<meta name="Charset" content="UTF-8">

كود علامة الدول المطلوب قدوم الزوار منها تستطيع اختيار دولة او عدة دول وكلمة Global تعني ان الموقع مفتوح لجميع بلدان العالم

علامة الدول المستهدفه

<meta name="Distribution" content="Global">

كود علامة تصنيف الموقع نوع الزوار هل يحوي محتوى يحضر على الاطفال مشاهدته مثلاً  حيث ان  (General عام) و (Restricted مقيد) و(Mature للبالغين) لدينا في المثال الامر عام

علامة التصنيف

<meta name="Rating" content="General">

كود علامة السماح او المنع محركات البحث من فهرسة صفحات ومنع بعض الصفحات

علامة الفهرسة

<meta name="Robots" content="INDEX,FOLLOW">

كود علامة ملخص العنوان ويجب ان لا يتعدى 255 حرفاً

علامة الملخص

<meta name="Abstract" content="مدونة اكسب لخدمات المواقع">

كود علامة مواعيد التحديثات او الطلب من عناكب البحث العودة لحمل التحديثات الى محركات البحث وتستطيع تحديد من يوم واحد الى 365 يوم في المثال الاتي محدد بموعد 7 Days اي اني انزل في الاسبوع الواحد موضوع تقريباً لذلك من غير الممكن اني اطلب من العناكب العودة كل يوم وانا اعرف انني لا احدث مدونتي الا كل اسبوع مرة وطبعاً نفس الوضع على العكس من غير المنطقي ان اطلب من عناكب البحث العوده بعد شهر مثلاً وانا احدث مدونتي اربع مرات في الشهر تقريباً

علامة موعد التحديثات

<meta name="Revisit-after" content="7 Days">

وبخصوص مدونات بلوجر انصح باستبدال كود الاسم او العنوان <title> اذا لم يسبق عليه اي تعديل قد يكون بشكل الاتي

علامة الاسم

<title><data:blog.pagetitle/></title>

حدده واستبدله بالكود الاتي 

علامة الاسم

<b:include data='blog' name='all-head-content'/>  <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

هذ واتمنى لكم التوفيق
مدونة اكسب

اقرء المزيد

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

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


الكود التي يصلح لعرض النصوص الكتابية, الروابط, الصور,

اطار
سطر أو صورة 1 سطر أو صورة 2 سطر أو صورة 3 سطر أو صورة 4 سطر أو صورة 5 الخ.

الكود

<marquee align="right" direction="up" height="120" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="150"> سطر أو صورة 1 سطر أو صورة 2 سطر أو صورة 3 سطر أو صورة 4 سطر أو صورة 5 الى ما تشاء </marquee>

اتجاه السير يحدده الامر direction="up" اي ان up تعني فوق ومن الممكن تغيير كلمة up بكلمة down راح تعكس اتجاه السير من فوق الى تحت وكلمة right راح يكون السير من اليمين الى الشمال وعكسها left من الشمال الى اليمين

لتحديد ارتفاع المساحه الذي ترغب  height="120"

ولتحكم في السرعة بواسطة  scrollamount="2"  تستطيع الزيادة بزيادة الرقم او تنقيصه

لتحديد العرض الذي ترغب  width="150"

نموذج عارض الروابط
مدونة اكسب مدونة ذؤيب مدونة العزمي مدونة كن داعيا للخير

نموذج عارض الصور

الكود

<marquee align="left" direction="left" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="500"> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QfMxf5C0C9Mt75QP7IwblTN6R7gkIh0zdSZegkTjeiLvIMcWHy79M60IyYzpybJcnHnbV1QMuLufLTYK5hEK1XyiGFvHhqaHFivOmBq9bv0tFhgAWS26GG0C9J2U0QsORQ7kmtkJX9oZ/s1600/Facebook.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QfMxf5C0C9Mt75QP7IwblTN6R7gkIh0zdSZegkTjeiLvIMcWHy79M60IyYzpybJcnHnbV1QMuLufLTYK5hEK1XyiGFvHhqaHFivOmBq9bv0tFhgAWS26GG0C9J2U0QsORQ7kmtkJX9oZ/s200/Facebook.png" width="120"></a><span id="goog_266087345"></span><span id="goog_266087348"></span>&nbsp; &nbsp;<img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2QeniYNmhNEQ5T6xKCxui1ulvFvkRyzufqRIrat8dCMbu5GMAiOWXBUXrfLPkUjtEp-5b9NvUm1kjXjHdmw1avYfMblh4DXl3as39XDvDFFcNbkWpYBunMBj_bBXv9L0XznBdQjniSaj/s200/RSS.png" width="120"><span id="goog_266087349"></span><span id="goog_266087346"></span>&nbsp; &nbsp; <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq-lDjXMuE5i3-5AVXHg-QgeZSS-42m4vK0VDJjXTfFf4njR37m-Dv1_TW3QsYRbVs6TlWbuJt4wBmb72tRvTHigq3xgFBZBPajC0oifqXJlq4PT8Z4sjqygRYQffQIok7pPyUoWnZJXMX/s1600/Twitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq-lDjXMuE5i3-5AVXHg-QgeZSS-42m4vK0VDJjXTfFf4njR37m-Dv1_TW3QsYRbVs6TlWbuJt4wBmb72tRvTHigq3xgFBZBPajC0oifqXJlq4PT8Z4sjqygRYQffQIok7pPyUoWnZJXMX/s200/Twitter.png" width="120"></a></div> </marquee>

اقرء المزيد

تركيب زر الذهاب الى فوق لمدونات بلوجر مع كمية ايقونات مختلفة

إضافة زر التمرير السلس الى الاعلى لمدونة بلوجر
زر, سهم, مؤشر, ايقونة, الذهاب الى الاعلى, فوق 

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

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

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

طريقة تركيب زر الذهاب الى اعلى الصفحة

• اذهب الى لوحة تحكم مدونتك
• اختار التبويت قالب
• تحرير HTML 
• انقر زر متابعه
• فعل توسيع قوالب عناصر واجهة المستخدم بوضع علامة الصح
• حدد كامل كود القالب بواسطة مفتاحي Ctrl + A 
• انسخ كامل الكود الى المفكرة واحفظة باسم للعودة الية اذا حصل اي خلل لا سمح الله

ابحث عن الكلمة الاتية بواسطة مفتاحي Ctrl + F

]]></b:skin>

الصق قبلها الكود الاتي قبلها مباشرة

#backtotop {

padding:5px;

position:fixed;

bottom:5px;right:5px;

cursor:pointer;

}

تستطيع تغيير موضع الزر من اليمين الى اليسار باستبدال كلمة right يمين الى left يسار وكذلك الابعاد بواسطة الارقام

ابحث عن الكلمة الاتية 

</body>

الصق قبلها الكود الاتي قبلها مباشرة

<a href='#' id='backtotop'><img alt='back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitCu0B0HxRQmMfCJLSBB0m3Vh42QmjE1RseImA9iDbskvn5NGCY8wpp1cwQt2-6TVLpkFAEvU9_zcSa0LfqnKAKQ3cc4lueM52GZcmBysqnoOPIbmbYsGuG_61trV64ozaia0DQw3_U_T8/s1600/navigate-up-icon.png'/></a>

<!--Page Navigation by hdhd2010.blogspot.com Starts-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

تستطيع اختيار الصورة المناسبة لقالب مدونتك بواسطة تغيير رابط الصورة من الكود السابق

انقر زر المعاينة وعاين المدونة على الطبيعة هل كل شئ على مايرامانقر زر الحفظ واحفظ العمل

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

هذا مع الاحترام والتحية
مدونة اكسب

اقرء المزيد