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

والآن تم تحديث محرر الأكواد لقالب المدونة على بلوجر 

 -  "Html editor" المسئول عن مظهر المدونة لما يحتويه من أكواد HTML,CSS, Javascript

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

فبهذا التحديث أصبح الأمر أكثر سهولة بالمقارنة بمحرر الأكواد السابق لما له من مميزات والتي تتمثل في :

•   أصبح الآن المربع الذى يظهر به الأكواد يتميز بالترقيم  مما يجعل التعرف على الأكواد أيسر وأكثر وضوحا

                          

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

•   تسليط الضوء على الأكواد وتمييزها بالألوان المختلفة للتعرف عليها بسهولة أكثر من المحرر السابق

•   أصبحت معاينة القالب بعد التعديل عليه فى نفس مكان الأكواد  داخل Iframe  ولكن إذا كنت تستخدم كود حذف iframe فهذه الخاصية لاتعمل.

• عند البحث عن أى كود بإستخدام الكيبورد Ctrl+F  يظهر مربع البحث داخل مربع الأكواد وليس بالمتصفح كما كان يحدث سابقًا

•   بالإمكان الرجوع إلى الوضع الإفتراضى لكل أداة على حدة بمعنى أنه إلى قمت بتركيب إضافة وعدلت فى مظهرها بإستخدام أكواد Css  فإنه يمكن الرجوع إلى مظهرها الأساسى من خلال الضغط على زر الرجوع إلى الإعدادات الإفتراضية لقولب عناصر واجهة المستخدم ثم تحديد عنوان الأداة فقط التى تريد إعادة إعداداتها.

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

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

...تابع القراءة

السلام عليكم

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

آلية عمل نموذج الإتصال بمدونات بلوجر

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

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

فهو يتميز ببساطة التصميم و يتكون من ثلاث تبويبات أساسية والتى يحتاجها المستخدم وهى

•  الإسم 
•  البريد الإلكترونى 
•  الرسالة مع زر الإرسال.

وبمجرد إدخال المستخدم إسمه وعنوان بريده الإلكترونى والرسالة المراد إبلاغها ثم الضغط على زر الإرسال يتم إرسال الرسالة إلى المدير المسئول صاحب المدونة.

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

ملامح إضافة نموذج الإتصال:

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

طريقة تركيب نموذج الإتصال على بلوجر

تركيب الإضافة صار بخطوات بسيطة بعد أن أصبح نموذج الإتصال مضافًا لمعرض أدوات بلوجر

1. إذهب إلى لوحة تحكم بلوجر ثم تخطيط.

2. أضف أداة ثم المزيد من الأدوات.

3. إختيار نموذج الإتصال

********************************

...تابع القراءة

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

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

فيما يلي بعض أهم الخطوات التي يجب اتخاذها لدفع حركة المرور في موقعك :

1. إضافة العديد من الأصدقاء في فيسبوك :

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

2. إربط صفحتك في فيسبوك بموقع تويتر :

وكما نعلم أن موقع التغريد تويتر هو مفضلة التدوين المصغر , وتستطيع أن تتصل بحسابك في موقع فيسبوك بموقع تويتر من أجل إنتاج أحسن وأفضل حيث عند تحديث حسابك في فيسبوك أو تويتر سيظهر التحديث تلقائيا في فيسبوك وتويتر ولكي تفعل هذه الخطوة أتبع الآتي

• ادخل الى حسابك في فيسبوك .
• ادخل الى هذا اللينك :  http://apps.facebook.com/twitter
•  إضغط على السماح بالدخول
• إضغط بعد ذلك على " Allow " 
• الآن ادخل الى حسابك في تويتر وقم بعمل سماح لربط حسابك في تويتر بفيسبوك

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

3. قم بعمل إستيراد لمحتوى مدونتك :  

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

• ادخل الى هذا اللينك

 http://www.facebook.com/editnotes.php?import 

• وافق على الشروط التي أمامك
• إبدأ المشاركة .

4. إستخدم صفحة المعجبين بموقعك أو مدونتك في فيسبوك : 

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

http://www.facebook.com/pages/create.php ثم أتبع الشرح.

5. إستخدام إضافة " Facebook share button " :

