14‏/12‏/2012

انشاء عدة أقسام بمدونات بلوجر

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

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


18‏/07‏/2012

كود جميل جدا لترقيم صقحات بلوجر

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


13‏/05‏/2012

28‏/04‏/2012

27‏/04‏/2012

شرح كيفية اضافة أداة مواضيع ذات صلة

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

اضافة أداة ترجمة جوجل الى مدونتك

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

17‏/04‏/2012

اضافة أداة متعددة التبويب الى مدونات بلوجر

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


كيفية اضافة الأداة؟

  1. نقوم بتسجيل الدخول الى لوحة التحكم بمدونة بلوجر
  2. من لوحة التحكم نختار -قالب-تحرير HTML-
  3. قم بتعليم "توسيع عناصر واجهة المستخدم"
  4. ابحث عن الكود التالي : </head> 
  5. نقوم بلصق الكود التالي فوقه مباشرة

<script type='text/javascript'>
//<![CDATA[
function tabtampil_oom(TPID, id) 
{ 
  var Tabtampil = document.getElementById(TPID); 
  var TTs = Tabtampil.firstChild; 
  while (TTs.className != "TTs" ) TTs = TTs.nextSibling; 
  var TT = TTs.firstChild; 
  var i   = 0; 
  do 
  { 
    if (TT.tagName == "A") 
    { 
      i++; 
      TT.href      = "javascript:tabtampil_ubah('"+TPID+"', "+i+");"; 
      TT.className = (i == id) ? "Active" : ""; 
      TT.blur(); 
    } 
  } 
  while (TT = TT.nextSibling); 
  var Halamans = Tabtampil.firstChild; 
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling; 
  var Halaman = Halamans.firstChild; 
  var i    = 0; 
  do 
  { 
    if (Halaman.className == 'Halaman') 
    { 
      i++; 
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px"; 
      Halaman.style.overflow = "auto"; 
      Halaman.style.display  = (i == id) ? 'block' : 'none'; 
    } 
  } 
  while (Halaman = Halaman.nextSibling); 
} 
function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id); 
} 
function tabtampil_inisial(TPID) { tabtampil_oom(TPID,  1); 
document.write('');}
//]]>
</script>
6- نقوم بحفظ قالب المدونة.

 ننتقل الأن الى المرحلة الثانية وهي اضافة الكود HTML الى المدونة.

1- من لوحة التحكم نختار التخطيط-ثم نختار-اضافة اداة-HTML/JavaScript-نقوم بلصق الكود التالي ونضغط على حفظ.

<style type="text/css"> 
div.TabTampil div.TTs 
{height: 24px; overflow: hidden; } 
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active 
{ background-color: #eee; } 
div.TabTampil div.Halamans 
{ clear: both; border: 1px solid #fff; overflow: hidden; background-color: #ffffff;} 
div.TabTampil div.Halamans div.Halaman 
{ height: 100%; padding: 0px; overflow: hidden; } 
div.TabTampil div.Halamans div.Halaman div.Alas 
{ padding: 3px 5px; } 
div.TabTampil div.TTs a 
{ border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:0px solid #eee; float: left; 
display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif; 
font-size: 11px; font-weight: 900; color: #000000} 
</style> 
<form action="tabtampil.html" method="get"> 
<div id="TabTampil" class="TabTampil"> 
<div style="width: 300px;" class="TTs"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a></div> 
<div style="width: 300px; height: 300px;" class="Halamans"> 
<div class="Halaman"> 
<div class="Alas"> 
<br/> 
Tab 1 content goes here
</div> 
</div> 
<div class="Halaman"> 
<div class="Alas"> 
<br/>

Tab 2 content goes here

</div> 
</div> 
<div class="Halaman"> 
<div class="Alas"> 
<br/>

Tab 3 content goes here
</div> 
</div> 
</div> 
</div> 
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
نقوم الأن بالتعديلات اللازمة

1- نبحث عن Tab 1 , Tab 2  , Tab 3 ونقوم باستبدال كل واحد من هذه الرموز بعنوان الأداة المراد اضافتها مثلا :

Tab 1 = المشاركات الشائعة
 Tab 2 = أخر التعليقات
 Tab 3 = أرشيف المدونة

2- نبحث عن الرموز التالية ونقوم باستبدالها بأكواد الإضافات أو الأدوات التي نود ظهورها على المدونة كالأتي :

Tab 1 content goes here = كود الأداة " المشاركات الشائعة"
 Tab 2 content goes here=  كود الأداة "اخر التعليقات"
 Tab 3 content goes here = كود الداة "أرشيف المدونة"

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

07‏/04‏/2012

اضافة أداة زر 1+ الى مدونات بلوجر (تحديث)

اضافة زر 1+ الى مدونتك من شأنه ان يساهم في نشر المدونة عبر الشبكة الإجتماعية الجديدة جوجل بلس وكسب المزيد من الزوار وحركة المرور اليها.

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

06‏/04‏/2012

اضافة شارة google plus الى مدونات بلوجر من قائمة أدوات blogger

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

31‏/03‏/2012

شرح كيفية اضافة أداة استطلاع رأي الى مدونة بلوجر(add poll to blogger)

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


05‏/02‏/2012

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

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

في بعض الأحيان نقوم باضافة اداة من أدوات بلوجر المعروفة ونرغب في عرضها بجميع صفحات المدونة بدون استثناء (بالصفحة الرئيسية ، صفحات الرسائل أو المشاركات) هذا أمر عادي وعند اضافة الأداة تظهر بشكل تلقائي بجميع صفحات المدونة.

04‏/02‏/2012

29‏/01‏/2012

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

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





اضافة الأزرار أسفل التدوينات كما توضحه الصورة التالية 


وهذا باتباع الخطوات التالية :

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



بعد تسجيل الدخول الى الموقع من الصفحة ىالرئيسية نختار عبارة Get the button كما هو موضح في الصورة




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

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




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




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



  • ننتقل مباشرة الى أسفل الصفحة لنجد زر أخضر طويل يحمل عبارة"Get the button" نقوم بالضغط عليه لنتوجه مباشرة الى النافذة التالية :




  • نقوم بتحديد المدون التي نود اضافة الأدة لها كما يمكننا التخلص من عنوان"ShareThis " واستبداله بعنوان أخر باللغة العربية أو الإستغناء عنه كليا.



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

توصيـــــــة 



اضافة الأزرار تحت عنوان الموضوع او التدوينة أو في أي مكان تريد على مدونتك

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


  • بعد تسجيل الدخول الى الموقع نتوجه الى عبارة "Get AddThis" من اعلى الصفحة الرئيسية للموقع.



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




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




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


<data:post.body/>



  • اذا أردنا ظهور الأزرار بع عنوان التدوينة نبحث عن الرمز التالي ونلصق الكود بعده مباشرة.


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

  • أو


<div class='post-header-line-1'/>
ان تعذر عليك فهم نقطة معينة فلا تتردد في طرحها وسنكون جاهزين للرد بمشيئة الله ولا تنسى أن تشارك أصدقائك الموضوع ان اعجبك طبعا عبر أزرار المفضلة الإجتماعية أسفل التدوينة وشكرار لكم .

28‏/01‏/2012

اضافة زر أعجبني الى بلوجر (blogger)

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

27‏/01‏/2012

اضافة زر "ارسال " أو send button الى مدونة بلوجر (blogspot)

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



26‏/01‏/2012

اضافة قائمة مسندلة الى بلوجر blogger

اضافة قائمة مسندلة الى بلوجر blogger

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