كيف تضيف بانر لمدونتك (للمبتدئين

 

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

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



- ادخل على مدونتك عبر الرابط التالي:
http://www.blogger.com

- اضغط على | تصميم >> إضافة أداة | كما في الصورة التالية:

 

- ثم بعد ذلك اضغط على أداة الصورة من بين الأدوات:

- سوف تفتح لك نافذة إضافة الصورة ، قم بملئ الفراغات كما هو موضح بالصورة التالية:

- ثم اضغط حفظ ..

الآن عند الضغط على الصورة سينتقل الزائر إلى الموقع المشار إليه في الرابط ، وهذا بمثابة بانر بسيط

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

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

اقرء المزيد »

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

انشأ الصفحات الثابتة في مدونة البلوجر البلوج سبوت , اضافة اداة الصفحات الثابتة + حل مشكلة الصفحات الثابتة

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

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

طريقة اضافة الصفحات الثابتة :

1. اضغط على تحرير الرسائل
2. صفحات التحرير
3. صفحة جديدة
4. ادخل عنوان الصفحة و المحتوى
5.انشر الصفحة

طبعاااا كل اي موضوع شرح في اي مكان بيسبكوا لغاية هنااا و يوقف في الشرح و لكن علشان نحن نختلف عن الاخرون ( هههههههههه ) و شبابنا كول و بناكل فول 

و

مش عايزين و جع دمااااغ

( اذا ظبطت معاك الاداة فالخطوة التالية غير ضرورية )

 

ممكن الصفحات متتحطش بشكل افقي حتى لو عملت قرد 
( انا اتجننت اول مجيت اعملها ) هههههه
طيب نعمل اية ؟؟ !! 
انا اقولك هنضيف قطعة لرأس الصفحة ؟
يعني اية قطعة ؟؟!! زي المواضيع الي فاتت دي

اضف قطعة لتقييم موضوعك

اضافة قطع للمدونة في الهيدر او الفوتر

* الطريقة :

1. افتح لوحة التحكم اضغط هنا

2. اختر تصميم

3. ثم تحرير HTML

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

خلي بالك معايا من الكود دة :

 

'crosscol-wrapper'

style='text-align:center'>

         showaddelement='yes'/>
      

هدوس (اضغط) ctrl+f و ابحث عن

crosscol-wrapper

لو لاقيتها (حظك حلو) غير الـ 'showaddelement='yes' (من no  الى yes )
اما لو ملاقتهاش نسخ الكود الي فووووووق كله و حطة اسفل 

طبعا هدور على الكلمة بـ ctrl+f

بعد متظبط احوالك هتضغط حفظ و كدة انتهينا 
هتدخل على التخطيط >> عناصر الصفحة
هتلاقي القطعة تم اضافتهاااا

الان ادخل على عناصر الصفحة ثم اضف اداة الصفحات داخل القطعه الي لسة حاطنها

و دوس حفظ

المصدر : مدونة رايق كول

اقرء المزيد »

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

صندوق المتابعة بالبريد تركيبتة في المدونة

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

]]>

وضع مباشرة فوقه الكود التالي :

