بلوجر - كيفية نشر مواضيع المدونات والمواقع تلقائياً على تويتر و فيسبوك في آن واحد

بلوجر - كيفية نشر مواضيع المدونات والمواقع تلقائياً على تويتر و فيسبوك في آن واحد

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


http://feeds.feedburner.com/feedburner/simo

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

وهذه الصورة تبين نشرالموضوع على فيسبوك :

توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

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

• في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة.المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر.المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"

واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

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

وليد في مارس 18, 2016 إقرأ المزيد

بلوجر - شرح تعريب قوالب بلوجر بالتفصيل

بلوجر - شرح تعريب قوالب بلوجر بالتفصيل

كل مستخدم لمنصة بلوجر حتما يريد قالب جذاب ومتناسق لمدونته وحسب ذوقه ولكن كما نعلم الويب العربي لا يوجد به الكم الكافي لكي يفتح لك الخيار امامك لكي تختار قالب يناسب ذوقك وتخصص مدونتك , فتضطر للتوجه للمدونات الاجنبيه وتجد القالب الذي تريده , لكن ماذااا ! , نعم تواجهك مشكلة انه قالب اجنبي وسيكون شكله مشوه على مدونتك العربية , يجب ضبطه اكيد , لذلك اقدم لكم طريقتين بسيطتين لتعريب قوالب بلوجر وخالية من الاخطاء بنسبة 98% الاولي ستكون عن طريق برنامج تعريب قوالب بلوجر اليا والثانية ستكون عن طريق تعريبها يدويا وسأشرح الطريقة لكن ستلزمك تعلم خاصية الMargin و Padding في لغة Css

الطريقة الاولي : شرح تعريب قوالب بلوجر ببرنامج التعريب BT 2.0

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

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



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

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

الاعدادات كما موضحة بالصورة

1- اللغة : وهي لغة البرنامج الرئيسية وليس لها صلة بالقالب الذي سيتم تعريبه بل هي خاصة باللغة التى سيظهر بها البرنامج وتتوفر لغتين فقط في البرنامج وهي العربية والانجليزية
2- من والي : من وهي لغة القالب الذي سيتم تعريبه  والي وهي لغة القالب الذي سيخرج بعد التعريب وتتوفر لغتان فقط اما من الانجليزية للعربية او العكس من العربية للانجليزية
3- تعديل اكواد الجافا سكريبت : ويقصد بها تعديل الاتجهات وما شابه في سكريبتات القالب حتي لا تسبب مشكلة في عطل اي اضافات
4- قلب الاعمدة : ويقصد بها قلب الاتجاهات للاعمدة فمثلا القوالب الاجنبيه تكون التدوينات على اليسار والسيدبار او الجانب الذي به الادوات على اليمين ولكن ليس شرط فممكن ان يقوم المصمم بالعكس وفي هذه الحالة لن نحتاج لهذه الميزة فالعواميد ستكون كما نريد
5- حذف المسافات بين الحروف ويقصد بها حذف المسافات بين الكلام من الاعلي ومن الاسفل وحذف ما بين الحروف مثل كـــــلمة
6- تغيير الابعاد والحشو والهوامش  الpadding و margin وهذه يطول شرحها واكيد من لديه دراية بلغة css سيفهمها ولكن هي بالمختصر المفيد هي تباعد الادوات والاجزاء عن بعضها ويستحسن يتم تعليمها بعلامة صح كما هي
7 و 8 -واضحين ولا يحتاجون لتوضيح فهم شارحين نفسهم ^_^

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

ومن ثم نختار القالب الذي نريد تعريبه كما موضح بالصورة

وبعد ان يتم تعريبه بالقالب خلال ثوان سيظهر لنا اكواد القالب معربة جاهزة للاستخدام نضغط على نسخ

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

الطريقة الثانية تعريب قوالب بلوجر يدويا

