• ×
  • تسجيل

الجمعة 9 ديسمبر 2016 اخر تحديث : اليوم

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

بواسطة : حذيفة
 0  0  1.2K
إضافة أزرار الشير الرائعة
زيادة حجم الخطزيادة حجم الخط مسحمسح إنقاص حجم الخطإنقاص حجم الخط
إرسال لصديق
طباعة
حفظ باسم
العربية العامة أزرار مشاركة المواضيع المميزة إضافة مميزة لمدونتك , ويدجت أزرار الشير الرائعة تعمل بإضافة CSS قم بإستخدام هذا الويدجت بدلاً عن أزرة الشير القديمة الخاصة بك وأضف لمسة جمالية إلى مدونتك وإلى من لا يستخدمون ويدجت مشاركة المحتوى , من أهم الأشياء التى يجب أن تحتوى عليها أى مدونة هى أزرار الشير , لتتمكن من نشر محتوى موقعك على أوسع نطاق , فإنك بهذا تزيد شعبية مدونتك على الإنترنت و تحصل على باك لنكات مجانية بدون مجهود أيضاً . ما الذى يميز هذه الإضافة ؟ 1 - سهلة التركيب 2 - أزرار الشير فى شكل دوائر 3 - إضافة CSS تجعلها أكثر إحترافية 4 - تحتوى على أشهر المواقع الإجتماعية 5 - مصممة بإتقان ولا تبطئ من تحميل الصفحة الأن هل ترغب فى تركيب هذه الإضافة على موقعك ؟ , حسناً فقط إتبع الخطوات 1 - إدخل على القالب الخاص بك 2 - إضغط على تحرير HTML 3 - إكتب CTRL+F وإبحث عن ]]> 4 - بعد أن تجد ]]> قم بإضافة الكود التالى فوقها مباشرة
كود :
/*----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 - الأن إبحث عن ost.body/> بإستخدام CTRL+F 6 - عندما تجد ost.body/> قم بوضع الكود التالى أسفلها مباشرة
كود :
<b:if cond='data:blog.pageType == "item"'> 
<center><span style='color: #000000; font-size: 14px; font-family: Trebuchet MS;'><b>إذا أعجبك هذا الموضوع رجاء خذ من وقتك </b></span><br/> 
<a class='fade' expr:href='"http://technorati.com/faves?add=" + 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='"http://digg.com/submit?phase=2&url="  + 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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&a ثوانى وشاركه مع أصدقائك mp;t=" + 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='"http://twitter.com/home?status=" + data:post.url + "&title=" + 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='"http://reddit.com/submit?url=" + data:post.url + "&title=" + 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='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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 - الأن إبحث عن وقم بإضافة الكود التالى فوقه
كود :
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<a href="http://goo.gl/Wpv0RJ">.</a>
والأن إضغط حفظ القالب وإذهب إلى مدونتك وإستمتع بالإضافة المميزة

التعليقات

التعليقات ( 0 )

التعليقات ( 0 )