[seos7]

إضافة أزرار الشير الرائعة

أزرار مشاركة المواضيع المميزة

إضافة مميزة لمدونتك , ويدجت أزرار الشير الرائعة تعمل بإضافة CSS
قم بإستخدام هذا الويدجت بدلاً عن أزرة الشير القديمة الخاصة بك وأضف لمسة جمالية إلى مدونتك

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

ما الذى يميز هذه الإضافة ؟

1 - سهلة التركيب

2 - أزرار الشير فى شكل دوائر

3 - إضافة CSS تجعلها أكثر إحترافية

4 - تحتوى على أشهر المواقع الإجتماعية

5 - مصممة بإتقان ولا تبطئ من تحميل الصفحة

الأن هل ترغب فى تركيب هذه الإضافة على موقعك ؟ , حسناً فقط إتبع الخطوات

1 - إدخل على القالب الخاص بك

2 - إضغط على تحرير HTML

3 - إكتب CTRL+F وإبحث عن ]]></b:skin>

4 - بعد أن تجد ]]></b:skin> قم بإضافة الكود التالى فوقها مباشرة

كود PHP:

/*----Start Social Sharing CSS----*/  .fade img {  filter:Charlieundefinedopacity=100);  -moz-opacity: 1.0;  opacity: 1.0;  -moz-border-radius:5px;  -webkit-border-radius:5px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  }  .fade:hover img {  filter:Charlieundefinedopacity=20);  -moz-opacity: 0.20;  opacity: 0.20;  -moz-border-radius:5px;  -webkit-border-radius:5px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  }  /*----end SocialSharing CSS----*/ 


5 - الأن إبحث عن <data:post.body/> بإستخدام CTRL+F

6 - عندما تجد <data:post.body/> قم بوضع الكود التالى أسفلها مباشرة

كود PHP:

   <b:if cond='data:blog.pageType == &quot;item&quot;'> 
<center><span  style='color: #000000; font-size: 14px; font-family: Trebuchet  MS;'><b>إذا أعجبك هذا الموضوع رجاء خذ من وقتك  </b></span><br/> 
<a  class='fade'  expr:href='&quot;http://technorati.com/faves?add=&quot; +  data:post.url' rel='external nofollow' target='_blank' title='Share this  on Technorati'><img alt='Technorati' height='64px'  src='http://4.bp.blogspot.com/-5c0OKSkj__A/UJ-RBiEJ4_I/AAAAAAAAADw/Kzo4MJEKWss/s1600/technorati1.png  ' width='64px'/></a> 

<a  class='fade'  expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;   + data:post.url' rel='external nofollow' target='_blank' title='Submit  to Digg'><img alt='Digg This' height='80px'  src='http://2.bp.blogspot.com/-KxZlE7ES3x0/UJ-Qvecm3KI/AAAAAAAAADI/bTroWea_L0g/s1600/Digg1.png  ' width='80px'/></a>

<a  class='fade'  expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; +  data:post.url + &quot;&a ثوانى وشاركه مع أصدقائك mp;t=&quot;  + data:post.title' rel='external nofollow' target='_blank' title='Share  this on Facebook'><img alt='Facebook' height='100px'  src='http://2.bp.blogspot.com/-lJiA75iOocU/UJ-QyIlNNoI/AAAAAAAAADQ/aXWvnWeHxmE/s1600/Facebook1.png  ' width='100px'/></a> 

<a  class='fade'  expr:href='&quot;http://twitter.com/home?status=&quot; +  data:post.url + &quot;&amp;title=&quot; + data:post.title'  rel='external nofollow' target='_blank' title='Tweet This !'><img  alt='Twitter' height='100px'  src='http://3.bp.blogspot.com/-Q61zLdvhfVg/UJ-Q837JL7I/AAAAAAAAADo/RGEsShvCrCc/s1600/Twitter1.png'  width='100px'/></a>

<a  class='fade'  expr:href='&quot;http://reddit.com/submit?url=&quot; +  data:post.url + &quot;&amp;title=&quot; + data:post.title'  rel='external nofollow' target='_blank' title='Share this on  Reddit'><img alt='Stumble' height='80px'  src='http://1.bp.blogspot.com/-z0lRHHzjSgo/UJ-Q1IjNL5I/AAAAAAAAADY/eLwZTw2YE9o/s1600/Reddit1.png'  width='80px'/></a> 

<a  class='fade'  expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; +  data:post.url + &quot;&amp;title=&quot; + data:post.title'  rel='external nofollow' target='_blank' title='Stumble upon something  good? Share it on StumbleUpon'><img alt='Stumble' height='64px'  src='http://3.bp.blogspot.com/-FLbwRBN7BO8/UJ-Q4ML9PUI/AAAAAAAAADg/v9Wh6OX_0pY/s1600/Stumble1.png'  width='64px'/></a> 
</center> 
</b:if>
<div style="text-align: right;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: xx-small;"><a href="http://www.seos7.com/"  target="_blank">سيو<span  id="goog_1627905543"></span><span  id="goog_1627905544"></span> صح  </a></span></div> 


7 - الأن إبحث عن <body/> وقم بإضافة الكود التالى فوقه

كود PHP:

<div style='position: fixed; bottom: 2%; left: 2%;'> <div class='shareEgg' id='shareThisShareEgg'/> </div> <a href="http://goo.gl/Wpv0RJ">.</a> 


والأن إضغط حفظ القالب وإذهب إلى مدونتك وإستمتع بالإضافة المميزة