ونكمل مسيرة اضافات مواقع النشر الاجتماعية بهذه الاضافة الجميلة والتي تحتاجها كل مدونة لتسهيل المشاركة مع مواقع النشر الاجتماعية والتي باتت جزءا لا يتجزأ من استخدامات الانترنت في العالم بشكل عام ووطننا العربي الحبيب بشكل خاص ، ولهذا فلا عجب بأن انشر الكثير من التدوينات التي تركز على هذا الجانب من تطوير مدونات بلوغر .
طريقة تركيب اضافة ازرار المشاركة
_____________________________________________________________________
الخطوة الاولى
من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب– وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم
الخطوة الثانية
ابحث عن :
<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='"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/AVvXsEhV_GGMPiZDrlw0EqBV7uze6u8aMisfjC6ZxplhAXhFO-vSRhwHlvLTwUlD3q9hT5uM8GmLGtYfawNnC4MTW-J2qIuGpHQjWJ8aybGy4QiZ9jjK6-lCoi0gk4qaKjYuPHjGxGX8Eht4bO8/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRMwtZFB-Ch60jtNv7cbDNkKOojxuL8PO9-sY4iAPkpRy8N6Ald0rYifTVJCAZ226Warj3X7yvZwNHJpkGXTIZaGmps83X6ZtscWs9fGUxJsOpW6McpeoNMs34IJA8pF8FZQp2h1N2XAg/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikluu7-52nyh54sygJyaAj2fPWX82USM1g0gKTSbd1NKegP0GzSZGF1g7jfZhA5R3QDqACgvUDyYdRmtQZEeBt9v0-ltwuB274Jwo4B2dhFFNytJKHP9XWBZ-KoapoMJzd_ZYQa6lUyyY/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hqExkThJWu9_Bo2_BsD6_wwgIjQclQqRfC31ksvHT7MWqPnHzaeLT_J2GBMnoUczu01NcytU6dhP6t8OFoied6vIxv4Zc74jtU62CSOq2vzXtXFLYNFLe1BRzmMF0Y_1dftuTETjzU0/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfxmeGDCIu-gjZ5WJ7caBrUBOCiu_wEHR6Qf5RYbkpo84Ye7b1KVzYzverqzjsHfyRDU8prCydvG36qWG0s6VAmIuzfhj9aULI7YCwTv9GT3iDfsNnJ_fEyYsB_j4vPlitcy4_uFVDDLM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpkHlGF-LAtm19-llk2doafilIrDyMIwsxF20DbasnTFJ8oPrJdXO_Qdiq4UlEfR0WH4dCvqs5ip3rfS2FST_lSjDNXLZZyO-H4Pss53H-3UT6O78gBbXDn6LHlKpRdTJy0eBultaESw/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwoiBJ_qWimBI_uCKPiAGgRKPW_iN6V7R953CQzZQ_LVDTRYr7E1l47q0l1ovSSsUsYQb1vNmxIepbKfSrtoT9b_o7rl9GFPrW-4Bkkw9c8inYVRNQcnkTcSLZB2a_KR82BlRs0K5Q3P8/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>
الان احفظ القالب ومبروك عليك الاضافة .
لتخصيص الاضافة بما يناسبك تابع التدوينة
_____________________________________________________________________
اولا : تستطيع ان تحذف اي ايقونة من هذا الكود وهذا مثال :
لحذف ايقونة موقع deliciusاختر هذا الكود واحذفه مع المحافظة على نفس المسافة بين اكواد الايقونات :
<!-- 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikluu7-52nyh54sygJyaAj2fPWX82USM1g0gKTSbd1NKegP0GzSZGF1g7jfZhA5R3QDqACgvUDyYdRmtQZEeBt9v0-ltwuB274Jwo4B2dhFFNytJKHP9XWBZ-KoapoMJzd_ZYQa6lUyyY/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave -->
وتستطيع ايضا ان ترتب الايقونات بما يناسبك عن طريق بدال اماكن الاكواد .
ثانيا : غير صورة عبارة شارك هذه الصفحة بأي صورة اخرى
هذا رابط الصورة في الكود :http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg
ونفس الامر بالنسبة للايقونات تستطيع تغيرها عن طريق تغيير روابط الصور، وعلى سبيل المثال هذا هو رابط صورة ايقونة تويتر :
http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png
ثالثا : كلمة center وتعني المنتصف وهي تخص الايقونات وتستطيع تغييرها الى right او left (يمين - شمال )
بالتوفيق للجميع
0 التعليقات:
إرسال تعليق