الاثنين، 28 يوليو 2014

إضافة "هل أعجبك الموضوع؟" أسفل كل تدوينة

بقلم: BR MED يوم الاثنين، 28 يوليو 2014 القسم : 2 التعليقات
 السلام عليكم و رحمة الله و بركاته
نلتقي مجددا إخواني أخواتي متابعي مدونة ورشة مدون كما ذكرنا سابقا نعلم جيدا دور مواقع التواصل الإجتماعي في نشر المدونة ومواضيعها قصد كسب متتبعين من تلك المواقع و اليوم أحضرت لكم إضافة إحترافية للبلوجر وهي عبارة عن أزرار لمشاركة المواضيع هذه الأزرار مرفوقة بسؤال "هل أعجبك الموضوع؟" تمكن الزائر من مشاركة التدوينة هذه الإضافة بشكلين سأشرح تركيب كليهما
الشكل الأول:
طريقة التركيب:
1- من  لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
ثم نلصق الكود التالي قبله مباشرة :
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
ثم قم بالبحث عن هذا الكود
<data:post.body/>
سوف تجده عدة مرات الثانية هي المقصودة
بعد ذلك نلصق الكود التالي أسفله مباشرة
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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;'> هل أعجبك الموضوع &#1567; </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>
الشكل الثاني:
لتركيبها ما عليك سوى إستبدال أخر كود وضعته في الشكل الأول بهذا الكود :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
هل أعجبك الموضوع &#1567;
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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=&quot;https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<div id='plusone-div'/></div>
</div></b:if>
هذا كل ما في موضوع اليوم إلى تدوينة أخرى إنشاء الله

هناك تعليقان (2):

  1. شكرا اخي لو سمحت كود المربع الذي تضع فيه الاكواد :)

    ردحذف
    الردود
    1. شاهد هذه التدوينة : صندوق الأكواد المطور للبلوجر
      http://warch-mo.blogspot.com/2014/06/box-code-html.html

      حذف

يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r