اضافة أيقونات المفضلة تحت مواضيع مدونة بلوجر

بسم الله الرحمن الرحيم

---

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

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

-قم بتسجيل الدخول الى مدونتك .

- من لوحة التحكم بمدونتك اختر التخطيط ثم اختر تحرير html .

-اضغط المفتاح f3 من لوحة المفاتيح الخاصة بك وقم بالبحث عن الكود التالي :

___________________________________

كود PHP:

<data:post.body/> 

___________________________________

-مباشرة بعد الكود السابف قم بلصق الكود التالي ثم اضغط حفظ .


__________________________________________________ ________

كود PHP:

<div  align='left'>
<span class='post-icons'>



<p  align='left'>
<img alt='' border='0'  id='BLOGGER_PHOTO_ID_5441163760466269298'   src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWn1zvZ-l9jxx3hFU-H6HCKI_9gZeLd6PadmbX-xLu3vBErsb7WlROzmB6iilIR2oFEHa_NxkKUMKWWYrE0QfTGV6yeZROftProtUYIOacGtoj2x0g_5u2iIn0jCtHTmW7NNWkFnlzXlyz/s400/share-this.png'/>p>




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxZh7bw8R_j9d79_WrxzVBbypDCSLU0f50UHs_owmFb0DM_Jz7dGM0vtgdHmhpz-oAASD3Q6AGWZm10tzZVXvgri9q8NOlNr66NjQSjoCEorLxDLmjoTN-TxibUoNuVqivXTPTg_aiu0/s200/stumbleupon.png'/>a>




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKLyTWHaONw0poiULjhu0lmWfE-xQ920iCnt60uDXpDXX0tPKfN70-k5zXmlNY77oUDK-3W1cIk5qOOtWk3W-_063yOhbwaNkFTV9PyhRGw20G2sCcl4njI9MwuOal2ZNj4x5iN10OpQ/s200/technorati.png'/>a>




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIOpsnhXvXGDiLDhynVQ6VwWqZuQ6eABnzt4DYWpLHI4l8NaSJQK6k6b9h-LYEfxQGltzBeno3hQUg87Tv0SjJOaBj4Hrwrb2dD5VWoPDesR1-ZAYx_4CjmX1OTIRL3d56fnbDi4XkL6U/s200/delicious.png'/>a>




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4GDoBi6M9Yl-kgBdYZJjGrxYoxgjKyDhJDoWXCh7cDaexkAiCB5wVwliOT3iL05v9Mt-YDtD1T9e5JuTwSfsSXCmDj6kxHT9vr-PTMBoysBoYi6oO7IdIlxUBHWRkeEVXiTgE0Au0pfE/s200/digg.png'/>a>




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvyaf7Nmwi8Gfn2Res8WfOkHsXxI0ovAgHxTc7zt8ucsoLEDXnLODU_XArQTOmucn5sqcs9UJtvLxrKydXZQmfANoBloRxfncb5fYtDHyxNCh6lDYrNl3_RAZuTIIiPXDfb29dCD4aJa4/s200/reddit.png'/>a>





<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQU4pXqgheIDnAWk9ao30vaH8l_BF8gtEoaLCc3x8BBFirMpg9ZsrdtsC7HuMEgikq7JHKZr-AwLIhW8wH0NiPlIjcH-JyglzRkYNXS83N7A3Ub0qFsZC4peEQOmjGIf58acTLsBqal_c/s200/facebook.png'/>a>




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOqr3Pdy1Ke2ceO09oL8lSqGSzREdDQqXG3aWyUEjQ4Tj7IVwt7ZiF3fegOGibkqYrRGG8hZg12y50P_-IbsYbpENDuXPRNPdv-eXZqQVkmsxHcS1GMvkLS9x4BAh9zVS277C7tGdk1Q/s200/yahoo.png'/>a>



<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:   Add To Yahoo'   border='0' class='icon-action'   src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/>

span>
div> 

________________________________________________

-ثم قم بعرض المدونة لمشاهدة النتيجة كما بالصورة التالية .

-اذا كنت تمتلك مدونة باللغة العربية تستطيع تغير الكود من اليسار الى اليمين وذالك بتغيير left الى right كما يمكنك تغيير الإسم share this الى أي اسم أخر بالعربية أو الإنجليزية , اذهب الى أي برنامج تصميم للصور وليكن paint مثلا ثم اختر نص صغير مثلا انشر الموضوع ثم قم بحفظ النص بصيغة صورة jpg أو png ثم قم بتحميل الصورة على احدى مواقع رفع الصور أو على بلوجر .



قم بنسخ رابط الصورة المحملة على النات ثم ألصقه كما هو موضح بالصورة التالية :

بالتوفيق للجميع/مدونة الدعم الفني للمواقع والمنتديات