إضافة قائمة أفقية بتأثيرات لامعة لمدونات بلوجر

  إضافة قائمة أفقية بتأثيرات لامعة لمدونات بلوجر

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

 معاينة 

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

</head> 

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

<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript 
ولآن الصق الكود التالي : 

<ul class="abu-iyad"> 
<li class="current"><a href="http://abu-iyad.blogspot.com/"><b>الرئيسية</b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/2010/05/abu-iyad.html"><b>فهرس المدونة</b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html"><b>بلوجر</b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/search/label/SEO?&max-results=6"><b>SEO </b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/2010/04/blog-post.html"><b>إتصل بنا</b></a></li> 
</ul>

و لإضافة تسميات أخرى على القائمة الأفقية ما عليك سوى إضافة مثل هذا الكود

<li><a href="رابط التسمية "><b>التسمية</b></a></li> 

 فوق السمة :

</ul>

ولاتنسي تبديل مالون بالأحمر بإسم التسمية ورابطها على الكود 

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

كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات : 

1. abu-iyad
2. abu-iyad bleu
3. abu-iyad vert
4. abu-iyad orange
5. abu-iyad violet

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

Read More

إضافة زر تويتر إلى مدونات بلوجر

  إضافة زر تويتر إلى مدونات بلوجر

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

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

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>

قم بوضع الكود التالي بعده ل لحصول على هذا الرمز :

<div style='float:left; margin-right:10px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>

ولإختيار الرمز الصغير قم بوضع هذا الكود التالي بدلا من الكود السابق:

<div style='float:left; margin-right:10px;'>
<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

يمكنك وضع الرمز في جانب التدوينات كما هو موضح في الصورة و ذلك بوضع أحد الكودين السابقين (حسب الرغبة) قبل الكود التالي :

<data:post.body/>

Read More

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

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

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

<data:post.body/>

ملاحظة :يظهر الزر باللغة العربية أو الإنجليزية حسب اللغة التي يستخدمها الزائر في حسابه على فايسبوك، فإن كانت صفحته الشخصية بالعربية ظهر الزرعلى شكل أعجبني

و إن كان بالإنجليزية ظهر الزرعلى شكل Like
ولإضافة الزر في آخر التدوينة ألصق الكود التالي بعدها و ليظهرفي أول التدوينة ألصقه قبلها.

<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=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>

tahoma : نوع الخط
light : يعني خفيف ، ويمكن تغييرها الى dark
450px العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك

Read More