ولإضافتها أولا ابحث عن هذا الكود

<div class='post-header-line-1'/>

ثم أضف بعده هذا الكود مباشرة

<b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if

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

   

أتمنى لكم التوفيق و شكرا على المتابعة

********************

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

...تابع القراءة

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

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

قبل التطرق لطريقة جميلة لاضافة زر أعجبني من فيسبوك الى مدونات بلوجر Facebook Like Button

 نطرح سؤالا رئيسياً، ما فائدة هذا الزر؟ كما يعلم الجميع يعد فيسبوك Facebook أول و أكثر الخدمات الاجتماعية رواجا على الانترنت , حيث يتشارك من خلاله المتصفحون روابطهم، صفحاتهم، و كل ما حاز على إعجابهم، فعندما يضغط زائر زر "أعجبني" فإنه يشار في حسابه على فيسبوك إلى أنه قد أحب موضوعا فهو يعرضه على أصدقائه و يزكيه عندهم، فالزائر يجلب زوار آخرين و هكذا و بالصور نوضح ذلك. 

جرب الآن أن تضغط الزر أسفله (طبعا يجب أن تكون متصلا بحسابك في فيسبوك).

 كيفية إدراجه في مدونات بلوجر Blogger

من لوح تحكم مدونتك توجه إلى صفحة تحرير Html ، و قبل بدء التعديل احفظ نسخة احتياطية من القالب(في حال وجدت منه اثنين فالمقصود هو الثاني).

<data:post.body/>

بعده مباشرة تضع كود زر "أعجبتني" و هو الآتي.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

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

   أتمنى لكم التوفيق و شكرا على المتابعة

********************

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

...تابع القراءة

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

السيو الداخلي On-page SEO أو internal SEO : هو كل ما يمكن فعله لجعل الموقع بصفة عامة و الصفحة بصفة خاصة أكثر تهيئة لمحركات البحث.

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

لنبدأ بما يجب فعله:

•  أول شيء هو اختيار موضوع الموقع أو كلمات مفتاحية Keywords  جيدة. لا تقلي: هذا بسيط فلكلمة "Cars" التي سأختار مثلا عدد  كبير من الباحثين في google، فهذا خاطأ لأن على هذه الكلمة ضغط و تافسية كبيـــرين فلو اخترتها فسيكون من الصــعـــب جدا الظهور في الصفحات الأولى من جوجل، و لهذا فمن الأفضل اختيار كلمة مفتاحية تتكون من كلمتين أو ثلاث و يكون عليها ضغط قليل و لها عدد باحثين متوسط (مثلا: used cars).  (سيتم اضافة شرح لطرق اختيار Keywords جيدة)

• وضع الميتا تاج Meta Tags بشكل صحيح: الكل يعرف الميتا تاج لكن الكثير يضعها بشكل خاطئ أو في مكان خاطئ

• زيادة كثافة الكلمة المفتاحة Keyword Density و ذلك بذكر الكلمة المفتاحية بضع مرات في المحتوى الذي كتبته أو على الأقل في بداية النص، و قم بوضع الكلمة المفتاحية في العنوان كذلك و في الوصف meta description. و لكن النسبة المئوية الموصى بها هي من %3 إلى %7 و تجاوزها (الإفراط) يضعف من ثقة محركات البحث بموقعك،

• وضع وصف/وسم ALT للصور: فهذا يساعد في ظهور الصورة في محركات بحث الصور (google images ...) و هي مجدية للغاية.

• وضع محتوى حصري (أي غير منقول).

• ابقاء عدد كلمات التدوينة (أو الصفحة) حوالي 350 كلمة، يمكنك الحصول على ترتيب جيد حتى بأقل، لكن تذكر أن محركات البحث تحب المحتوى.

• تقديم خريطة موقعك sitemap  لجوجل. اعرف المزيد عن خريطة الموقع.

• وضع ملف robots.txt (خاصة بالمواقع ) اذا كنت لا تريد محركات البحث أن تأرشفة صفحة ما.

• جعل الموقع سهل الإستخدام و التصفح، و ذلك بتفادي الاكثار من الصور و الفلاش و javascipt. فمحركات البحث تستطيع قراءة javascript لكنها تفضل الـ html ، في حين لاتستطيع قراءة محتوى فلاش.

