اضافة ازرار مواقع النشر الاجتماعية اسفل التدوينة

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

اولا : عاين الاضافة من هنا

ثانيا : اذا اعجبتك الاضافة فتابع للاسفل لمعرفة طريقة تركيب الاضافة

طريقة تركيب اضافة ازرار المشاركة

_____________________________________________________________________

الخطوة الاولى

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

الخطوة الثانية

ابحث عن :

<data:post.body/>

واضف بعدها هذا الكود :(كود الاضافة)

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


<p align='right'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg'/></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/AVvXsEhElPQiowaU0vOxGrjGSVlhj4_zs9fziFde61AtTO-embrrO5S8ZDxBgRU9Tt4Tz1GTEalFNcAI6Hggd69M5KJNl0bHtHZ_PzHLzKsCYaVGgjM8QaeScd7BCnVmN7IrzO4N89Bh6qvm8uY/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/AVvXsEjaRQp0emF0j21F2HfnUwbzHu0etSP7hHs8gIb5HiSNPWHI_Jb2gQBWXYkEupi9BhNOTY0HJsUjyBwrdb1u8T5Y0WVf9y9e0tgdAm4TP3ce5-mA512QriCHLK00Ew-cI323p1wVL-0rgQI/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/AVvXsEiQl3TRGqlm69quia0tgwBxO6mG7Mqd5GflEFiyXGz3rjQjenyvcLVJLHsxo14o-ceKrZa_21prtjT3REiRnVlNPEP5ABFNzyv4-cRKapJie18BhYlNtbsSl1BtbW8HP9AfWGuVNedjPyM/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/AVvXsEhpqtw8JjYpGgd-VRiSpPlT0JTXq0IhIR5MU-L5hwU_Iv3ILr3dfG3KFRU_HPF5p-eojXmA6lg3MNY7GV5ySFttOZGeNvhIKPZBBs28-QwuJY8ZreLA-b1LtCssi_JDzFhq81XVz_0c4KI/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/AVvXsEhDwZCNFDpVHIN2ZsaZY5R7Ti5a6tlx_GtuPQDRY-nLfhbWiJM-2ugYGJVatuMlL1OCMdKa-jGlaCYPQEr72kBzx2dRzvRG8eZhJ7ihUQ7KlpbNBdefYKujG523aMKRLW683slGIjfIWKM/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/AVvXsEjEx6jL6H9E4IAfzrXLH2t869oKx5EYWk-4-6tXjvBuQptwqVqhs3tK76aHtA2M8u5qjtaeyxle9I97A8pdFZU4hAnMlYSg1wc-hqmlWw0JjzBB2sE2qcoY6ajSbcMY0td8sKhjOpnQmQI/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/AVvXsEi6YubVCZFD32tKKkNxSPP1ad4hSF4hPedUmUcsc-j9-u307NSXwdS4Zpzx8dB1aLPjA7JrQbiTxHBqrv2Cq5naDjadUBy-FDz_crzBDj0_HHXa7Hqe60gB7_DBm_26l-Ulezd4zQDOtk4/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: <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>


</span>
</div>

الان احفظ القالب ومبروك عليك الاضافة .

لتخصيص الاضافة بما يناسبك تابع التدوينة

_____________________________________________________________________

اولا : تستطيع ان تحذف اي ايقونة من هذا الكود وهذا مثال :

لحذف ايقونة موقع delicius
اختر هذا الكود واحذفه مع المحافظة على نفس المسافة بين اكواد الايقونات :


<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/AVvXsEiQl3TRGqlm69quia0tgwBxO6mG7Mqd5GflEFiyXGz3rjQjenyvcLVJLHsxo14o-ceKrZa_21prtjT3REiRnVlNPEP5ABFNzyv4-cRKapJie18BhYlNtbsSl1BtbW8HP9AfWGuVNedjPyM/s200/delicious.png'/></a>


وتستطيع ايضا ان ترتب الايقونات بما يناسبك عن طريق بدال اماكن الاكواد .

ثانيا : غير صورة عبارة شارك هذه الصفحة بأي صورة اخرى

هذا رابط الصورة في الكود :
http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg

ونفس الامر بالنسبة للايقونات تستطيع تغيرها عن طريق تغيير روابط الصور، وعلى سبيل المثال هذا هو رابط صورة ايقونة تويتر :
http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png

ثالثا : كلمة center وتعني المنتصف وهي تخص الايقونات وتستطيع تغييرها الى right او left (يمين - شمال )

رابعا : اتمنى ان تكون الاضافة في متناول الجميع بدون اية عوائق في القالب ، ولا انسى ان اشكر allblogtools .

بالتوفيق للجميع

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

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