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

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

 

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

<div class='post-footer-line post-footer-line-1'>

ملاحظة : اذهب الي لوحة التحكم الرئيسية في blogger بعدها الي التخطيط ثم الي تحرير HTMAL وبعدها قم بالضغط علي توسيع القالب وبالضغط علي امر Ctrl+f ونبحث عن احد من الاكواد

يمكنك اضافة الازرار تحت هذا الكود ليكون الزر في نهاية الموضوع او فوق هذا الكود ليكون الزر بأول الموضوع

<data:post.body/>

 

الازرار في بلوجر – الاضافة الاولي

image اضافة مميزة بحيث توفر الكثير من الخيارات كما هو موضح اعلي , هذه الاضافة الاكثر انتشارا في عالم الويب

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b757622ee98ff"></script></div>
<!-- AddThis Button END -->

 

الازرار في بلوجر – الاضافة الثانية

image اضافه جميلة مثل ما سبق ولكن اصغر من السابق واعتقد انها اجمل من السابقة ,,,

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b75a921869577"></script></div>
<!-- AddThis Button END -->

 

الازرار في بلوجر – الاضافة الثالثة

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

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c0b772a6ce8233a' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b772a6ce8233a"></script>
<!-- AddThis Button END –>

 

الازرار في بلوجر – الاضافة الرابعة

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

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c0b788548469805' class='addthis_button_compact'>Share</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b788548469805"></script>
<!-- AddThis Button END -->

جميع الازرار السابقة مزودة من موقع www.Addthis.com 

الازرار في بلوجر – الاضافة الخامسة

image اضافة جميلة جدا ومنسقة بشكل جميل وبخيارات اخري جميلة وبنسق مختلف ومن موقع مختلف كذلك

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share/Bookmark"/></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

الازرار في بلوجر – الاضافة السادسة

image اضافة جميلة ومنسقة مثل الاضافة السابقة ولكنها اصغر  ,,,,

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_120_16.gif" width="120" height="16" border="0" alt="Share/Bookmark"/></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

الازرار في بلوجر – الاضافة السابعة

image

كذلك اضافة مثل السابقة ولكن باختلاف بسيط ,,,,

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_106_16.gif" width="106" height="16" border="0" alt="Share/Bookmark"/></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

 

الازرار في بلوجر – الاضافة الثامنة

image اضافة عبارة علي صور مربع صغير فقط يمكن الجميع من المشاركة بكل بساطة

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/favicon.png" width="16" height="16" border="0" alt="Share/Bookmark"/></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

 

الازرار في بلوجر – الاضافة التاسعة

image  اضافة مثل ماسبق ولكن بحجم اكبر من السابق ,,,,,

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_256_24.png" width="256" height="24" border="0" alt="Share/Bookmark"/></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

 

الازرار في بلوجر – الاضافة العاشرة

image هذه الاضافة سندرجها باللغة العربية وباللغة الانجليزية وفي الصورة اعلي نشاهد المثال باللغة العربية

<!-- AddToAny BEGIN -->
<a class='a2a_dd' href='http://www.addtoany.com/share_save'>شارك الموضوع</a>
<script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
<!-- AddToAny END -->

image للغة الانجليزية يمكنك اضافة الكود التالي

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save">Share & Bookmark</a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

جميع الازرار السابقة مزودة من موقع www.addtoany.com

 

يمكنك اضافة هذه الازرار اما في الموضوع او حتى عبر اضافة اداه HTML/JavaScript  ,,,, بالتوفيق للجميع

twitter شارك هذه الصفحة :

شارك الصفحة في الفيس بوك
شارك الصفحة في صدي قوقل
شارك الصفحة في تويتر Twitter
تابعنا عبر خدمة الخلاصات RSS
تابع تعليقات المدونة عبر الـRSS

أضف بريدك للاشتراك بالقائمة البريدية

Delivered by FeedBurner

0 التعليقات:

إرسال تعليق