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

الطريقة الصحيحة لاضافة صندوق منبثق للمعجبين facebook

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

صورة للصندوق .ــ.ــــــــــــــــــــــــــــــــــــــــــــــــــــــ.ــ.

معاينة

طريقة اضافة الصندوق .ـــــــــــــــــــــــــــــــــــــــــــــــــــــ

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

<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
    kakinetworkdotcom01username="arabicash2",
    kakinetworkdotcom01title="ادعمنا على الفيس بوك وشكرا لك؟",
    kakinetworkdotcom01skin="03",
    kakinetworkdotcom01time="60",
    kakinetworkdotcom01wait="0",
    kakinetworkdotcom01lang="fr"
//]]>
</script>
<script type="text/javascript" src="http://kakinetworkdotcom.googlecode.com/svn/01/files/likeboxfbfanpro.js"></script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>

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

تخصيص صندوق تعليقات البلوجر”خاصية الرد على التعليقات”

jamaa alhiane
4:12 ص
دروس البلوقر
2 تعليقات

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

ادهب الى لوحة تحكم مدونتك…اضغط علة تصميم…..ثم تحرير Html …… ثم ضع علامة في مربع تحرير عناصر واجهة المستخدم

قم بابحث عن الكود التالي باستعمال ctrl+f “هناك اثنان الثاني هو المقصود”

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

الكود .ــــــــــــــــــــــــــــــــــــــــــــــــ

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

قم باستبداله بالكود التالي

الكود .ــــــــــــــــــــــــــــــــــــــــــــــــ

<b:if cond='data:blog.pageType == "static_page"'>
         <b:if cond='data:post.showThreadedComments'>
           <b:include data='post' name='threaded_comments'/>
         <b:else/>
           <b:include data='post' name='comments'/>
         </b:if>
       </b:if>
       <b:if cond='data:blog.pageType == "item"'>
         <b:if cond='data:post.showThreadedComments'>
           <b:include data='post' name='threaded_comments'/>
         <b:else/>
           <b:include data='post' name='comments'/>
         </b:if>
       </b:if>

ثم احفظ القالب وقم بمعاينة التعليقات لديك وستجد ان الله ان الحاصة بدأت تعمل اي استفسار سؤال حول الدرس ,اترك تعليق وساجيب عليك وشكرا

…ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ …

ربما تستفيد من هده المواضيع:

احصل على قسيمة شراء من موقع "سكر" للتسوق بقيمة 25 دولار عند تسجيلك

كيفية انشاء صفحة خاصة لمدونتك على جوجل بلس

الاستخدام الصحي للأجهزة اللاب توب فيديو تعليمي

تخصيص صندوق اعجاب الفايس بوك لمدونتك بلغة css

ترقيم صفحات جوجل لمدونات بلوقر حصري 2012

قالب fanclub المعرب احترافي لمدونات بلوقر

اضافة صفحات الخطأ لمدونات بلوجر "تصاميم جاهزة"

قالب معرب لمدونة تحت الانشاء مع عداد

موقع خمسات لبيع وشراء الخدمات بــخمس دولار

خمسة نصائح لاختيار قالب لمدونتك

احصل على مئات الزوار لمدونتك موقع traficspamer

برنامج القرآن الكريم بتقنية ثلاثية الابعاد 3D

ادا رأيت ان الموضوع يستحق المشاركة فلاتترد وشاركه مع اصدقائك وشكرا لك.

او اشترك في قائمتي البريدية ليصلك جديد المواضيع

انتظر رايكم في الموضوع

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

jamaa alhiane
8:23 ص
دروس البلوقر
2 تعليقات

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

صورة للإضافة .ـــــــــــــــــــــــــــــــــــــــــــــــــــ

لمعاينة الاضافة

كيف احصل على مواضيع مفيدة دوريا لمدونتك .ـــــــــــــــــــــــــــــــــــــــــــــــــــ

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

كيفية اضافة الاداة “ الخطوة الاولى” .ـــــــــــــــــــــــــــــــــــــــــــــــــــ

كيفية اضافة الاداة “ ترقيم الصفحات لمدونات بلوقر“

ادهب الى لوحة تحكم مدونتك >> اختر” تصميم “ثم “تحرير Html ” ثم ضع علامة صح في” تحرير عناصر واجهة المستخدم” ثم ابحث عن الكود التالي

]]></b:skin>

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

#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;} td.showpageOf{display:none;} #nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;} #nav a{display:block; text-decoration:none; color: #0066FF} #nav a:hover{ text-decoration:underline;} #nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold} .cur{ font-weight:bold;} .csb{background:url(http://www.google.com/images/nav_logo7.png) no-repeat 0 0;height:26px;display:block;} .csb.cur{background-position: -44px 0pt; width: 16px;} .csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;} .csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;} .csb.ch{background-position: -60px 0pt; width: 16px;} #nav td{padding:0;text-align:center}

“ الخطوة الثانية” .ـــــــــــــــــــــــــــــــــــــــــــــــــــ

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

</body>

ومباشرة فوقه اصق الكود التالي:

“ الخطوة الثالثة” .ـــــــــــــــــــــــــــــــــــــــــــــــــــ

ابحث عن الكود التالي

'data:label.url'

واستبدله بهدا الكود ,ثم اضغط على حفظ القالب:

'data:label.url + &quot;?&amp;max-results=7&quot;'

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

كيفية انشاء صفحات الخطأ 404 لمدونات بلوقر

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

