اداة المشاركه عبر المواقع الاجتماعيه بشكلين مختلفين ( اضافة هل اعجبك الموضوع )
السلام عليكم إخواني أخواتي متابعي مدونة جلال البعداني ،من منا لا يعرف مواقع التواصل الاجتماعي و مدى
أهميتها في التواصل الاجتماعي ونشر المدونة , وإستقطابه لعدد كبير من الزوار ،
ولذلك سوف أقوم بشرح كيفية إضافة أداة مهمة جدا وهي اضافة النشر عبر اشهر مواقع التواصل الاجتماعيه, اضافة اليوم تحتوي على شكلين جديدين من اشكال النشر عبر المواقع الاجتماعيه جوجل بلس , تويتر , فيس بوك
,,,, كل هذا واكثر في اضافة واحدة بالاضافه الى صندوق يعرض للزوار عدد
الاشخاص الذين قامو بنشر التدوينه سواء على تويتر او فيس بوك او جوجل بلس
هذه الاضافة ستظهر اسفل كل تدوينه تقوم بنشرها , لا اطيل عليكم اترككم مع الشرح
الشكل الاول
اضافة ادوات النشر + صندوق لحساب عدد مرات المشاركه
كيفية اضافة هذه الاداه الى مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
<div class='post-footer'>
اذا لم تجد الكود السابق فقم بالبحث عن الكود التالي
<data:post.body/>
ستجد هذا الكود مكرر اكثر من مره (الكود الذي بعد اضافة اقرأ المزيد هو المطلوب)
** الان قم بلصق الكود التالي بعده تماما (تحته)
<b:if cond='data:blog.pageType == "item"'> <div class='alwan-share' style='width: 634px; height: 88px;padding: 7px;background: #f3f3f3; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;'> <div style='width: 250px;height: 74px;padding: 6px;background: white;border: 1px solid #EBEBEB; float:right; text-align: center;'> <div class='fb-like-box'> هل أعجبك الموضوع ؟ <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/> </div></div><div align='left'> <div style='float:left;padding:5px 5px 5px 0;'> <a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div> <div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/> <a class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='mr_raghib' href='https://twitter.com/share'>Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <div id='plusone-div'/></div> </div></b:if>
الشكل الثاني
اضافة ادوات النشر بشكل افقي
كيفية اضافة هذه الاداه الى مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
** والصق الكود التالي بعده قبله تماما (فوقه)
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
ثم قم بالبحث عن
<div class='post-footer'>
اذا لم تجد الكود السابق فقم بالبحث عن الكود التالي
<data:post.body/>
ستجد هذا الكود مكرر اكثر من مره (الكود الذي بعد اضافة اقرأ المزيد هو المطلوب)
**الان الصق الكود التالي بعده مباشره (تحته)
<b:if cond='data:blog.pageType == "item"'> <div style='width: 95%; padding: 12px 15px; margin: 10px 0 0; border-bottom: 3px solid #d8d8d8; background: rgb(245, 245, 245);'> <span style='color: rgb(131, 131, 131); font: 13px droidkufi-bold;'> هل أعجبك الموضوع ؟ </span> <div style='float: left; '> <span class='st_plusone_hcount' displayText='Google +1'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_twitter_hcount' displayText='Tweet'/> </div> </div></b:if>
اتمنى تكون الاضافه اعجبتكم <<<<<<<< تحياتي العاطره
(bien (h
ردحذف(h) (h) (o) (o)
حذفانا عايز اللى انت ضايفو على مدونتك جلال
حذفمعلش ما بعرف استخدم هي ال<ابتسامات [-(
ردحذفاللهم احفك وازدك ومدونتك جميلة ومن اروع المدونات التى رايتها ومتابعها متجدد جميل اخى
ردحذفيارب مجهودك يصل للعالم جميعا
:) :) (h) (h)
http://iblogegypt.blogspot.com
شكرا اخي بارك الله فيك x-) x-) x-) x-)
حذفالسلام عليكم ..
ردحذفبارك الله فيك ياغالي على الموضوع الأنيق والرائع ،
وكعادتك من دخل لمدونتك لن يخرج إلا وقد زاد خبرة ،
جعله الله في ميزان حسناتك .. واصل يا مبدع
http://tanaja7.blogspot.com
الله يبارك في ايامك ويجعلها عامره بالخير والعطاء
حذفشكرا اخي اسعدني مرورك العطر
السلام عليكم
ردحذفاخي لقد قمت بجميع الخطوات في كلا الحالتين ولم يظهر شيء في مدونتي
رابط المدونة
http://iraqeen1.blogspot.com/
اتمنى الرد في اسرع وقت ممكن
وعليك السلام اخي اذا كنت تستخدم قالب المحترف فقم بالبحث عن الكود التالي
حذف<div id='related-posts'>
والصق كود الاضافه قبله تماما وان شاء الله سوف تظهر الاداه في مدونتك
الله يوفقك شكراً على هذه الإضافة
ردحذفمشكور اخي الله يكرمك
ردحذفانت الافضل اخي الله يوفقك
ردحذفمشكور اخي اسعدني مرورك العطر
حذفاشكرك اخي والله عجبني (h)
ردحذفالعفو اخي شكرا لمرورك
حذفاخى انا مسحت الكويكز ولم يحصل شى هل هو العيب فى قالب تعلم الامن المعلوماتى .على العلم انا بفتحوا من جوجل كروم بسرعه ارجوك تحللى المشكلة اخر بتكرم
ردحذفمشكور جداا جداا
ردحذفالسلام عليكم يا اخى
ردحذفقمت باضافة الاداة ولكن ظهر اسكرول افقى فى المدونة بدون فائدة ارجو ايجاد حل لهذه المشكلة
مع العلم يظهر مع هذه الاداة share this فقط
وعليك السلام اخي يرجى وضع رابط مدونتك للمعاينه
حذفاخي مشكور تمت العملية بنجاح www.dhsarabe.com
ردحذفالعفو اخي شكرا لمرورك
حذفتمت الإضافة.. بارك الله فيكم
ردحذفالله يبارك في ايامك اخي مشكووور
حذفأزرار النشر لكن هناك مشكل في الإعجاب :
ردحذفهذا رابط أحد المواضيع في موقعي :
http://istifada4you.blogspot.com/2013/04/5.html
إذا حاولت الضغط على زر الإعجاب فهذا لا ينجح و كأن زر الإعجاب مجرد صورة أدخل و جرب بنفسك يا أخي
و أخبرني جزاك الله خيرا كيفية إصلاح هذا المشكل
اخي الاداه تعمل بكفائه ومجربه مسبقا الخطا في قالبك
حذفقم بالتاكد من ذلك وركبها على قالب اخر وسترى انها تعمل
راااااائع أخي شكراً لك
ردحذف________________________________________
لكن عندي سؤال وهو أن openid الخاص بمدونتي عند التعليق لا يقبل
بل يظهر رسالة خطأ
بارك الله فيك اخي لكن كل شئ بالصور افضل
ردحذف(f)
الله يبارك في ايامك اخي
حذفان شا ءالله قريبا سيكون الشرح صور بالكامل
هههههههههههه رئع
ردحذفشكرا لك اخي
حذفشكرا لك ياأخي على هذ الإنجاز الرائع أنت مبدع حقا.
ردحذفشكرا لطيب كلامك اخي
حذفاخي موقعي هذا به هذه الاضافه بشكل اخر ولاكني اريد هنا الشكل هل هناك طريقة للتغير
ردحذفhttp://www.mogtm3-msmmen.tk/
قم بحذف الاضافه التي في مدونتك وتركيب الاضافه الذي تريدها
حذفهل هذا ياثر علي الايكات اللي موجوده في المواضيع ولا زي ماهي
حذفلا يا اخي هذا لن يؤثر عليها اطلاقا
حذفجربت الطريقة طلع هناك كود استايل للشكل الموجود ولا يتغير الشكل الا بتغير هذا الكود الي كود اخر
حذفممكن ايملك علي الفيس لكي نتكلم لان انا عندي شويه اساله ممكن
ان لم تشكر المخلوق لم تشكر الخالق شكراً لك اخي العزيز ولكن لم تفيدني لانها لاتنطبق مع القالب الخاص بي
ردحذفmerciiii
ردحذفأزال المؤلف هذا التعليق.
ردحذفمدونة ممتازه
ردحذفشكرا جزيلا لك و بارك االله فيك
ردحذفلقد استفدت حقا من زيارتي لمدونتك الرائعة
(h) $-)
ردحذفأزال المؤلف هذا التعليق.
ردحذفوالله انا لما بحتاج حاجه بدخل مدونتك و بكون متاكد انى هلقيها عندك شكرا جزيلا
ردحذفتحياتي المتواضعة، والله لم تقصر أبدا
ردحذفلاتعمل ماهذا مواضيعك اغلبها اخطاء
ردحذف(h)
ردحذفMerciiiii
ردحذفبجد أنا متابعك من فترة, ربنا يبارك فيك وينفعنا بعلمك ومواضيعك المحترمة
ردحذفكيف اضيف ازرار المشاركة الجديدة كما هي عندك الآن
ردحذفشكرا على الاضافة
ردحذفادعوك لزيارة مرصدي
www.arabicco.com
بارك الله فيك اخي الكريم وجزاك كل خير وزادك من فضله وفي ميزان حسناتك يارب
ردحذفونتمنى ان تعلمنا كيف نستطيع وضع ازرار كالتي تضعها فهي فائقة الروعة أحسنت
مشكور
ردحذفبعض الحكم والامثال التي يمكن أن تغير حياتك للافضل
شكراً جزيلا لك أخي جلال البعداني يابن بلادي الغاليه.
ردحذفعندي إستفسار مدونتي أثناء تصفحها تظهر الصفحه ممدوده إلى اليسار، أريد أن أتخلص من هذه المشكله ، فبماذا تنصحني ؟
هذا رابط مدونتي www.hdrmo.blospot.com
الله يجازيك شكرا لك
ردحذفالله يجازيك شكرا لك شرح مبسط
ردحذفشكراااا
ردحذف