الثلاثاء، 2 أبريل 2013

طريقة إضافة سلايدر لمدونات بلوجر

12:37 م Unknown لا يوجد تعليقات
بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.

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






إضافة الأكواد إلى قالب المدونة

بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التصميم ثم تحرير HTML.
الآن ابحث عن <head> و بعده مباشرة ضع الأكواد الآتية : 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>

بعد ذالك ابحث عن ]]></b:skin>  و مباشرة فوقها ضع الأكواد الآتية:

/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

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





إضافة أداة السلايدر إلى تصميم المدونة

بعد أن انهينا تحرير القالب الآن توجه إلى عناصر الصفحة ثم اضغط رابط إضافة أداة في أي مكان تشاء و في النافذة المنبثقة اختر أداة HTML/Javascript ، اترك حقل العنوان فارغا و في حقل المحتوى ضع الكود الآتي مع إجراء التعديلات الضرورية.
طبعا يجب أن تكون مجهزا الصور و المواضيع المختارة. 

<div id='coin-slider'>
 <a href="رابط الموضوع الأول">
  <img src="رابط صورة الموضوع الأول" />
  <span>عنوان الموضوع الأول</span>
 </a>
 <a href="رابط الموضوع الثاني">
  <img src="رابط صورة الموضوع الثاني" />
  <span>عنوان الموضوع الثاني</span>
 </a>
 <a href="رابط الموضوع الثالث">
  <img src="رابط صورة الموضوع الثالث" />
  <span>عنوان الموضوع الثالث</span>
 </a>
 <a href="رابط الموضوع الرابع">
  <img src="رابط صورة الموضوع الرابع" />
  <span>عنوان الموضوع الرابع</span>
 </a>
</div>
<script type="text/javascript">
 $(document).ready(function() {
  $('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000 });
 });
</script>

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


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



جعل إضافة السلايدر تظهر فقط بالصفحة الرئيسية

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

<b:widget id='HTML2' 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 != &quot;&quot;'>
    <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>

احفظ القالب و عد لعناصر الصفحة و احذف عنوان أداة السلايدر.
و لمن يرغب في مزيد من التحكم في الإضافة يرجى زيارة هذه الصفحة:
Coin Slider: Image Slider with Unique Effects
◄ نشر هذا الموضوع بدعم من: مدونة البلوقر | دروس، إضافات، قوالب لمدونات بلوجر.
تابع القراءة »

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

12:37 م Unknown لا يوجد تعليقات
بسم الله و الحمد لله و الصلاة و السلام على رسول الله.
السلام عليكم و رحمة الله.
قد يكون من السهل إظهار أزرار المفضلات الاجتماعية لبلوجر على المدونات التي تستعمل القوالب القياسية المقدمة من بلوجر عبر تفعيل الخاصية من عناصر الصفحة. و بالمقابل لن تظهر الإضافة لمن يستعملون قوالب معدلة أو محملة من طرف ثان حتى و لو قاموا بالخطوة التي سبق ذكرها لأن تلك القوالب ربما لا تحتوي على الكود القصير الذي يظهر الأزرار. لذلك في هذا الموضوع بإذن الله سنتعرف و رفقتكم الطيبة على الطريقة التي تمكننا من إظهار إضافة أزرار المفضلات الاجتماعية المقدمة من بلوجر على قوالبنا المعدلة.



الخطوة الأولى: تفعيل أزرار المفضلات الاجتماعية في بلوجر

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




الخطوة الثانية: تعديل القالب لإظهار أزرار المفضلات

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

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

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

أو قد تجده على هذا الشكل كذلك فجرب البحث عن أحدهما:

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

بعد أن تجد الكود المطلوب مباشرة بعده تلصق الكود الآتي:

<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
</div>

ثم أخيرا اضغط زر حفظ القالب.





ملحوظة إضافية

في بعض الحالات قد لا يظهر زر جوجل +1 (google +1) إلى جانب أزرار المفضلات و هذا راجع بالأساس إلى افتقاد القالب إلى ملف js الضروري لتشغيل الإضافة و عليه لإظهارها ستبحث عن </head> و مباشرة أسفلها تضع هذا الكود و تحفظ القالب.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

تحياتي.
تابع القراءة »

إضافة زر 1+ المقدم من جوجل إلى مدونتك على بلوجر أو موقعك

12:37 م Unknown لا يوجد تعليقات
بسم الله و الحمد لله و الصلاة و السلام على رسول الله.
السلام عليكم و رحمة الله.
لعلكم لاحظتم أثناء تصفحكم ظهور زر جديد يحمل 1+ في مواقع و مدونات كثيرة. هذا الزر الجديد المقدم من جوجل يتيح لك فرصة تزكية المواضيع التي أعجبتك، و نتيجة لهذه التزكية سيتعرف أصدقاءك على المواضيع التي أعجبت بها في نتائج بحث جوجل حيث سيشار فيها إلى أنك قد أضفت 1+ لهذا الموضوع.

يمكن اختيار أحجام مختلفة للزر (كبير، متوسط، صغير...)
الزر كما يبدو في نتائج بحث جوجل (متاح فقط في google.com مؤقتا)


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

 

طريقة تركيب زر 1+ (زائد واحد) على مدونات بلوجر

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

ثانيا : ابحث عن </head> ثم فوقعه مباشرة ضع الكود الآتي.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>
يمكنك استبدال en-US  ب ar  لتغير لغة الزر إلى العربية، و أشير هنا أن الزر لا زال لا يدعم العربية بشكل جيد.

ثالثا : ابحث عن  <data:post.body/>  و قبله مباشرة ألصق الكود الآتي إن أحببت أن يظهر الزر فوق جسم التدوينة مباشرة تحت العنوان. أما إن أردت أن يكون الزر تحت التدوينة فألصق الكود الآتي بعده.

<div style='float:left'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>

يمكن استبدال left ب right لتوجيه الزر ناحية اليمين.
كذلك يمكن استبدال tall ب standard ، medium ، small لتغيير حجم و شكل الزر كما هو موضح في الصورة أسفله.


رابعا : ما عليك سوى الضغط على زر حفظ التعديلات لإنهاء المهمة.
خامسا :  يمكنك تجريب الزر عبر ضغط 1+ إن أحببت الموضوع :) كذلك إن أردت سحب تزكيتك للموضوع ما عليك

