طريقة إضافة أداة هل أعجبك الموضوع أسفل المواضيع في بلوجر

طريقة إضافة أداة هل أعجبك الموضوع في بلوجر

بسم الله الرحمن الرحيم . إخواني أخواتي زوار الموقع المحترمين فيما لا شك فيه أن العديد من مهتمي المدونات يريدون إشهار مواضيعهم و زيادة عدد متبعي المدونة . إذا ان هنالك طرق عديدة لذلك نأخد كمثال المواقع الإجتماعية فايسبوك تويتر جوجل بليس إذا أن هذه أخيرة تلعب دورا هاما في نشر مواضيعك و استقطاب عدد كبير من زوار . لذلك سأقوم بشرح كيفية إضافة اداة هل أعجبك الموضوع و على شكلين مختلفين و التي تضهر تحت كل تدوينة من تدوينات موقعك . بدون ايطالة تابع الشرح .

معاينة الأداة

نمر لكيفية إضافة الأداة :
توجه للوحة التحكم الخاصة بمدونتك.
2. إختر قالب.
3. ثم تحرير HTML.
4. إضغط داخل مستطيل أكواد القالب مرة واحدة.
5. إضغط من لوحة المفاتيح لوحة مفاتيح على CTRL + F.
6 تتحصل على مستطيل البحث داخل الأكواد، قم بالبحث عن الكود التالي: 

<div class='post-footer'>

إذا لم تجد الكود السابق فالبحث عن

<data:post.body/>

1-إذا كنت تريد اضافة هذا الشكل اضف هذا الكود تحت الكود السابق

<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'>

هل أعجبك الموضوع ؟

<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-و إذا كنت تريد اضافة هذا الشكل الثاني  اضف هذا الكود تحت الكود الأول

<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>

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

مقالات ذات صلة