طريقة اضافة "هل اعجبك الموضوع" بشكلين.

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

الشكل الاول 

اضافة ادوات النشر + صندوق لحساب عدد مرات المشاركه

طريقة التركيب 

1- من  لوحة التحكم -> قالب -> تحرير HTML 

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (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>

الشكل الثاني

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

كيفية اضافة هذه الاداه الى مدوناتكم

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>

وهكذا يكون الشرح قد انتها و السلام عليكم و رحمة الله تعالى و بركاته