اولا ماهي صفحات الخطاء وما هي اهميتها .ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كثيرا ما يغفل اصحاب المواقع عن هده الصفحة ادا انهم ليعطونها قيمة ولايبالون بها حتى والبعض منهم لايعرفها حتى ,وكيف ليظيفها
في كل موقع هناك روابط متكسرة ومعطلة ,وعندما يقوم شخص بالضغط على دالك الرابط تظهر صفحة فارغة تخبرك بانك اتبعت الرابط الخطأ او ان رابط تلك الصفحة قد تم حدفه ولايوجد .
ولتغير تلك العبارة والجملة البسيطة نقوم بإضافة صفحات الخطاء للمدونة ,ادا حين يتبع الزائر رابط معطلا فإن الصفحة ستظهر له تخبره بالصفحة الخطأ 404
كيفية اضافة صفحات الخطاء لمدونات بلوقر .ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اولا توجه الى “لوحة تحكم” مدونتك ثم اضغط على “تصميم” ثم “ تحرير صفحة HTML “ ثم قم بوضع علامة صح في مربع “عناصر واجهة المستخدم”
ثانيا ابحث عن الكود التالي:

</head>

ثالثا أنسخ الكود التالي وضعه بعده “ أسفله “ مباشرة ثم اضغط “ حفظ القالب “

<b:if cond='data:blog.pageType == "error_page"'>
  <style type="text/css">
  .status-msg-wrap {
      font-size: 100%;
      margin: none;
      position: static;
      width: 100%;
  }
  .status-msg-border {
      display:none
  }
  .status-msg-body {
      padding: none;
      position: static;
      text-align: inherit;
      width: 100%;
      z-index: auto;
  }
  .status-msg-wrap a {
      padding: none;
      text-decoration: inherit;
  }
  </style>
  </b:if>

بعد حفظ القالب توجه الى “لوحة تحكمك” مرة اخرى ادهب الى “اعدادات” ثم “ تفضيلات البحث “

في الصفحة ستظهر الجمل التالية:

الأخطاء وعمليات إعادة التوجيه
لم يتم العثور على الصفحة المخصصة : تحرير <ــــــــ اضغط هنا تحريرعمليات إعادة التوجيه المخصصة ? ليست هناك عناصر: تحرير

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

<style type="text/css" >
  body {background:white url('http://1.bp.blogspot.com/-u8iG_6AXIog/

T3SafeUWkpI/AAAAAAAADfI/8grWqQsa4nM/s1600/27.PNG')

 50% 0% no-repeat !important;z-index:10000000;}
  .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
  body {min-width: 0px !important;}

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

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

وهنا بعض التصميمات لصفحات الخطأ مهداة لك من مدونة عربي كاش2 بعضها من تصميمي والبعض الاخر قمت بالتعديل عليه

يمكنك معاينة صفحة الخطأ الخاصة بمدونتي هنا

وسوم لمحركات البحث Search Engine*

صفحات الخطأ لمدونات بلوقر

صفحة الخطأ 404

تصاميم لصفحة الخطأ 404

كيفية اضافة صفحة الخطأ 404

ما هي صفحة الخطأ 404

صفحة الخطأ للبلوقر

تقسيم الفوتر الى ثلاثة خانات لمدونات بلوقر

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

تقسيم الفوتر الى ثلاثة خانات

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

1. اولا قبل كل شيء نأخد نسخة احتياطية للقالب واحفضها في حاسوبك

2. وادا كان عندك ادوات في الفوتر انقلها الى السايدر بار اسمح الله ان تفقدها

"اضغط على الصورة لتظهر بالحجم الكبير"

· ادهب الى تصميم تحرير Html

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

]]></b:skin>

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

#footer-columns {

border-top:1px solid #999999;

clear:both;

margin:0 auto;

background: #ffffff;

}

#footer-columns h2 {

margin: 1.6em 0 .5em;

font: bold 16px Arial;

padding:10px;

background: #ffffff url(http://img159.imageshack.us/img159/9099/toolbg.jpg) no-repeat center right;

color: #9b2d15;

}

.column1 {

padding: 0px 5px 3px 5px;

width: 30%;

float: left;

margin:3px;

text-align: right;

}

.column2 {

padding: 0px 5px 3px 5px;

width: 31%;

float: left;

margin:3px 3px 3px 5px;

text-align: right;

}

.column3 {

padding: 0px 5px 3px 5px;

width: 30%;

float: right;

margin:3px;

text-align: right;

}

.addwidget {

padding: 0 0 0 0;

}

#footer-columns ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

#footer-columns li {

margin:0;

padding-top:0;

padding-left:0;

padding-bottom:.25em;

padding-right:15px;

text-indent:-15px;

line-height:1.5em;

}

body#layout #footer-columns {

width: 100%;

margin-left: auto;

margin-right: auto;

}

body#layout .column1 {

width: 32%;

float: left;

}

body#layout .column2 {

width: 32%;

float: left;

}

body#layout .column3 {

width: 32%;

float: right;

}

السطر الملون هو ستايل لخلفية الادوات التي ستضعها في الفوتر .

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

<b:section class='footer' id='footer'/>

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

<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>

</b:section>

</div>

<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>

</b:section>

</div>

<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>

</b:section>

</div>

</div>

<b:section class='footer' id='footer'/>

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

المصدر

مدونة عربي كاش² "عنوان الموضوع : صنع فوتر بثلاث خانت لمدونات بلوقر "

الطريقة الصحيحة لاضافة صندوق منبثق للمعجبين facebook

تخصيص صندوق تعليقات البلوجر”خاصية الرد على التعليقات”

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

كيفية انشاء صفحات الخطأ 404 لمدونات بلوقر

تقسيم الفوتر الى ثلاثة خانات لمدونات بلوقر

Tags

كن من أصدقائنا!

تابعنا عبر البريد

الصفحات

ابحث في المدونة

كُن أحد المُعجبين

فيديو

التبادل الاعلانى

التسميات

المشاركات الشائعة

عن القالب

عن القالب

عن القالب

عن القالب