• و ضع الـ keyword في الرابط اذا أمكن، فمحركات البحث تعطي أهمية للرابط كذلك.

هناك أمور يجب تفاديها:

• نقل المحتوى.

• تغيير الرابط للصفحة.

• اخفاء محتوى ما.

• اخفاء رابط.

• كتابة الـ keyword عدة مرات في الصفحة بشكل مبالغ فيه، فهذا سيرفة نسبة كثافة الكلمة مما سيضعف ثقة محركات البحث بموقعك.

• و ضع عدة صفحات/تدوينات بمحتوى واحد و العنوان كذلك ( نُسَخ).

• Cloaking: وهي طريقة خبيثة للغاية حيث يقوم سكريبت باظهار محتوى مزيف لمحركات البحث.

 

*************************************

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

...تابع القراءة

السلام عليكم ورحمة الله وبركاته , أقدم لكم اليوم وسم ALT للصور لكسب ترتيب أفضل في محركات البحث الكبرى

وسم ALT: هو وسم (Tag) يصف الصورة و يساعدة محركات البحث كثيرا. كيف؟  فكما يعرف الجميع أن روبوتات هي من تتصفح المواقع و ترسل المعلومات الى محركات البحث و هذه الروبوتات لا تستطيع قراءة ما هومصور/مرسوم في الصورة، و هذا الوسم - Alt tag - هو أفضل وسيلة لمعرفة محتوى الصورة.

 أهم مميزات هذا الوسم هو جلب الزوار من محركات بحث الصور (كـ ask images, yahoo images, google images ....) فالكثير من الأشخاص ينسون إضافة هذا الوسم إلى صورهم و هذا يعطيك نسبة كبيـــــرة للظهور في النتائج الاولى للصور. عن تجربة.

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

أو عند تمرير مأشر الفأرة على الصورة يظهر الوصف.

و كود اضافة الوسم كالأتي:

<img src="رابط الصورة" alt="وصف الصورة" />

بعض النصائح للحصول على ترتيب جيد في محركات بحث الصور:

• يجب على الوصف أن يكون قصيرا و  يصف الصورة، و تفادى النصوص الطويلة فستلعب ضدك.
• إعطاء الصورة اسم يصفها كذلك. مثلا: في رأيك أيهما أفضل لـseo صورة باسم audi-car.jpg  أم Ddsfvg5.jpg ؟
• يستحسن وضع keyword في الوصف (ليس keyword موقعك بل keyword للصورة)احفظ القالب ومبروك عليك الاضافة

   أتمنى لكم التوفيق و شكرا على المتابعة

********************

...تابع القراءة

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

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

ما عليك سوى التوجه من لوح تحكم مدونتك إلى صفحة تحرير HTML 

ثم ابحث عن ]]></b:skin> 

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

{
 max-width: 520px;
 width: expression(this.width > 520 ? 520: true);
 }

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

 أتمنى لكم التوفيق و شكرا على المتابعة

********************

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

...تابع القراءة

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

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

 لاضافة اقرا المزيد اتبع الخطوات التالية :

من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.

ثم ابحث عن هذا الكود :

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

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

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

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

]]></b:skin>

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

.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}

بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة أو تابع القراءة .

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

   
أتمنى لكم التوفيق و شكرا على المتابعة

*************************************************************

...تابع القراءة

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

إضافة عن المدون أسفل التدوينة مع أزرار مشاركة التدوينات في الشبكات الاجتماعية facebook-twetter

ولشرح تركيب الإضافة تابع معي

من لوحة تحكم مدونتك , ثم التصميم ثم تحرير html ثم قم بتوسيع القالب , ولا تنسى بأخذ نسخة احتياطية من قالبك . 

ابحث عن

<div class='post-footer-line post-footer-line-1'>

ثم قم بوضع هذا الكود بعده مباشرة

<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>
<!--author bio-->
<style>
.author-bio{
border-right:3px #5D7D91 solid;
margin-right:10px;
marin-bottom:40px;
text-align:justify;
padding:10px;
width:300px;
float:right;   
}
.author-photo{
float:right;
text-align:center;
width:74px;
padding:2px 2px 2px 2px!important;
margin:0 10px 10px 10px;   
}

