طريقة اضافة ازرار مشاركة المقالة الى مواقع التواصل في اسفل مقالات بلوجر



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

طريقة اضافة ازرار مشاركة المقالة الى مواقع التواصل في اسفل مقالات بلوجر

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


كل ماعليك فعله هو الذهاب إلى لوحة تحكم مدونتك والضغط على قالب ثم تحرير html ثم متابعة وتقوم  بوضع العلامة على مربع  توسيع قوالب عناصر واجهة المستخدم ثم تضغط في مفاتيح جهازك على ctrl + f وتبحث عن هذا الكود :






               <data:post.body/>



بعد أن تجده ، وقد تجد الكثير منه والمقصود هو الأخير تقوم بلصق هذا الكود بعده 





 <div align=’center‘>
  <span class=’post-icons’>


<!– Widget Title , Share This Start, Remove Or Leave–>
<p align=’right‘>
  <img alt=” border=’0′ id=’BLOGGER_PHOTO_ID_5441163760466269298′ src=’http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg‘/></p><!– Widget Title , Share This Start, Remove Or Leave–>

<!– Stumbleupon Button Start, Remove Or leave –>

  <a expr:href=’&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=’&quot;http://www.technorati.com/faves?add=&quot; + 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=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=’&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=’&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=’&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=’&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + 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&amp;login=tweettrackjs&amp;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=’&quot;return TweetAndTrack.open(this, &quot;&quot; + data:post.url + &quot;&quot;);&quot;’ href=’#’>
  <span style=’display:none;’>I&#39;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>



إذا كنت تريد تغيير الصورة التالية مثلا بصورة أخرى قمت بتصميمها 

فقط غير هذا الرابط الخاص بالصور في الكود برابط صورتك التي قمت بتصميمها شخصيا

 http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg