21‏/9‏/2013

إضافة أزرار النشر على الشبكات الإجتماعية (تويتير ,فيسبوك ,جوجل+) أسفل الموضوع..

أهلا وسهلا بكم في موضوع جديد ضمن مواضيع إضافات بلوجر ..
سأتكلم فيه عن إضافة شاركه على : الشبكات الإجتماعية ..

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


آسف على الإطالة ..أتركُكم الآن مع صورة إضافة شاركه على :+F , T , G :




نبدا على بركة الله في شرح الإضافة..

من لوحة التحكم الرئيسية ..
> أدخل إلى "قالب"
> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <
> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<
> "تحرير html "



> إبحث عن الكود التالي لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج ):

<data:post.body/>

- طريقة البحث مَشروحة في صُورة ..
( يتم الإضافة تحت آخر كود -لكي يظهر في الأسفل  -)


> ثم ضع  الكود الآتي مُباشرة تحته  :
<style>
.promote_post_bg {
height: 75px;
background: url(http://3.bp.blogspot.com/-BFZ6Vqvgd5E/UjttLR7Za6I/AAAAAAAAAW0/o3oLcP5cbuo/s1600/BloggerAdsenSeO.gif) 0 -7px no-repeat;
width: 545px;
margin-left: 40px;
}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 30px 0 0;
padding: 65px 0 0 13px;
text-align: center;
}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;
}
.promote_google {
width: 90px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='BloggerAdsenSeO' 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 = &quot;//platform.twitter.com/widgets.js&quot;;
fjs.parentNode.insertBefore(js, fjs);
}
}(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
</script>
</div>
<div class='promote_facebook'>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
(function (d) {
var js, id = &#39;facebook-jssdk&#39;;
if (d.getElementById(id)) {
return;
}
js = d.createElement(&#39;script&#39;);
js.id = id;
js.async = true;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));
</script> </b:if>
<p style="display:none;"> Sharing Widget by<a href="http://BloggerAdsenSeO.blogspot.com/">BloggerAdsenSeO</a></p>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
</div>
</div>
<div class='promote_google'>
<script type='text/javascript'>
(function () {
var po = document.createElement(&#39;script&#39;);
po.type = &#39;text/javascript&#39;;
po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<a href='http://bloggeradsenseo.blogspot.com/2013/09/add-buttons-publishing-on-social.html' style='display:none;'></a>
<g:plusone annotation='none' size='medium'/>
</div>
</div>
</b:if> </center>



ملاحظة :يمكنك ان تضع الإضافة في أول الموضوع ..
ودلك بنسخالكود بالكامل ..وضعه فوق السطر الدي يوجد فيه 
<data:post.body/> ..

لكن من الأفضل وضع الإضافة أسفل الموضوع ..
في الغالب.. الزائر لن يقوم بنشر موضوع ..هو لم يقرأه ويُعجب به ..


> في الأخير "حفظ" ..
ومبروك عليك الإضافة الجديدة لمدونتك ..


اتمنى ان يكون الشرح واضح ..
وإلى اللقاء في موضوع جديد ضمن أهم إضافات بلوجر ..

Sharing Widget byBloggerAdsenSeO

navright

هناك 3 تعليقات:

  1. لو سمحت يا اخى وضح الاختلاف فى الكود علشان يظهر لموقعى مش موقعك

    ردحذف
    الردود
    1. الكود يعمل لجميع المواقع ..لا يوجد إختلاف ..!!

      حذف

الموضوع السابق الموضوع التالي الصفحة الرئيسية
 

أدخل إيميلك لـ التوصل بجديد مواضيع الموقع :