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

الأربعاء، 18 سبتمبر 2013

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

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

الشكل الاول

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

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

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

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

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

<div class='post-footer'>

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

<data:post.body/>

ستجد هذا الكود مكرر اكثر من مره (الكود الذي بعد اضافة اقرأ المزيد هو المطلوب)
** الان قم بلصق الكود التالي بعده تماما (تحته)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<b:if cond='data:blog.pageType == "item"'>

<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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' 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="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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'/>

ثم قم بالبحث عن

<div class='post-footer'>

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

<data:post.body/>

ستجد هذا الكود مكرر اكثر من مره (الكود الذي بعد اضافة اقرأ المزيد هو المطلوب)

**الان الصق الكود التالي بعده مباشره (تحته)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<b:if cond='data:blog.pageType == "item"'>

<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;'> هل أعجبك الموضوع ؟ </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>

الأربعاء، 18 سبتمبر 2013