سوى إعادة ضغط الزر مرة أخرى.

طريقة تركيب زر 1+ على مدونات ووردبريس

لأصحاب مدونات ووردبريس، يمكنكم تركيب الزر عن طريق تحميل و تركيب الإضافة  WordPress Google +1 Button عبر هذا الرابط   ( الإضافة معربة و مشروحة تجدونها بعد يوم إو اثنين بمشيئة الله )

طريقة تركيب زر 1+ على المواقع و صفحات الويب

لتركيب الزر على المواقع أو على أي صفحة ويب، فالصفحة الآتية تقدم خطوات التركيب

روابط مفيدة و ذات صلة بالموضوع:
إضافة الزر 1+ لجوجل على مدونات بلوجر
Add Google Plus One Button on Blogger

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

الطريقة الأسهل لتغيير أيقونة المدونة Favicon على بلوجر

12:36 م Unknown لا يوجد تعليقات
بسم الله و الحمد لله و الصلاة و السلام على رسول الله.
السلام عليكم و رحمة الله.
لربما لاحظتم إن كنتم من مستعملي مسودة بلوجر ظهور خاصية جديدة تتيح تغيير أيقونة المدونة favicon، تلك الأيقونة الصغيرة التي تظهر إلى جانب عنوان المدونة على المتصفح. كنا فيما قبل نلجأ لإضافة بعض الأكواد إلى القالب لتغييرها أما الآن فالطريقة باتت أسهل و أأمن ... لذلك ارتأيت أن أبرزها عبر هذا المقطع الذي تجدونه أسفله، و لكن قبل الشروع في تغيير الأيقونة وجب التنبيه إلى ما يلي:
لا يمكن رفع سوى الأيقونات بالامتداد ico. فلو وددت رفع صورة و عسر عليك تحويلها إلى الامتداد المذكور فاستعن بهذا الموقع الذي ييسر ذلك icoconverter.com
يحبذ أن تكون أبعاد الأيقونة  16 x 16 و لو كانت أكبر بقليل فلا ضير.
بعد رفع الأيقونة لربما لن تظهر في التو و اللحظة، جرب ان تضغط Ctrl + F5 بضع مرات فإن لم تفلح فاترك الأمر لمتصفحك فستظهر بعد سويعات قليلة.
متابعة شيقة!



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

