الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
إضافة صندوق فيسبوك مع صندوق جوجل بلس قد تغنيك عن الإضافات القديمة والتي إما توضع في في السيدبار أو تكون عن صندوق يظهر تلقائيا فور الدخول للموقع ، مايميز إضافتنا لليوم أنها لا تأخذ متسع في المدونة كما انها مخفية وتظهر فور مرور الموس عليها أي تنزلق منسقة كليا وواضحة مايتبقى عليك إلى مشاهدتها مباشرة بعدها نمر لشرح طريقة
تركيبها
تركيبها
1. داخل القالب ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.socialbox{ position:fixed; top:100px; right:-286px; height:250px; width:285px; background:#efefef;border:1px solid #bbb;border-right:0;transition:all 400ms ease-in-out;border-radius:0 0 0 3px;}
.fbicon-box{ width:30px;height:35px;position:absolute;top:-1px;left:-30px;background:#405D9B;border-radius:3px 0 0 3px;color:#fff;font-family:Arial;font-size:30px;font-weight:700;text-align:center;padding-top:2px;}
.socialbox:hover{ right:0;z-index:2;}
.socialbox2{position:fixed;top:145px;right:-279px;height:230px;width:258px;background:#efefef;border:1px solid #bbb;border-right:0; transition:all 400ms ease-in-out; border-radius:0 0 0 3px;padding:10px;}
.gpicon-box{ width:30px;height:32px;position:absolute;top:-1px;left:-30px;background:#DD4B39;border-radius:3px 0 0 3px;color:#fff;font-family:Georgia;font-size:20px;font-weight:700; text-align:center;padding-top:5px;}
.socialbox2:hover, .socialbox2:active{right:0;}
2. إبحث عن <body> وضع الكود التالي أسفله<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;js.async=true;
js.src = "//connect.facebook.net/ar_Ar/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
3. إبحث عن </body> وضع الكود التالي فوقه<script type='text/javascript'>
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
4. قم بحفظ النموذج ثم توجه إلى التخطيط5. اضف اداة Html/Javascript وضع بها الكود التالي
<div class="socialbox">
<div class="fbicon-box">f</div>
<div class="fb-like-box" data-href="https://www.facebook.com/arabe1web" data-width="290" data-height="240" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</div>
<div class="socialbox2">
<div class="gpicon-box">g+</div>
<div class="g-plus" data-action="followers" data-height="240" data-href="https://plus.google.com/+iHussam" data-source="blogger:blog:followers" data-width="260"></div>
</div>
* غير arabe1web بإسم صفحتك على الفيسبوك* غير iHussam بإسم صفحتك على جوجل بلس
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
ممكن تتطرق إلى شرح اضافة مواضيع ذات صلة أسفل كل تدوينة . . ؟ بكشل منسق وجميل
ردحذفنعم ستكون تدوينة خاصة بالإضافة
حذفيعطيك العافية اخوي حسام <3
ردحذفالعفو اخي :lv
حذفجميل
ردحذفبس فين شرح تعريب القوالب
مر اسبوعين ولم تفعل شي ؟؟؟
قريبا ..;
حذفممكن تسمح بعض اعلانات في مدونتك لانها اعلانات ضد الدين الاسلامي وقبيحة جداا
ردحذفإضافة جميلة شكراً
ردحذفممكن طلب بسيط =(
اريد سلايدر شو صغير و تلقائي شبيه السلايدر الموجود في مدونتك .... إذا أمكن ر
سأضعه في احد التدوينات المقبلة
حذفشكراً لك لكن واجهتني مشكلة
ردحذفhttp://arbwarez.blogspot.com/
كيف الحل ؟
جرب وضع الكود الاخير داخل القالب ابحث عن <body ضع الكود اسفله
حذفنعم عندما وضعت الكود الأخير أسفل Body نجح الأمر لكن بقي مربع جوجل بلس غير ظاهر بشكل كامل فقمت بتعديل width:258px في الكود الأول إلى width:277px فنجح الأمر
حذفشكراً لك و بارك الله فيك
إضافه مميزه
ردحذفلكن لو أردت الانزلاق يكون في الجهة اليسرى وليست اليمنى
كيف يكون التغيير في الكود ؟
ماذا عن اليوتيوب
ردحذفاليوتوب ليس لديه تطبيق يمكن من إظهار المشتركين
حذفرائع اخي استفدتت منك الكثييير
ردحذفيسلمو تستاهل الف بوسه ههه