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

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



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

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



آسف على الإطالة ..أتركُكم الآن مع صورة إضافة شاركه على :+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/> ..



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

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

اتمنى ان يكون الشرح واضح ..


إضافة أزرار النشر على الشبكات الإجتماعية أسفل الموضوع  إضافة أزرار النشر على الشبكات الإجتماعية  أسفل الموضوع بواسطة walid al Bana on 9:38:00 ص القسم: 5

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

يتم التشغيل بواسطة Blogger.