</style>
<div class='author-bio' style='height: 180px'><div class='author-photo' style='height: 180px'>
    <img alt='كاتب الموضوع' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2zRvly2mav9fVTI9db7Sr4brAvyz_kJFrDNqw93RkwcFHRjERX45Lx1-f9ETwlK3U-M96qWmwuCsfbltO-pNeMrjaqyhzybbzvfWrqof-j3lEiip3GwC4nXqNhtatlnrbF96xQQl294/' width='70'/>
</div><h3>بقلم يونس</h3>م&#1615;دو&#1613;ن م&#1616;غربي , يعشق التدوين عبر منصة بلوجر , يهتم بمتابعة أخبار التكنولوجيا الحديثة ولغات البرمجة وتطوير المواقع .</div>

<!--end author bio-->
<style>
.socialbox{
border-right:3px #5D7D91 solid;
margin-left:10px;
width:190px;
float:left;
padding:10px 0 10px 0!important;
}
.sociallist{
margin:10px 0 10px 0;
width:190px;
list-style:none!important;   
}
.twitter, .facebook, .delicious, .rss, .print{
padding:5px 40px 5px 0!important;
background-repeat:no-repeat;
background-position:160px 6px!important;   
}
.twitter{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEqlBECo-2vc9rVsTg8kIcD-sUL6EMuywbrOcjkrRLSlt44_PZhg7cAZ530EQFx5O1XOSN364nwdgxv5JeTWAPTfwx0TnGhxuCQ38j2F8FGAMhnUmKbHai59P9ZoGconrQOUby6dCS364/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQm41lclUmdSkJ9qznO5zgUqBj_kV_qttqtXUkbA0OJ4enx84iQN9I0I6pRRBA7DplJ91E8ITPQadxr0RLxuF5LX9LN79ggYJ7RqWMpwMSY8O8TIF2MaBesxarwN4jS4s9-NCzj-tGds/&#39;)  
}
.delicious{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhpgzOv5EUMK-WobTorGqTYfxVRjIKzc5MrUJG7McPkhYDnWb1N98RF-VlY0rpIfEM13RjHo5b7LkyoUf3BjzbjJuCJZJnSy0M7Cm3bufZS3jN6osh7fciylJjl8R6gzYyiRkn7cCrLk/&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipKLNhkCTALI7_dUGvkSZYdwJqgBxL1FP-B_FA-ZoFZp5botBF7WO8AYfZ3xXnEJJZl-p5cDujmolBNbyD9wflIS6sDcPziVx1FW9rUsmO_vCbqUMuW2kfiNF3hHEwb2iUzmqiZl7he6A/&#39;);

}
.rss{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCjB9XoNrhuyuaeT6UWvNKF_LEbQLsupKoK_1ab7juVC4UZg1B6B2kIZlo__5lDgqRrEs090IrCmd3bJ-nr1LPObpfpfsAl1SaX4xLF4HGHL8vG2mPBIQ1bzc1sAYWtAA4Lmwd_8aqLqA/&#39;);

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=doaibblog&amp;related=اسم مدونتك&quot;' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>أضفه إلى مفضلتك</a></li>
<li class='print'><a href='javascript:window.print()'>اطبع الصفحة</a></li>
<li class='rss'><a href='رابط خلاصات مدونتك' target='_blank'>تابع الخلاصات</a></li>
</ul>
<div class='fblike' style='float:left;' width='100'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>

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

   أتمنى لكم التوفيق و شكرا على المتابعة

*************************************************************

...تابع القراءة

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

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

 لا اريد ان اطيل عليكم ، فأنتم من يختار

الخطوة الاولى
من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم
الخطوة الثانية
1- ابحث عن :

]]></b:skin>

2- انسخ الكود التالي والصقه فوقها مباشرة ..

.breadcrumbs{
padding:5px 0px 5px 5px;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

3- الان ابحث عن :

<div class='post hentry uncustomized-post-template'>

4- وانسخ الكود التالي بعدها مباشرة :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    انت تقرأ .. &#187; <a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187;
    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>

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

...تابع القراءة