اضافة زر هل اعجبك الموضوع بشكلين مختلفين لمدونة بلوجر

سلام عليكم اخواني

في هذا الدرس من دروس البلوجر سنتعلم طريقة اضافة اداة مشاركة تدويناتك عبر المواقع التواصل الاجتماعي اسفل التدوينة,هذه الاداة مهمة لمدونتك ستوتيح لزوار مدونتك نشر تدوينك في مواقع التواصل الاجتماعي ,مما سيمنحك زوار لمدونتك,كما يمكن لزوار مدونتك نشر تدويناتك في اشهر مواقع التواصل الاجتماعي مثل الفيسبوك والتويتر وجوجل بلس ,كما يمكنك اختيار بين شكلين رائعين لاضافة,لن اطول عليكم اترككم مع الشرح

الشكل الاول:

اضافة ادوات النشر في المواقع الاجتماعية + مرات نشر مواضيعك.

طريقة تركيب الا ضافة في مدونتك.

قم باخد نسخة احتياطية من قالب مدونتك تحسبا لاي مشكل.
توجه الى لوحة التحكم »»» قالب »»» تحريرHTML.
ابحت في القالب عن هدا الكود باستخدام (ctrl+f).

<data:post.body/>

ستجد الكود مكرر اكتر من مرة الكود المقصود الذي اسفل « اقرأ المزيد »
تم قم بلصق الكود التالي تحته تماما.

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

الشكل التاني:

ادوات النشر بشكل افقي.

طريقة تركيب الا ضافة في مدونتك.

قم باخد نسخة احتياطية من قالب مدونتك تحسبا لاي مشكل.
توجه الى لوحة التحكم »»» قالب »»» تحريرHTML.
ابحت في القالب عن هدا الكود باستخدام (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>

المرجوا ان يكون الموضوع قد اعجبكم , اذا كان لديكم اي مشكل او استفسار حول الوضوع المرجوا كتابة سؤالكم في التعليق.

By glok

Similiar tagsاضافات بلوجر