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

اضافة أيقونات المفضلة تحت مواضيع مدونتك أمر جميل ويسمح لزوار مدونتك بمشاركة أصدقائهم عبر الشبكات الإجتماعية المختلفة لمواضيع مدونتك مما يزيد عدد زوار المدونة بشكل ملحوظ ,خاصة منها الشبكات الإجتماعية الكبيرة مثل facebook وموقع twitter و myspace وغيرها من المواقع التي تحتوي على عدد كبير من المشتركين يقدر بعشرات الملايين .


اتبع الخطوات البسيطة لشرح كيفية اضافة أيقونات المفضلة social bookmark تحت مواضيع مدونتك 


  1. - قم بتسجيل الدخول الى مدونتك .
  2. - من لوحة التحكم بمدونتك اختر التخطيط ثم اختر تحرير html .
  3. -اضغط المفتاح f3 من لوحة المفاتيح الخاصة بك وقم بالبحث عن الكود التالي :

___________________________________
<data:post.body/>
___________________________________


4- مباشرة بعد الكود السابف قم بلصق الكود التالي ثم اضغط حفظ .
---------------------------------------------------------------------------------------------
<div align='left'>
<span class='post-icons'>
<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='left'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://3.bp.blogspot.com/_JwD5r652h00/S4LlnJNSFHI/AAAAAAAAAU8/b0CwEmD94jg/s400/share-this.png'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->
<!-- Stumbleupon Button Start, Remove Or leave -->
<a expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='http://2.bp.blogspot.com/_vLeiVavkV_M/SnleiulEMVI/AAAAAAAABeU/kO09nNTlQeo/s200/stumbleupon.png'/></a>
<!-- Stumbleupon Button End, Remove Or leave -->
<!-- Technorati Button Start, Remove Or leave -->
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='http://1.bp.blogspot.com/_vLeiVavkV_M/SnlenauwzjI/AAAAAAAABec/btszO5xBOgg/s200/technorati.png'/></a>
<!-- Technorati Button End, Remove Or leave -->
<!-- Delicious Button Start, Remove Or leave -->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='http://2.bp.blogspot.com/_vLeiVavkV_M/Snld35mPSDI/AAAAAAAABds/ccrOpOmP9Zk/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave -->
<!-- Digg Button Start, Remove Or leave -->
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='http://3.bp.blogspot.com/_vLeiVavkV_M/Snld_x-wXoI/AAAAAAAABd0/cTsGU_Y-zQ8/s200/digg.png'/></a>
<!-- Digg Button End, Remove Or leave -->
<!-- Reddit Button Start, Remove Or leave -->
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='http://3.bp.blogspot.com/_vLeiVavkV_M/SnleX1tMMtI/AAAAAAAABeM/gQSYdrmSc3k/s200/reddit.png'/></a>
<!-- Reddit Button End, Remove Or leave -->
<!-- FaceBook Button Start, Remove Or leave -->
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='http://3.bp.blogspot.com/_vLeiVavkV_M/SnleIlLdGwI/AAAAAAAABd8/RfHnWIGGMEY/s200/facebook.png'/></a>
<!-- FaceBook Button End, Remove Or leave -->
<!-- Yahoo Button Start, Remove Or leave -->
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='http://1.bp.blogspot.com/_vLeiVavkV_M/SnlexsGX2QI/AAAAAAAABes/ai6zvzZKCgw/s200/yahoo.png'/></a>
<!-- Yahoo Button End, Remove Or leave -->
<!-- Twitter Button Start, Remove Or leave -->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>I'm reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
<!-- Twitter Button End, Remove Or leave -->
</span>
</div>
---------------------------------------------------------------------------
5- ثم قم بعرض المدونة لمشاهدة النتيجة كما بالصورة التالية .



6-اذا كنت تمتلك مدونة باللغة العربية تستطيع تغير الكود من اليسار الى اليمين وذالك بتغيير left الى right كما يمكنك تغيير الإسم

شارك الموضوع

مواضيع ذات صلة

1 التعليقات:

إدعمنا بـ التعليقات
21 يناير، 2013 11:18 ص حذف

انا ضغتط على اف ثرى بس مافيش كود ظهر ولا حاجه

رد
avatar