.subscribe{background-color:#399FFF;background-image:-moz-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);border:1px solid #0E8AFF;background-image:-webkit-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);background-image:-o-linear-gradient(left top,#9BCFFF 40%,#198FFF 60%,#9BCFFF 87%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCFFF',endColorstr='#0E8AFF');height:260px;margin:-13px 0px -40px 35px;overflow:hidden;width:295px}div.subscribe{text-align:right;width:300px;margin-right:-30px}.gmail{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZ5WB6h2iu-9QJ0LpRSEBsiK-PRfP2z12x69eE3uHVauqSxf0Fa87xWyne8tPaKDnB2pF7g3R3j9TANfx3AMhqhl61AEiP1RxRdtCirEvmqrfxwHYviThtkqAFPqo4FtKHz6mUyRUxvYE/s64/gmail.png") no-repeat scroll 100% 0 transparent;color:#FFF;font:bold 12pt Arial,Helvetica,sans-serif;height:60px;padding:10px 70px 0px 0px}#burner{border-bottom:2px groove #2681d5;padding-bottom:15px}#burner .email{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;font:9pt Tahoma,Geneva,sans-serif;padding:0 10px;width:180px;direction:rtl;margin-right:20px;height:30px;line-height:30px}#burner .email:focus{background-color:#fff;box-shadow:0 0 20px #FFF}#burner input{height:30px}#burner .send{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;color:#000;font:bold 9pt Tahoma,Geneva,sans-serif;padding:0 5px;width:50px;float:left;margin-left:10px}#burner .send:hover{background-color:#065eb0;color:#FFF}.social{width:250px}.social li{float:right;margin-right:20px}.share p{font:bold 15pt Arial,Helvetica,sans-serif;color:#fff;text-align:center;padding-top:20px;text-shadow:5px 5px 5px #000}.share a{float:right;margin:35px 22px 40px 0px}

الآن قم بحفظ القالب وتوجه لتخطيط المدونة واختر إضافة أداة ثم HTML/JAVASCRIPT ثم أضف الكود الآتي.

               

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

               

arabs-computer

', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">

                   

                    arabs-computer" />

                   

                   

arabs-computer

">arabs-computer

?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt="" />

               

font:bold 15pt Arial, Helvetica, sans-serif;color:#fff;text-align:center;text-shadow:5px 5px 5px #000;">تابعنا على

               

                

                   

Arabs5

" target="_blank">

                   

ArabicArabs

" target="_blank">

                   

arabs-computer

">

                   

abdelghafour5

">

               

           

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

اقرء المزيد »

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

اكواد تهتمك جدا

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

-->

- اكواد اضافة FMBL لصفحات الفيسبوك :

1- لادراج صورة في الصفحة .

2-  لادراج صورة وبالضغط عليها تنقلك الى صفحتك او موقعك .

‎<‎/A>

3- لادراج صوره وضع رسالة تكتبها للزائر فى الاسفل .

اكتب رسالتك للزائر هنا

4-  لكتابة رسالة للزائر .. ويمكنك التحكم بحجم الخط من خلال تغيير الرقم  5 .

اكتب رسالتك الترحيبية هنا‎

5- كتابة رسالة للزائر.. ويمكنك التحكم باللون من خلال تغيير القيمة 151B8D (الشرح +مثال)
والتحكم بحجم الخط من خلال تغيير الرقم 5 .

 اكتب رسالتك الترحيبية هنا

6-  زر اعجبني like .

<‎/A>

7- كود اخر لزر اعجبني like .

8- الترحيب بأسم الزائر .

 welcome 

9-  زر مشاركة share .

10- مستطيل للكتابة به .

 FBml + الشرح و الأكواد 

11-  رسالة تنبية للزائر .

Success message
اكتب رسالتك للزائر هنا

12- رسالة تنبيه للزائر بشكل آخر .

Error message
اكتب رسالتك هنا

13-  مربع حوار وامكانية التحكم بحجمة من خلال تغيير الارقام 400 - 500 .

14- صفحة الادمن admin الشخصية .

[admin]


اسم الادمن هنا
الصفحه الشخصيه

15-  رسالة ترحيبية للزائر مع العنوان داخل اطار .

عنوان للرسله
اكتب رسالتك للزائر

16- صندوق دعوة الاصدقاء invite friends .

17- التعريف بالآدمن admin في الصفحة .

[admin]


اسم الادمن هنا
الصفحه الشخصيه

18- اضافة تعليق في الصفحة .

 222222 عنوان للتبويب

19- كود الدردشة .

20-  معلومات لا يراها الا المعجبون فقط .

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



المعلومات 

21- كود لاضآفة mp3 لصفحتك .

Fbml dahmano

22- كود جديدلـ invite friends دعوة الاصدقاء بطريقة الشرح لزوار صفحتك .

ادعو اصدقائك لصفحتنا 

1
اضغط على
اقتراح اصدقاء Suggest to Friends
الموجود اسفل صورة شعار الصفحة
وستظهر لك قائمة بأصدقائك

2
انسخ الكود الموجود في الاسفل

3
ضع الكود في شريط العنوان الذي به رابط الصفحة

4
اضغط على زر انتر Enter في الكيبورد
وسيتم تحديد جميع قائمة الاصدقاء ولن يقتصر على 8 او 16 صديق فقط

5
ارسل الدعوة

كود تحديد كل الاصدقاء

javascript:fs.select_all();

تعلم الفيسبوك
23- خلفية لصفحتك Background واضافة اى اكواد وكتابة .

هنا اكتب ما   تشاء   من   اكواد   





 تعلم الفيسبوك

24-  اضافة لمسة جمالية لصفحتك ,فواصل جميلة لكل مقطع .

25-  كود للبحث فى الفيس بوك .

26- كود البحث فى جوجل .

 

اقرء المزيد »

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

إضافة مواضيع ذات صلة متحركة مع الصور المصغرات إلى مدونة بلوجر

سنتعلم كيف إضافة مواضيع ذات صلة بشكل متحرك جذاب,  مع مصغرات صور تتحرك لليمين واليسار.
الخطوة الاولى:

( ننصح بأخذ نسخة احتياطية من القالب )

ـ انتقل إلى لوحة التحكم => قالب => تحرير HTML  (توسيع القالب).
ـ ابحث عن

بالإستعانة بـ (CTRL+F) وضع أسفله مباشرة الكود التالي:

    

الخطوة الثانيه: ابحث عن وضع أسفله مباشرة الكود التالي:

احفظ القالب ( بعد معاينة سلامة المدونة ) ... هنيئا لك :)

