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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----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/> قم بوضع الكود التالى أسفلها مباشرة

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpeaqLwjckgvVYsuj-qnMmL4EcVsZkWE60EzlZX0iwsI8Y5lo492H4iEEbM-pgHWgFbMvuPAMFbfiffWs1F3kpxFH1Qx3_HV6GdHvyF4r67gCFpTHGEUt6TSzSIGq_SROZxLsUB8sCnmpl/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Mun-lJnUqN4Jeadd7NUVLpPF4qa7Sjmqj_obiDU3t6oiTFrSwHCfnR3fV4UTXnyMOYLTCE0He-WlueyDoLz6JraZlTLDJxfZEXxr37zsadRQBn6_MZWnSNI_tw3C_rxyBCJQfs6gfPTB/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3OpnHgtD43Nnh9fZP0zdeAXwSpji4k-YjLhySplQIgheQL0s4fYSjMKZEJDX6gvP89LuJ0T_QVX-urEEvL9TwL-cDjD_ZL3OF4rwpAxKM0wzwRbMjEAU2Yx8GZGsXzWlaE_8aqzEoxKWI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg0VbdVKV5i8O-TxYlMaUegFnPEo9LM9narjrfeLqvdaZrM5o-p7VS1Idlk2qdXs-61ARLp4xF4cUeUpjh5Jd2x2qGA7682uezqol5zkDvtrK6dVHuNsv6HqdmB69U3L0bxgMNmGETHulB/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHzlI3uOluLZozfg0O3ZFq-pz3l8DyRp4gaaYAxhdcV2kknIOqHXzMbtnFooyEDd-qkWhE8uPUhd1IOVyQSff_BX_0CdoZy0McJAsp2obfGu_03GWDRMsysnSZLCHxBicf82dNieU9cTzG/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDMjnn7RSnaCDyKEMxca3QTmHvGT8ywDMZVMKViCP88JHY-03V5AmRf1nOaCg-IXj3heQdw0pAn-8kxXuDGknYc0eBIHG7PwvNOlNw_aZE66w-_NA-vw0Dn4WkeI5H5D5XMTFCq2Lde0Ao/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/> وقم بإضافة الكود التالى فوقه

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

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

لا تنسوا بأن تشتركوا فى قائمتنا البريدية لتحصلوا على كتاب سيو صح من هنا