نشر مواضيع المدونات على فيسبوك عبر تطبيق RSS Graffiti

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



المصدر: http://www.doaib.com/2011/05/rss-graffiti.html#ixzz2PKuj344u
تابع القراءة »

واحة بلوجر صفحة كل مدوني بلوجر على فيسبوك

12:33 م Unknown لا يوجد تعليقات
أنشئت بمشيئة الله صفحة "واحة بلوجر" على فيسبوك لتكون نافذة أخرى لكل مدوني بلوجر يطلون من خلالها على جديد عالم التدوين و ساحة فسيحة يعرضون فيها تصوراتهم، آراءهم و استفساراتهم. و أحيطكم علما أن المشاركة مفتوحة في وجه الجميع لجعل الصفحة نشطة طوال الوقت.



بانضمامك لمعجبي الصفحة ستكون قادرا على :
  • مشاركة أفكارك التدوينية و مناقشتها.
  • طرح استفسارك و إيجاد حلول له.
  • التعرف إلى أصدقاء يقاسمونك ميولك.
  • متابعة جديد التدوينات و المواضيع.
  • التوصل بآخر ما جد في عالم بلوجر...
للانضمام إلى معجبي الصفحة اضغط على زر أعجبني أسفله (زر Like)



المصدر: http://www.doaib.com/2011/04/blogger-oasis.html#ixzz2PKucetK1
تابع القراءة »

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

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


1 - طريقة تركيب إضافة المتابعة بالبريد الإلكتروني.

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


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

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

<input class='follow-by-email-submit' type='submit' value='Submit'/>

  • و وضع صورة مكان الزر الافتراضي
ما عليك سوى استعمال الكود الآتي بدل الأول مع تعديل رابط صورة الزر.

<input class='follow-by-email-submit' src='رابط صورة الزر' type='image' />

  • تغيير عبارة Email adress ... 
لتغيير هذه العبارة التي تختفي بمجرد الضغط على في مستطيل إدخال البريد، ابحث عن الكود الآتي و غير ما لون بالأحمر.

<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>

  • تخصيصات CSS إضافية
و لمزيد من التخصيص يمكن استعمال أكواد CSS الآتية و تخصيصها كما في هذا المثال.
تحياتي! 

.FollowByEmail .follow-by-email-inner .follow-by-email-address {
         border:1px solid black;
         background-color:#A6BEDE;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
         border:1px solid black;
         background-color:#A6BEDE;
}
تابع القراءة »

ربط مدونات بلوجر بجوجل بلس Google Plus

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



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

المصدر: http://www.doaib.com/2012/02/connect-blogger-to-google-plus.html#ixzz2PKuMvd5u
تابع القراءة »

الطريقة الأسهل لربط مدونات بلوجر باسم نطاق ( دومين ) من جودادي

12:32 م Unknown لا يوجد تعليقات
بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.
السلام عليكم و رحمة الله.
بعد الشرح الأول لطريقة ربط مدونات بلوجر باسم نطاق من جودادي، أقدم لكل مبتدئ اليوم طريقة أسهل تعفيه من مهمة التعديل اليدوي لإعدادات اسم النطاق على لوحة التحكم. سنتابع الطريقة عبر مرحلتين الأولى على جودادي و الثانية على بلوجر.

الخطوة الأولى: الإعداد التلقائي لاسم النطاق على جودادي 
إن كنت قد اقتنيت اسم نطاقك من جودادي فاذهب إلى صفحة الإعداد التلقائي.
  إذا كنت لم تحجز اسم نطاق بعد فيمكنك حجز واحد بقرابة 16 دولار لمدة سنتين * من Godaddy
