15‏/10‏/2015

صندوق منبثق بتصميم مسطح خاص بالفيسبوك، الزوار المستهدفين هم أكثر أهمية لأي مدونة في مراحل بدايتها والإحتفاظ بهم كمتابعين أو متنقلين بين التدوينات جد جد مهم، إذا كنت ترغب في زيادة عدد الإعجابات في صفحتك فيجب أن تعززها بالزوار الذين بمدونتك وهكذا يمكن أن تحصل على زوار مستهدفين حقيقين ومعجبين بمحتواك وبإضافة هذه الإضافة فهو من الأساسيات خاصةً للمواقع التي في بدايتها كما ذكرت سابقا.
باستخدام صندوق الفيسبوك قد تُبقي زوارك على اتصال بك وهذه طريقة رائعة لزيادة الترافيك بموقعك والفيسبوك هو وسيلة رائعة لفعل ذلك وطريقة فعالة جدا
إقرأ أيضًا
إضافة صندوق إعجاب فيسبوك و جوجل بلس مخفيين
صناديق فيسبوك الجديدة 2015
شرح طريقة التركيب
1. داخل القالب ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.mspopup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90000;background:rgba(0,0,0,.6);overflow-x:hidden;overflow-y:auto;display:none}
.mspopup-container{background:#fff url(http://i.imgur.com/2twQjiN.gif) no-repeat 50% 50%;padding:0;font-size:14px;height:236px;position:fixed;top:50%;left:50%;z-index:90001;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,0.8);transform:translateY(-50%) translateX(-50%)}
.mspopup .mspopup-close{position:absolute;top:9px;right:20px;font-weight:700;font-family:Verdana;font-size:18px;cursor:pointer;color:#fff}
.mspopup .mspopup-close:hover{color:#30497D}
.mspopup .mspopup-header{font-size:20px;padding:10px;text-align:center;color:#fff;font-family:droid arabic kufi;background-color: #3B5998; text-shadow: 1px 2px 4px #4A4949; line-height: 1.1em;}
.mspopup-container { width: 440px!important; }
.mspopup .mspopup-header p{font-size:10px;padding:0;margin:0;font-weight:400;text-transform:initial}
.mspopup .mspopup-content{padding:10px 20px}
2. إبحث عن </body> وضع الكود التالي فوقه
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://googledrive.com/host/0B0LkZloPKBfWNTB3dG1zMUR6VW8' type='text/javascript'/>
<script type='text/javascript'>
  $(&#39;#popup-box&#39;).mspopup({
  &#39;autoOpen&#39;: true
});
        </script>
</b:if>
3. توجه إلى التخطيط ثم أضف أداة HTML/JAVASCRIPT
4. ضع بها الكود التالي وغيّر arabe1web بإسم صفحتك
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="popup-box" class="mspopup">
  <div class="mspopup-container">
      <div class="mspopup-header">
          <div class="mspopup-close" data-dismiss="mspopup">x</div>
         إنضم إلى مجتمعنا على الفايسبوك
<p>أحصل على آخر التحديثات من صفحتنا بالفيسبوك، إنه مجاني وسريع!</p>
      </div>
<div class="mspopup-content">
     <div class="fb-page" data-href="https://www.facebook.com/arabe1web" data-width="400" data-height="300" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div>
      </div>
  </div>
</div>
</b:if>
صندوق منبثق بتصميم مسطح خاص بالفيسبوك، الزوار المستهدفين هم أكثر أهمية لأي مدونة في مراحل بدايتها والإحتفاظ بهم كمتابعين أو متنقلين بين التدوينات جد جد مهم، إذا كنت ترغب في زيادة عدد الإعجابات في صفحتك فيجب أن تعززها بالزوار الذين بمدونتك وهكذا يمكن أن تحصل على زوار مستهدفين حقيقين ومعجبين بمحتواك وبإضافة هذه الإضافة فهو من الأساسيات خاصةً للمواقع التي في بدايتها كما ذكرت سابقا.
باستخدام صندوق الفيسبوك قد تُبقي زوارك على اتصال بك وهذه طريقة رائعة لزيادة الترافيك بموقعك والفيسبوك هو وسيلة رائعة لفعل ذلك وطريقة فعالة جدا
إقرأ أيضًا
إضافة صندوق إعجاب فيسبوك و جوجل بلس مخفيين
صناديق فيسبوك الجديدة 2015
شرح طريقة التركيب
1. داخل القالب ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.mspopup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90000;background:rgba(0,0,0,.6);overflow-x:hidden;overflow-y:auto;display:none}
.mspopup-container{background:#fff url(http://i.imgur.com/2twQjiN.gif) no-repeat 50% 50%;padding:0;font-size:14px;height:236px;position:fixed;top:50%;left:50%;z-index:90001;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,0.8);transform:translateY(-50%) translateX(-50%)}
.mspopup .mspopup-close{position:absolute;top:9px;right:20px;font-weight:700;font-family:Verdana;font-size:18px;cursor:pointer;color:#fff}
.mspopup .mspopup-close:hover{color:#30497D}
.mspopup .mspopup-header{font-size:20px;padding:10px;text-align:center;color:#fff;font-family:droid arabic kufi;background-color: #3B5998; text-shadow: 1px 2px 4px #4A4949; line-height: 1.1em;}
.mspopup-container { width: 440px!important; }
.mspopup .mspopup-header p{font-size:10px;padding:0;margin:0;font-weight:400;text-transform:initial}
.mspopup .mspopup-content{padding:10px 20px}
2. إبحث عن </body> وضع الكود التالي فوقه
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://googledrive.com/host/0B0LkZloPKBfWNTB3dG1zMUR6VW8' type='text/javascript'/>
<script type='text/javascript'>
  $(&#39;#popup-box&#39;).mspopup({
  &#39;autoOpen&#39;: true
});
        </script>
</b:if>
3. توجه إلى التخطيط ثم أضف أداة HTML/JAVASCRIPT
4. ضع بها الكود التالي وغيّر arabe1web بإسم صفحتك
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="popup-box" class="mspopup">
  <div class="mspopup-container">
      <div class="mspopup-header">
          <div class="mspopup-close" data-dismiss="mspopup">x</div>
         إنضم إلى مجتمعنا على الفايسبوك
<p>أحصل على آخر التحديثات من صفحتنا بالفيسبوك، إنه مجاني وسريع!</p>
      </div>
<div class="mspopup-content">
     <div class="fb-page" data-href="https://www.facebook.com/arabe1web" data-width="400" data-height="300" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div>
      </div>
  </div>
</div>
</b:if>
40 Blogger تعليقات
Disqus
40 التعليقات
أزال أحد مشرفي المدونة هذا التعليق. - حذف
المشرف
avatar

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

أزال أحد مشرفي المدونة هذا التعليق. - حذف
المشرف
avatar

العفو اخي

المشرف
avatar

و أخيــراً تدوين جديدة ^^"
اضافة جميـلة
بالتوفيــق يا غالي استمر >>

المشرف
avatar

شكرا على مرورك الطيب

المشرف
avatar

الإضافة لا تشتغل أخي

المشرف
avatar

هل يمكنك جعله يظهر مرة واحدة عند فتح المدونة و ليس على كل تدوينة

المشرف
avatar

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

المشرف
avatar

ما الحل أرجووك :(

http://i.imgur.com/7avT9XM.png?1

المشرف
avatar

تحقق من إسم صفحتك وأن لا شيء محذوف بالأحرف

المشرف
avatar

نعم أخي, في الكود الأخير الذي وضعته في أداة أضف هذا الكود في الأول :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
وهذا في آخره : </b:if>

المشرف
avatar

لا يظهر أم ماذا؟

المشرف
avatar

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

المشرف
avatar

و هل هذا طلب بسيط :3

المشرف
avatar

مع كل احترامي لك اخي Mahdi Dra انا وجهت الطلب لصاحب المدونة :)

المشرف
avatar

لا عليكم إخواني الأفاضل، بس أخ كيف ويب الإضافة خاصة بالقالب لا يمكنني نشرها
مع ذلك ستكون إضافات مغايرة وجميلة في التدوينات المقبلة إن شاء الله

المشرف
avatar

شكرا اخي حسام على التوضيح

المشرف
avatar

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

المشرف
avatar

حسنا قم بإضافة نفس الكود الذي قدمته لك في التعليق السابق في الكود الثاني الذي وضعته فوق </body

المشرف
avatar

ممكن كيفية إضافة معلومات عن التدوينة و إضافة التحميل في sidebar و شكرا

المشرف
avatar

أخي ghostnemsis راجع هذا الموضوع :
http://www.ar1web.com/2014/11/simple-css-button.html

المشرف
avatar

لكن كيف أضعها في sidebar و أيضا معلومات عن التدوينة في sidebar

المشرف
avatar

هل يمكنك جعله يظهر مرة واحدة عند فتح المدونة و ليس على كل تدوينة

المشرف
avatar

أعد تركيب الكود الثاني والثالث وسيظهر في الرئيسية فقط

المشرف
avatar

شكرا لك أخي على الإضافة

المشرف
avatar

على واجب اخي

المشرف
avatar

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

المشرف
avatar

عليكم السلام أخي، يمكنك حذف هذين الكودين وسيظهر في جميع الصفحات :
<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

المشرف
avatar

الاضافة لا تظهر فى مدونتى :(

المشرف
avatar

ارجو الحل والمساعدة لايعمل عندي ممكن تدخل مدونتي وتساعدني فيه

المشرف
avatar

جرب اضافة الكود التالي فوق </head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

المشرف
avatar

اضف الكود الذي في التعليق قبلك

المشرف
avatar

لا يعمل ايضا اخى

المشرف
avatar

http://7abibiw7abibty.blogspot.com.eg/ اخي الكريم الرجاء زياره هذه المدونه فا الصندوق لا يعمل الرجاء المساعده

المشرف
avatar

اخ اخ حسام لو سمحت انظر نفس المشكله اللي فوق وكل شئ تمام
http://i.imgur.com/7avT9XM.png?1

المشرف
avatar

شكرا لك اخي اضاافة اكثر من رائعة

المشرف
avatar

اريد صندوق الفيسبوك ان يظهر بكل تدوينه ولكنة لايظهر الا بالصفحة الرئيسية

المشرف
avatar

كيف أقوم بإزالة الإعلانات المنبثقة من الأداة وشكرا
فهي تقوم بتنفير الزوار أكرمك الله وشكرا مرة أخرى

المشرف
avatar

الاضافة لا تعمل

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة