الرئيسية  || الأسئلة المتكررة  || المحادثة  || بحث||
  تسجيل الدخول||  التسجيل

قائمة المنتديات » خدمة أصحاب المواقع » محركات البحث - الارشفة - الاشهار

 


إرسال موضوع جديد الرد على الموضوع
الكاتب رسالة
 عنوان المشاركة: اضافة ازرار مواقع النشر الاجتماعية اسفل التدوينة
مشاركةمرسل: 03 أغسطس 2010 03:14 | مشاركةأظهر مشاركة مفردة 

صورة العضو
مشرف سابق

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

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

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



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


_____________________________________________________________________




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

من لوحة التحكم اضغط على التخطيط – تحرير 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-->

<div style="color: red;">

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

</div> <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>
<div style="color: red;">

<!-- Stumbleupon Button End, Remove Or leave -->

</div>

<div style="color: blue;">

<!-- Technorati Button Start, Remove Or leave -->

</div> <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>
<div style="color: blue;">

<!-- Technorati Button End, Remove Or leave -->

</div>

<div style="color: red;">

<!-- Delicious Button Start, Remove Or leave -->

</div>

<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 -->

<div style="color: blue;">

<!-- Digg Button Start, Remove Or leave -->

</div> <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 -->

<div style="color: red;">

<!-- Reddit Button Start, Remove Or leave -->

</div>

<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 -->

<div style="color: blue;">

<!-- FaceBook Button Start, Remove Or leave -->

</div> <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 -->

<div style="color: red;">

<!-- Yahoo Button Start, Remove Or leave -->

</div>

<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 -->

<div style="color: blue;">

<!-- Twitter Button Start, Remove Or leave -->

</div> <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>


[left][/left]

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

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

_____________________________________________________________________


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

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

اقتباس:
[left]<div style="color: red;">

<!-- Delicious Button Start, Remove Or leave -->

</div>

<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>

<div style="color: red;">

<!-- Delicious Button End, Remove Or leave -->

</div>[/left]


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

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

صورةهذا رابط الصورة في الكود :

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 .

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

_________________
◙────█──█──█────────█────────◙

◙────█──█──█────█───█────────◙

◙────█──█──█────█▀█─█────────◙

◙───▀▀──▀▀▀▀▀▀▀▀▀▀▀─█──▀─────◙

◙───────────────────█─█──█───◙

◙───█─█─█──█──█▀▀▀──█─█──█───◙

◙───▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀─▀▀▀▀───◙

◙──────────▀─────────────────◙


          أعلى  
 
 
إرسال موضوع جديد الرد على الموضوع



المتواجدون الآن

المستخدمون المتصفحون لهذا المنتدى: لا يوجد أعضاء مسجلين متصلين و 0 زائر/زوار


عرض مشاركات سابقة منذ:  مرتبة بواسطة  
اذهب إلى:  

لا تستطيع كتابة مواضيع جديدة في هذا المنتدى
لا تستطيع كتابة ردود في هذا المنتدى
لا تستطيع تعديل مشاركاتك في هذا المنتدى
لا تستطيع حذف مشاركاتك في هذا المنتدى
لا تستطيع إرفاق ملف في هذا المنتدى



قد تضع هنا تبرعا لك عبر البي بال

Valid CSS!



Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Translated by phpBBArabia
Powered by phpBB-FOX SEO the premodded version of phpBB