اضافة أزرار المشاركة الاجتماعية مرفقا بكلمة شكر مع عنوان كل تدوينة على حدى!! |SWE-UP
من المهم لأي موقع لكي ينتشر ان يتوفر على كل وسيلة تساعده في الانتشار عبر أشهر مواقع التواصل الاجتماعي فيس بوك ,توتير ,قوقل+ لنكد ان ..الخ ,اليوم سنضيف صندوق أسفل كل تدوينة يحتوي على ازرار المشاركة الاجتماعية الميزة اننا سنوجه رسالة شكر للقارئ على انه قرأ التدوينة مرفقا بعنوان التدوينة وطلب منه الظغط على أحد ازرار المشاركة الموجودة اسفل الصندوق .دعونا نركب الصندوق
التسجيل في بلوجر>>تحرير القالب >>البحث عن الوسم التالي ]]></b:skin> ولصق الكود التالي فوقه مباشرة .post-footer {
position: relative;
display: block;
background: url("https://scontent-sin.xx.fbcdn.net/hphotos-prn1/t39.1997-6/p128x128/851558_690520954295111_911904297_n.png") -15px center no-repeat scroll #FEF4C8;
color: #666;
margin:10px 0 0 0;
padding: 10px 20px 10px 100px;
border-radius: 4px;
border-bottom: 1px solid rgba(0,0,0,.1);
line-height: 1.4em;
font-weight: bold;
}
الان عليك البحث عن الكود التالي وللملاحظة تتم عملية البحث عن طريق الظغط على CTRT+F داخل محرر HTML <div class='post-footer'>...</div>
يمكن ان لا تجد هذا الكود وهذا يرجع لتصميم مدونتك لذا يمكنك مراسلتي عبر اتصل بنا لأحل لك المشكلة ,بعد أن تجد الكود عليك استبداله بالكامل بالكود التالي
<div class='post-footer'>
<p>شكرا لكم لزيارتكم وأتمنى ان تكونوا قد أستفدتم من تدوينة <i><data:post.title/></i>, اذا كنت تريد نقل التدوينة لاي موقع اخر فأرجوا أن تضع رابط المصدر بشكل صحيح.<br/>
لا تنسى الظغط على أحد الازرار التالية</p>
<div class='post-footer-line post-footer-line-1' style='line-height: 0.9em;'>
<span class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>
<span class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url' style='margin-right:30px'/>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='Dian Anarchyta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script data-counter='right' expr:data-url='data:post.url' type='IN/Share'/>
<script src='//platform.linkedin.com/in.js' type='text/javascript'/>
<div class='clear'/>
</div>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
الان احفظ القالب ,كما يمكنك تغيير الكلام المعلم باللون الأصفر بالصياغة التي تعجبك
ممنوع نقل الموضوع ذون ذكر المصدر
http://www.sweup.com/2014/05/widget-share-facebook-Google-Plus-Twitter-Linkedin.html
Sign up here with your email
ConversionConversion EmoticonEmoticon