اقرء المزيد »

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

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

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

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

كيف تضيف كود او اداة الخاص بالمواضيع ذات صلة او متربطة بالمواضيع المدونة بلوجر .. تابع الخطوات : 

1- اذهب الى الموقع دة http://www.linkwithin.com/learn?ref=widget 

2- ضع بياناتك وبيانات المدونة كما فى الصورة 

3- اضغط على Instal Widget :

اضغط على  Instal Widget لدخول على المدونة بلوجر الخاصة بك ..

4- اضافة عنصر الصفحة :

يعنى اضافة الاداة هذة فى صفحة عناصر الصفحة او صفحة التخطيط واسمح للاداة بالاضافة ..

5- اسحب الاداة من السايد بار الى اسفل التهيئة الرسائل الالكترونية :

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

6- حفظ اعدادات صفحة التخطيط :

لازم فى اى خطوة تعملها على صفحة التخطيط حفظ الصفحة لتنفيذ الامر 

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

المصدر : مدونة التسويق والتجارة الاكترونية

اقرء المزيد »

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

اخيرا إضافة 3 أعمدة في الأسفل مدونة بلوجر

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





انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

]]>

ثم قم بلصق الكود التالي فوقه :

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

ثم قم بالبحث عن الكود التالي:

فإن لم تجده قم بالبحث عن كود يحتوي على كلمة footer-wrap, footer, footer-end أو ماشابهها .

ثم قم بإضافة الكود التالي بعده :

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

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

اقرء المزيد »

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

كيفية ازالة الارقام من التسميات Blogger

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

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

كل ما عليك عمله من دون اي اكواد او تعديل علي القالب , كل ماعليك هو ازالة علامة الصح من هذا المربع


للعلم ان كنت لا تملك هذه الاضافه كل ماعليك هو اتباع التالي لوحة التحكم الرئيسية , التخطيط , اضافه اداه بعدها اختيار من القائمة < التسميات >

اقرء المزيد »

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