(*) رابط إحالة
بعد ولوجك إلى الصفحة سجل دخولك عبر إدخال اسم المستخدم و كلمة السر، بعدها ستنتقل إلى صفحة تظهر النموذج الموضح بالصورة أسفله:

أدخل اسم النطاق (دومين) مدونتك مثلا (www.example.com) ثم اضغط زر التأكيد (Confirm) بعدئذ ستنتقل إلى صفحة جديدة تخبرك أن إعدادات ال DNS قد عدلت. كما هو مبين في الصورة الآتية:

بعد إن أنهينا الشق المتعلق بجودادي ننتقل إلى تعديل الإعدادات على بلوجر.

الخطوة الثانية: تحيين إعدادات اسم النطاق في بلوجر
الآن بعد إنهاء الشق المتعلق بإعداد اسم النطاق، توجه إلى لوحة تحكم مدونتك على بلوجر ثم في صفحة الإعدادات (إعدادات / نشر في لوحة التحكم القديمة) تضغط رابط إضافة نطاق مخصص الموجود مباشرة تحت حقل عنوان المدونة.



ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا (1). ثم تضغط زر الحفظ كما بالصورة:


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


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

◄ نشر هذا الموضوع بدعم من: مدونة البلوقر | دروس، إضافات، قوالب لمدونات بلوجر.

المصدر: http://www.doaib.com/2012/02/set-up-blogger-domain-with-godaddy.html#ixzz2PKuEHVL0
تابع القراءة »

شرح محدثت لكيفية "وضع خارطة لمدونتك أو موقعك وارسالها الى bing " للحصول على الأرشفة

12:28 م Unknown لا يوجد تعليقات
في هدا الشر ح ان شاء الله سنتطرق لكيفية وضع خريطة مدونتك أو موقعك على محرك البحث الشهير bing  فكما كنت قد تطرقة لشرح وضع خارطة لمدونتك وارسالها الى google ,سنشرح الطريقة الصحية لوضع مدونتك في bing للحصول على أرشفة  قوية لمواضيعك  للبدا في جلب الزوار ,فمحرك bing اصبح محركا قويا خصوصا وتلك الاتفاقات التي رابطها مع ياهو وجوجل والتي تخوله الحصول على بعض تكنلوجيا ياهوافي البحث ,فلدالك أهمية كبرى لمدونتك فهنالك من اكتفى فقط بوضع خارطة لمدونته فقط الى جوجل وهدا خطا قاتل بحيث ينحصر دخول زوارك فقط من جوجل وهدا لن يساهم في تخفيض ترتيبك في  أليكسا ,لدالك تابع هدا الدرس وطبقه على مدونتك أو موقعك للبدا في حصدنصيبك من الزوار


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

  1. طريقة وضع' ميتا تاجز 'لمدونات بلوجر لكسب صداقة محركات البحث وجلب الزوار

 بعد انتهائك  تاكد من اضافة موقعك الى  google أو بالأحرى  باقى محركات البحث والادلة العربية 

  1. أضف موقعك او مدونتك لافضل محركات البحث في العالم

 ويمكنك ايضا اضافة خريطة مدونتك الى جوجل

  1. شرح محدث لكيفية وضع خارطة لمدونتك وارسالها الى google للحصول على أرشفة سريعة لمواضيعك

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

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


الان نمر  لوضع مدونتنا الى bing 
أولا أدخل علة الربط التالي                          bing web master tools
ملاحضة: يجب أن يكون لك بريد الهوتميل وهو الدي ستسجل به الدخل الى  bing web master tools
ثم تابع الشرح  في الصور
ثم سجل الدخول بحسابك في الهوتمايل
ثم املىء هده البيانات
ثم أضف موقع
 ثم ضع مدونتك أو موقعك

ثم سنجد هده الصفحة للتحقق من ملكيتنا للمدونة أو الموقع 
بالنسبة للرقم 1  فهي خاصة لأصحاب المواقع 
 يكفي فقط تحميل ملف  BingSiteAuth.xml  على جهازك ثم قم برفعه على  الملف الرئيسي للموقع 
