‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

كيف تخفي محتوى وتظهره عن طريق النقر على زر في بلوجر

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

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

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

 ================
أنقرهنا ليظهر المحتوى المخفي

 


 ================

الكود المستخدم:

أنقرهنا ليظهر المحتوى المخفي<div id="spoiler" style="display:none">
المحتوى المراد إخفائه</div>
<button title="انقر لإظهار/إخفاء المحتوى" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">إظهار/إخفاء</button>

تغيير "رسائل أحدث، الصفحة الرئيسية، رسائل أقدم" الى قائمة بأعداد سريعة الوصول

قبل أي شيء خد نسخة من قالبك واحفظها في حاسوبك في حالة وقع مشكل ما واردت استرجاعه

الان اذهب الى:

  • لوحة التحكم في مدونتك
  • القالب
  • تحرير html ثم ابحث عن الكود التالي
<b:includable id='mobile-index-post' var='post'>
  • الان اضف الكود التالي اسفل الرمز المشار اليه
<b:includable id='page-navi'><div class='pagenavi'><script type='text/javascript'>var pageNaviConf = {perPage: 7,numPages: 5,firstText: &quot;اولا الموضيع&quot;,lastText: &quot;الاخيرة&quot;,nextText: &quot;&#187;&quot;,prevText: &quot;&#171;&quot;}</script><script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/><div class='clear'/></div></b:includable> 
ابحث عن الكود التالي:
<b:include name='nextprev'/>
واستبدله بهذا: 

<b:if cond='data:blog.pageType == &quot;index&quot;'><b:include name='page-navi'/><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><b:include name='page-navi'/></b:if><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><b:include name='nextprev'/></b:if></b:if>

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



#blog-pager, .pagenavi {     clear: both;     text-align: center;     margin: 30px auto 15px;}.pagenavi .pages {display: none;}#blog-pager a, .pagenavi span, .pagenavi a {padding: 5px 10px;text-decoration: none;font-family: arial;color: white;margin: 2px;background: black;background-position: bottom;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;border-radius: 30px;font-size: 20px;}#blog-pager a:hover, .pagenavi a:hover {background: orange;}#blog-pager-older-link, #blog-pager-newer-link {     float: none;}.pagenavi .current {background: orange;}


#blog-pager, .pagenavi {     clear: both;     text-align: center;     margin: 30px auto 10px;}#blog-pager a, .pagenavi span, .pagenavi a {background-color: #3BB3E0;padding:  5px 10px;position: relative;margin: 2px;font-size: 12px;text-decoration: none;color: white;border: solid 1px #186F8F;background-image: linear-gradient(bottom, #2CA0CA 0%, #3EB8E5 100%);background-image: -o-linear-gradient(bottom, #2CA0CA 0%, #3EB8E5 100%);background-image: -moz-linear-gradient(bottom, #2CA0CA 0%, #3EB8E5 100%);background-image: -webkit-linear-gradient(bottom, #2CA0CA 0%, #3EB8E5 100%);background-image: -ms-linear-gradient(bottom, #2CA0CA 0%, #3EB8E5 100%);background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5) );-webkit-box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px white;-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px white;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}#blog-pager a:hover, .pagenavi a:hover {background-image: linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -o-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -moz-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -webkit-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -ms-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #3EB8E5), color-stop(1, #2CA0CA) );}#blog-pager-older-link, #blog-pager-newer-link {     float: none;}.pagenavi .current {background-image: linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -o-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -moz-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -webkit-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -ms-linear-gradient(bottom, #3EB8E5 0%, #2CA0CA 100%);background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #3EB8E5), color-stop(1, #2CA0CA) );}



#blog-pager, .pagenavi {     clear: both;     text-align: center;     margin: 30px auto 10px;}#blog-pager a, .pagenavi span, .pagenavi a {text-decoration: none;color: #333;text-shadow: 0 1px 0 rgba(255, 255, 255, .5);background-color: #F8F8F8;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffcfcfc,EndColorStr=#fff8f8f8);background-image: -moz-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);background-image: -ms-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);background-image: -o-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FCFCFC),color-stop(100%,#F8F8F8));background-image: -webkit-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);background-image: linear-gradient(to bottom,#FCFCFC 0,#F8F8F8 100%);padding: 5px 10px;border: 1px solid lightGrey;font-weight: bold;font-size: 12px;vertical-align: middle;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;margin: 2px 2px;-webkit-transition: .0s ease-in!important;-moz-transition: .0s ease-in!important;-ms-transition: .0s ease-in!important;-o-transition: .0s ease-in!important;transition: .0s ease-in!important;}#blog-pager a:hover, .pagenavi a:hover {border-color: #C6C6C6;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff8f8f8,EndColorStr=#ffeeeeee);background-image: -moz-linear-gradient(top,#F8F8F8 0,#EEE 100%);background-image: -ms-linear-gradient(top,#F8F8F8 0,#EEE 100%);background-image: -o-linear-gradient(top,#F8F8F8 0,#EEE 100%);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F8F8F8),color-stop(100%,#EEE));background-image: -webkit-linear-gradient(top,#F8F8F8 0,#EEE 100%);background-image: linear-gradient(to bottom,#F8F8F8 0,#EEE 100%);}#blog-pager-older-link, #blog-pager-newer-link {     float: none;}.pagenavi .current {border-color: #C6C6C6;background-color: #E9E9E9;background-image: none;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);}.pagenavi a:active {border-color: #C6C6C6;background-color: #E9E9E9;background-image: none;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);}

ثم انقر على حفظ 
انتهى.

تغيير "رسائل أحدث، الصفحة الرئيسية، رسائل أقدم " الى صور في بلوجر

ادخل الى لوحة التحكم في بلوجر. 
ثم الى "Template" أو قالب ثم "Edit HTML" أو تحرير HTML

انقر على اي مكان في مربع الكود وابحث عن طريق النقر على كنترول+F على التالي:

<b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

أو فقط حدد الأسطر التالية وروابطها:

<data:newerPageTitle/>
اي الرسائل الاحدث

<data:olderPageTitle/>
اي الرسائل الاقدم

<data:homeMsg/>
تخص الصفحة الرئيسية


اذا كنت تريد تبديل النص الى صور فقم باضافة التالي مباشرة قبل الكود:

<img src="URL Address"/>
يعني:
<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>
تصبح
<img src="URL Address"/><data:newerPageTitle/>
<img src="URL Address"/><data:olderPageTitle/>
<img src="URL Address"/><data:homeMsg/>
 مع "URL Address" هو رابط الصورة التي تريدها
ملاحظة: قم برفع صورك في حساب آمن تضمن فيه عدم حذفها مستقبلا مثال الى حسابك في جوجل

كيف تنشئ وتقدم خريطة موقع "sitemap" في بلوجر


ماهو ال sitemap؟
خريطة الموقع او مايعرف بالسايت ماب "sitemap", هي وبكل بساطة مجلد يحتوي على كل الصفحات الموجودة على موقعك. كجدول محتويات يظهربنية مدونتك. ال sitemap يساعد محركات البحث على الزحف الى موقعك وأرشفته بشكل مناسب. ستقوم محركات البحث بالزحف الى موقعك لكي ترى هل تمتلك خارطة موقع "sitemap" او لا, ولكن هذا يجعل العملية اسهل واسرع لهم.
خرائط موقع مدونات البلوجر الافتراضية XML تظهر آخر المواضيع فقط - ويكون عددها قرابة 26 موضوع. ونحن نريد لعناكب محركات البحث ان تعلم بنية مدونتك لكي تستطيع فهمهما وارشفتها بسهولة.


كيف ننشئ خريطة موقع او sitemap لمدونات البلوجر؟
انشاء الخرائط لمدونات البلوجر امر في غاية السهولة والبساطة. قم فقط باضافة اسم مدونتك الى الرابط التالي:
بلوجر - الرابط الافتراضي:

http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
بلوجر - الرابط المعدل:
http://blogname.com/atom.xml?redirect=false&start-index=1&max-results=500
والان يجب على ملف السايت ماب ان لا يتجاوز 50 ميغابايت ولهذا قمنا بتحديده الى 500 نتيجة. قد يتوجب عليك تغيير ذلك حسب حجم وكبر التغدية في مدونتك. والآن علينا ان نخبر محركات البحث ان هذه هي خريطة موقعك, ومن اجل ذلك سنضيفه الى ملف robots.txt واضافته الى ادوات مشرفي المواقع في جوجل او "Google Webmaster Tools".
 
اضف خريطة المدونة الى ملف robots.txt
اذهب الى :  لوحة تحكم مدونة البلوجر "dashboard" ثم الى إعدادات "Settings" ثم تفضيلات البحث "Search Preferences" وانقر على تحرير امام خيار " ‏ملف robots.txt مخصص".
وافق على التمكين لتظهر خانة لتنسخ فيها المحتوى التالي:

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
هذا سيعني ان محركات البحث ستقوم بأرشفة موقعك بالكامل باستثناء نتائج البحث والتي تعتبر محتوى مكرر فلا نحتاج الى ارشفتها.
تنبيه: لا تنسى تغيير اسم المدونة في الرابط blogname الى اسم مدونتك.

اضافة خريطة الموقع الى جوجل ادوات مشرفي المواقع


قم بالدخول على Google webmaster tools وقم بإختيار موقعك الذي سبق لك وأن أضفته في أدوات مشرفي المواقع. من القائمة الجانية قم بالضغط على ملفات Sitemap بعدها قم بالضغط على إضافة/اختبار ملف SITEMAP لتقوم بإضافة رابط خريطة موقعك.
اضف هذا السطر فقط:

atom.xml?redirect=false&start-index=1&max-results=500
 قم بالتجربة للبحث عن اخطاء ثم انقر على تقديم ملف Sitemap أو Submit Sitemap

submit-sitemap-to-google

سيقوم جوجل الآن بالزحف الى موقعك وأرشفته. يمكنك أن تعرف ما هي الصفحات التي تمت أرشفتها عن طريق ادوات مشرفي المواقع او عن طريق كتابة التالي في محرك بحث جوجل:
 site:www.BLOG-URL.blogspot.com
 site:BLOG-URL.blogspot.com
 site:www.BLOG-URL.com
 site:BLOG-URL.com

لكي تقدم خريطة الموقع الى محرك بحث بينغ "Bing". ادخل الى Bings Webmaster Tools, ثم اضف رابط موقعك, قم بتأكيد الملكية وقدم خريطة الموقع. قد يتطلب هذا أيام ليتم أرشفة موقعك.

لديك أكثر من 500 موضوع؟
اذا كانت مدونتك تحتوي على أكثر من 500 موضوع, ببساطة تقوم باضافة خريطة أخرى تبدأ من الموضوع رقم 501 وتمتد لل 500 موضوع بعدها هكذا:
/atom.xml?redirect=false&start-index=501&max-results=500
 واستمر بهذا النمط اعتمادا على عدد مواضيع مدونتك فلو افترضنا ان لك اكثر من 1000 موضوع, فملف الروبوتس سيكون هكذا:
User-agent: *
Disallow: /search
Allow: /

Sitemap: http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap:http://blogname.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500
Sitemap:http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=500

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


كيفية اخفاء ملفك الشخصي عن الزوار في بلوجر

بسم الله الرحمن الرحيم

الخطوات كالآتي :

1 اذهب الى لوحة التحكم في بلوجر.

2 انقر على رابط الملف الشخصي (ستجده امام ايقونة صورتك في مقابل ايقونة بلوجر).

3 عند الانسدال اختر "الملف الشخصي في Blogger".

4 ستظهر نافذة جديدة بعنوان "تحرير الملف الشخصي للمستخدم", في مكان "الخصوصية" أزل علامة الاختيار عن "مشاركة ملفي الشخصي".

5 انتهى, أي شخص لن يستطيع أن يرى معلومات عن حسابك أو المدونات الأخرى الخاصة بك.

كيف تحذف عدد التعليقات في الرئيسية لمدونات البلوجر

 بسم الله الرحمن الرحيم

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

أولا: لوحة التحكم --- قالب --- تحرير HTML

ثانيا: ابحث عن هذا الكود  
]]></b:skin>
ثالثا: قم وضع هذا الكود فوقه مباشرة
.comment-link{display:none}

