إظهار أو إخفاء أداة على الصفحة الرئيسية أو على صفحة محددة على بلوجر

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

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


تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.

<b:widget id='HTML

والآن نحتاج إلى القليل من التركيز حيث يجب عليك تحديد أو تعليم الأداة المراد تعديلها (إظهارها أو إخفاؤها)،وهذا المثال يوضح كيفية
البحث عن هذا الكود :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

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

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

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

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

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

<b:widget id='HTML3' locked='false' title='إسم الإضافة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == " أدخل رابط الصفحة المحددة "'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

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

<b:widget id='HTML3' locked='false' title='إسم الإضافة ' type='HTML'>
<b:includable id='main'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.name == &quot;التسمية&quot;'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

 ولإضافة هذه الأداة في كل الصفحات بإستثناء الصفحة الرئيسية  ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

 <b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

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

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

ولإضافة هذه الأداة في الصفحات الثابتة فقط ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

 ولإضافة هذه الأداة في كل الصفحات بإستثناء الصفحات الثابتة فقط ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

 <b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

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

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:post.author == &quot;إسم الكاتب &quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

يمكنكم الإستفادة من هذه الحيل خصوصا عند إضافة إعلانات جوجل أدسنس google Adsense حيث يكون عادة عدد الإعلانات في الصفحة الرئيسية مغاير لعدد الإعلانات في صفحات المدونة.
أنتظر تشجيعاتكم

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

تصميم قوالب : قالب " مدونة العرار " هدية لكم

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

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

مميزات القالب :

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

      للمشاهدة

للتحميل

هذا رابط بانر العنوان :
http://lh3.ggpht.com/_KRwPPaKTu34/TAprjIUE9RI/AAAAAAAAAC8/_1wTrqIGUNk/Headerasd%D9%86%D8%B3%D8%AE.jpg

ابحث عنه في القالب وغيره برابط البانر الخاص بك .


اشكركم للمحافظة على حقوق التصميم .

تحياتي لكم عدي عرار - سما بلوجر

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

إضافة ملفات Microsoft office و PDF على مدونات بلوجر

سلام الله عليكم إخواني أخواتي الكرام ، بداية اريد ان الفت انتباهكم انه منذ يومين وانا اتلقى تعليقات بخصوص عدم عمل أكواد الاضافات ،وذلك راجع الى خطأ غير مقصود على مستوى تنسيق المدونة بالضبط عند تحويل فواصل السطور للأكواد ،وبحمد الله تم تدارك الامر واصلاح الخلل ،والآن جميع الاضافات تعمل 100% ،فتقبلوا اعتذاري جزاكم الله الف خير ،اما موضوعنا اليوم ،سوف نقوم بمعرفة طريقة إضافة ملفات ميكروسوفت اوفيس (Microsoft office) بصيغة (doc, docx, ppt, pptx, pps xls, xlsx, ps, odt, odp, sxw, sxi, txt, rtf) وكذلك الملفات بصيغة PDF داخل مواضيع مدونات بلوجر ،هناك طريقتان لعمل ذلك ،وسوف نقوم بشرح كل واحدة على حدى باذن الله تعالى .

• الطريقة الاولى :

1.قم بالتسجيل في موقع Scribd ثم قم بإيداع الملف المراد اظهاره في التدوينة بالضغط على زر Upload .

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

3..بعد ذلك سوف يظهر لك الكود الذي سوف تقوم بلصقه في أي مكان داخل موضوع التدوينة من خلال تحرير Html الرسائل.

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

• الطريقة الثانية :

هذه الطريقة تعتمد على Google Docs Viewer. ويمكنك اظهار الملفات ذات الصيغة (PDF ,PowerPoint,TIFF) وذلك بادخال رابط الملف في الكود التالي ولصقه في موضوع التدوينة من خلال تحرير Html الرسائل ،وللحصول على رابط الملف يمكنك استعمال الموقع MyDataNest.com, ثم قم بتبديل القيم width:550px; height:500px للتعديل على طول و عرض الملف

<iframe src="http://docs.google.com/gview?url=ادخل رابط المستند هنا&embedded=true" style="width:550px; height:500px;" frameborder="0"></iframe>

وهذا مثال على الملف بصيغة PDF .



أتمنى أن تنال اعجابكم ، في انتظار تشجيعاتكم و استفساراتكم ،دمتم بالف خير

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

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

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

 معاينة

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

</head>

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

<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/>

قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر 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

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

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

قالب بلوجر احمر

• توافقية القالب : متوافق معا جميع المتصفحات
• مميزات القالب : لون جذاب , تصميم بسيط , عداد التعليقات
• مشاهدة القالب Demo
• تحميل القالب : Box

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

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

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

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

<base target='_blank'/> قبل الكود <head> .
فعند تطبيقها تصبح جميع روابط المدونة وعناوين التدوينات وكل كلمة لها رابط تفتح في نوافذ جديدة ،مما تسبب ازعاج للزائر وذلك لكثرة وتراكم النوافذ المفتوحة و التي تزيد في بطئ جهاز المستخدم .
الخاصية التي سوف أقوم بشرحها ،تجعلك تختار الروابط المراد فتحها في نافذة جديدة ,وذلك بإضافة الكلمة target="_blank" بين الرمز <a ورابط الصفحة المراد فتحها في نافذة جديدة http:// .
مثال :

<a target="_blank" href="http://abu-iyad.blogspot.com/">مدونة أبو إياد</a>

والنتيجة تكون :مدونة أبو إياد
كذلك ومثال بالنسبة لفتح صورة في نافذة جديدة .
مثال:

<a target="_blank" href="http://abu-iyad.blogspot.com/" ><img src="رابط الصورة"/></a>

والنتيجة تكون :


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

<b:widget id='LinkList' locked='false' title='إسم الأداة' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

قم باستبدال الكود ذا اللون الاحمر بالكود التالي (الفرق بين هذا الكود وذاك هوإضافة الكود target='_blank' .)

<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>

ولفتح روابط التسميات أو الأقسام الرئيسية للمدونة في نافذة جديدة،قم بالبحث عن الكود التالي،وسوف تجد منه 2 ثم قم بإسبدالهما بالكود الذي يليه )

expr:dir='data:blog.languageDirection' expr:href='data:label.url'

إسبدالهما بالكود التالي :

expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_blank'

وأخيرا أتمني أن يعجبكم هذا الدرس ،فلا تبخلوا علينا بتعليعاتكم و استفساراتكم ،في انتظار تشجيعاتكم

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

قالب مدونة العازمي

• توافقية القالب : متوافق معا جميع المتصفحات 
• مميزات القالب : قائمة بريدية جميلة + مساحة كتابيه كبيرة + مربع بحث
• تحميل القالب : Box
• شاهد القالب Demo
• ملاحظات : احرص علي استبدال مربع البحث بمربع جديد خاص بمدونتك كذلك القائمة  البريدية
• شرح عمل محرك بحث مخصص لموقعك و الربح Google
• شرح طريقة عمل القائمة البريدية للمدونة و المواقع FeedBurner

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