ثم ارجع لصفحة واضغط 
بالنسبة لرقم 2  يمكنك تركيبها في حالة كانت لك مدونتة 
 طريقة التركيب بالنسبة لمدونات بلوجر
هدا مثلا هو الكود الدي سنضيفه  

 
أدخل على.لوحة التحكم
2.تخطيط أو تصميم
3.تحرير html
5.توسيع قوالب عناصر واجهة المستخدم
لاتنسى أخد نسخة لقالب المدونة تحسبا لأي اخطاء
  ابحث عن الكود التالي :بالضغط على       (ctrl+f) 
 <head>
ثم ضع الكود كالدي في الصورة تحته مباشرة 
ثم احفض القالب وتوجه الى تلك الصفحة ثم اضغط 
 
ثم سيضهر لك كما في الصورة  وهي تخبرك أن الاضافة تمت بنجاح


الأن لنمر لطريقة تقديم  الخارطة

 

طريقة الحصول على خارطة لمدونتك;الطريقة الأولى

                                                أدخل على هدا الموقع 

ثم



الطريقة التانية

نضع فقط هده الكلمات الكلمات التاليه
feeds/posts/default
 ثم ارسال 
وكذلك نضيف ملف اخر بهذه الصيغة وبنفس طريقة التركيب  التي شرحناها
feeds/comments/default
 ثم ارسال


 ثم  ضع الخارطة الطريقة الأولى أو التانية  في المكان الموضح في الصورة  

ثم مبروك عليك وضع خريطة مدونتك للbing 
بالنسبة  للمواقع  مكان الخريطة يكفي فقط وضع sitemap.xml
ثم مبروك التقديم ,ثم سيقوم bing  باضهار بيانات مدونتك بعد أربعة أو خمسة أيام .;بعرض الروايط الؤرشفة .انتضرونا في شرح جديد ومحدث ليفية وضع خريطة للمحرك البحث ياهو
تابع القراءة »

طريقة استبدال "رسائل أقدم" " ورساءل أحدث " و "الرئيسية " بأيقونة أو صورة لمدونات بلوجر

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



 طريقة التركييب  

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
  ثم ابحث عن الكود التالي :بالضغط علىalt + f
 
 <data:newerPageTitle/>
 
 
 وعوضه بالكود التالي

 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAw3O_quU0R6G0be6nTd7Ewzyc3fpUhmK8k7h8tC-clkGp4xUUYejjGf39odL-HmfIA6hFZD9-RscQ8YF937jncexWLzBF8FvOy-_-0Xwsv95pzqtaFdHhk2TLpPOMXMNRjPSZr7HFLzdJ/s1600/w2b_prev.png"/>
 
 ثم قم بالبحث عن 

<data:olderPageTitle/>

ثم عوضه  بالكود التالي

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Cx58_eHBRLGGE100crywXhvNsE6Cr8-78ici96wR1xSmRyyJwsKedskGWXvLVc5pOB7Od5WbfbIrOK-aUvfMtM1PGISYao0jKVFVfsG-XsyNBRPShAZOvXaikK_Xt-3nmKd1pyqFQ3AO/s1600/w2b_next.png"/>


وأخيرا قم بالبحث عن الكود التالي

<data:homeMsg/>

ثم عوضه بالكود التالي

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixmG4qYKg6Lq-t3vX8opVc9xfds7PQ6XN7VVKd2NGNVf84_3H0hC5gATaSD0mwYNjo7SRRqdhe4VlJROMAGGLGjNWlUnnBDV7kK_TW7KWuNQa7dPznenCyetF1C1tl3WdLwCx0sz-Mbt3u/s1600/w2b_home.png"/>


ثم احفض القالب ,ويمكنك متى شئت تبديل الايقونات التي تريد 
تابع القراءة »

أضف صندوق معجبيك على" تويتر" "twitter"بشكل عائم ومنزلق لمدونة بلوجر

12:26 م Unknown لا يوجد تعليقات
أحسن طريقة لوضع صندوق معجبيك على تويتر في مدونتك  هي على شكل عائم ومنزلق أحسن من الصندوق التقليدي المربع الشكل الدي يأخد  مساحة معتبر من مدونتك أما هده الأداة فلا تأخد اي مساحة فقط القليل جدا وهي عائمة وعند وضع مأشر الماوس عليها ينزلق صندوق معجبيك على تويتر وبه زر تابعنى ,الاداة سريعة في التركيب وهدا مايميز اضافات التويتر السهولة والعملية