انتهى.

كيف تحذف عبارة "الإشتراك في رسائل ATOM" ؟

بسم الله الرحمن الرحيم

اذا كنت تستخدم أحد قوالب بلوجر الإفتراضية فسترى نصين مختلفين الأول في صفحة التدوينة "الإشتراك في تعليقات ATOM" أو "Subscribe to: Post Comments Atom" والثاني في الصفحة الرئيسية أو صفحة البحث أو أي صفحة أخرى "الإشتراك في رسائل ATOM" أو "Subscribe to: Post Atom"

هذه هي المزية الإفتراضية لروابط التغدية أو خلاصة الروابط التي تظهر أسفل صندوق التعليقات أو القائمة (اقدم - الرئيسية - احدث).
اذا قام زوار مدونتك بالضغط على رابط الخلاصة سيحصلون على نافذة جديدة ممتلئة بكودات صعب جدا فهمها وفي الحقيقة هذه الكودات متعلقة بروابط التغدية التالية
http://www.myrabit.com/l/GAcVN

كبف تخفي خلاصات Atom ؟
عن طريق خطوتين فقط:
أولا
اذهب الى لوحة التحكم - ثم قالب - ثم تحرير HTML 
ثانيا
ابحث عن الكود التالي واحذفه

<b:include data='feedLinks' name='feedLinksBody'/>
انتهى.

طريقة حذف شريط التنقل Navbar في قالب بلوجر

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

ما هو شريط التنقل (Navbar) ؟
يتوفر بلوجر على شريط تنقل يظهر بشكل افتراضي في أعلى كل مدونات بلوجر. هذا الشريط قد يكون مفيد لك أثناء تدوينك, لكن احيانا قد يعيقك.
هذا الشريط يكون مخفي في معظم القوالب المعدلة, لذلك سيكون هذا المقال مهما للذين يستخدمون القوالب الإفتراضية الموفرة من طرف بلوجر فقط

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

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

إخفاء شريط التنقل Navbar