في هذه الطريقة ستحتاج خبرة اكبر مع الاكواد ولغة الcss لكي تفهم ما سأشرحه ولكن ان كنت مبتدئ فعليك بالبرنامج فهو يقوم بتعريب القوالب البسيطة بنسبة 100%
قبل ان نبدء في الشرح يجب عليك ان تجهز برنامج الnotpad لاننا سيكون شرحنا عليه

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

ومن ثم نضط على Edit ونختار Replace

الان نقوم بادخال في الخانة الاولي كلمة Left وفي الاخانة الثانية كلمة ysar ونضغط على Replace All

نعدل مرة اخري على الخانة الاولي ونضيف بها كلمة Right والخانة الثانية كلمة ymen ونضغط على Replace All

الان نحن غيرنا الاتجاهات ولكن باللغة الهيروغليفيبيبة :D هههههه ويجب تعديلهم مرة اخري بمصطلحات مفهومة

1- نعدل على الخانة الاولى وندخل بها كلمة ysar وندخل في الخانة الثانية كلمة Right ونضغط على Replace All

2- نعدل على الخانة الثانية وندخل بها كلمة ymen وندخل في الخانة الثانية كلمة Left ونضغط على Replace All

بقي خطوة واحدة وهي تعديل والحشو والهوامش وبوضوح وببساطة الpadding هو التباعد الداخلي بين العناصر اما الmargin وهو التباعد الخارجي بين كل عنصر او اداة في القالب ولتعديلهم يلزمك معرفة اولية بلغة الcss ولكن ساشرح تعديلهم كما استطيع

تكون القيمة فيهم على هذا الشكل 

padding:1px 2px 3px 4px;
margin:1px 2px 3px 4px;

ولكن مع اختلاف القيمة طبعا للارقام

الترتيب الثاني والرابع في الكود هو الذي يهمنا فالثاني هو موقع اليمين والرابع هو موقع اليسار
فمثلا في القالب الاجنبي نجده هكذا padding:1px 0 3px 4px; ونحن نحوله ويكون هكذا padding:1px 4px 3px 0;
لاحظوا القيم التي تغيرت التي باللون الاحمر وهي القيم المقصودة

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

وليد في مارس 18, 2016 إقرأ المزيد

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

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

تحديث جديد لمدونات بلوجر, كود crosscol السحرى يغنيك عن الكثير

    

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

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

تعرَّف على مميزات كود crosscol :

1- ستمكنك من إضافة اداة واحدة أما أداة crosscol-overflow ستمكنك من إضافة أكثر من اداة.

2- ستتمكن من استخدامها فى تثبيت موضوع معين أو إعلان ما.

3- ستوفر عليك جهد البحث عن مكان لإضافة كود سلايد شو أو قائمة منسدلة وغيرهم.

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

1- سنقوم بالدخول الى لوحة التحكم ثم الى قالب وتعديل HTML للقالب

2- سنقوم بالبحث عن <div id='header-wrapper'> ووضع أسفل منه الكود التالى

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

      <b:section class='tabs' id='crosscol-overflow' showaddelement='yes'/>

3- حفظ القالب ونقوم بمعاينة التخطيط layout

4- سنجد إضافة أداتين جديدتين باسم crosscol و crosscol-overflow يمكنك إستخدامهم لإضافة أى أداة حتى وإن كانت قائمة أفقية منسدلة عن طريق أداة JavaScript أو تقوم بوضع موضوع معين مثبت بأول المدونة دائما وهكذا.

نأمل أن نكون قد وُفقنا فى اختيار الموضوع. وأى سؤال تفضلوا بكتابته داخل التعليقات وقوموا بنشر الموضوع مع من يهمه الأمر. مصدر.

وليد في مارس 18, 2016 إقرأ المزيد

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

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

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

نتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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 حيث يكون عادة عدد الإعلانات في الصفحة الرئيسية مغاير لعدد الإعلانات في صفحات المدونة.
أنتظر تشجيعاتكم

وليد في مارس 18, 2016 إقرأ المزيد