نأتي للكود وطريقة التركيب

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على   alt + f   


</head>



ثم ضع تحته مباشرة الكود التالي




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="http://makingdifferent.googlecode.com/files/fanbox_init.js" type="text/javascript"></script>



ملاحضة ادا كنت قد اضفت سابقا كود java script  كالدي بالأحمر  فقط احدفه وضع مباشرة الكود الدي الأسود



ثم احفض القالب




ثم. اذهب للوحة التحكم

2. تخطيط او تصميم
3.عناصر الصفحة
4. اضف اداة
6.اختار Html/Javascript

الكود:


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".mdslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">.mdslikebox{background: url("http://3.bp.blogspot.com/-erfRWcXzmgU/TwFo5Voq2oI/AAAAAAAACLA/9sdI9M7iwhg/s1600/%255Bwww.gj37765.blogspot.com%255Dtwitter.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 275px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}.mdslikebox div{border:none;position:relative;display:block;}.mdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdslikebox span a{color: #808080;text-decoration:none;}.mdslikebox span a:hover{text-decoration:underline;}</style><div class="mdslikebox" style=""><div><div id="twitterfanbox"><script type="text/javascript">fanbox_init("شامل كول");</script>
</div id="twitterfanbox"><span>By <a href="http://chamelcool.blogspot.com/">chamelcool</a> / <a href="http://chamelcool.blogspot.com/2012/01/add-static-twitter-pop-out-fan-follow.html">+Get This!</a></span></div></div>



ملاحضة :غير شامل كول  باسم صفحتك في التويتر

 ملا حضة :  ولمن لا يعرف تابع ,,,,




انسخه وضعه في الكود7.ثم احفض

                                                                     ومبروك الاضافة
تابع القراءة »

كيف تحفض حقوق مواضيع مدونتك باضافة المصدر تلقائيا في موضوعك مع موقع tynt.com

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


اقرا المزيد: http://chamelcool.blogspot.com/2012/02/blog-post_1944.html#ixzz1mB3VfP8i

ومن مميزات الموقع أنك ستبدا بكسب backlink  لمدونتك  و تستفيد من اشهار مواضيعك بالمجان على حساب الالنساخ و بدالك أنت المستفيد الأكبر .على كل لنتابع الشرح


  أولا أدخل    http://id.tynt.com/account/sign_up


 ثم تابع الشرح و الصور

ثم في خانة domain  ضع رابط موقعك على هدا الشكل مثلا   chamelcool.blogspot.com  فقط

 ثم اضغط submit
ثم  تابع الثرح


 ستجد في  خانة  prefix  هده read more  اكتب مكانها اقرأ المزيد أو شيىء اخر*
 عدل أو تجاوز هده الورحلة
 احفض ثم اضغط على





 ثم ستجد الكود
أنسخ هدا الكود 
 طريقة التركيب
أدخل على
.لوحة التحكم
2.تخطيط أو تصميم
3.تحرير html
5.توسيع قوالب عناصر واجهة المستخدم
لاتنسى أخد نسخة لقالب المدونة تحسبا لأي اخطاء
 ابحث عن الكود التالي :بالضغط على  (ctrl+f)

<head>                                                                        

 ثم ألصق الكود  تحته مباشرة  ثم احفض القالب

 ثم اضغط

ثم اضغط test My Script  لتتأكد من أن الاضافة تعمل جيدا


ومبروك عليك ,الاضافة تعمل جيدا

الخطوة الأخيرة 

هنا في حالة أردة التوصل بتقارير على بريدك الالكتروني اختر ادا أردة
dailly              يوميا
 weeckly       أسبوعيا
never           لا ترسل أبدا

لنتأكد كيف ستبدوا الاضافة عند قص موضوع ما 

مثلا  هدا جزأ من أحد مواضيع المدونة

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

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hostgator Discount Code تعريب : ق,ب,م