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

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

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


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

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


إضافة مميزة لمدونتك , ويدجت أزرار الشير الرائعة تعمل بإضافة 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='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/> وقم بإضافة الكود التالى فوقه

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

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

ليست هناك تعليقات

تابع سيو صح

تواصل معنا مباشرة

الاسم

بريد إلكتروني *

رسالة *