بشكل جديد أداة المشاركات الإجتماعية لمدونات Blogger بطريقة سحرية
السلام عليكم و رحمة الله .. اليوم سأضع لكم شرح طريقة تركيب install أداة المشاركات الإجتماعية لمدونات Blogger
هي مجموعة من الأزرار التي تأتي تلقائياً مباشرة بعد كل تدوينة .. من أجل تسهيل عملية النشر من قبل الزوار
مثال حي صورة للأداة .. ( الصورة من مدونتي | مدونة blog ديزاد سوفت التقنية )
http://i.imgur.com/LRIHf.png
** مميزات الإضافة :
- المزيد من الاحترافية لمدونتك
- شكل رائع وجميل لازارير المشاركة الإجتماعية " فيس بوك - تويتر - جي ميل - الخ "
- متوافق مع كل المتصفحات
- قابل للتعديل والتنسيق بلا شك
- سهل التركيب install - الحذف
- يمكن وضعه للمدونات ذات الخلفية البيضاء أو الداكنة
- حجمها مقبول
- اكبر اضافة ازرار اجتماعية موجوده للمواقع والمنتديات
** الآن نأتي إلى طريقة التركيب install :
من رئيسية المدونة blog توجه الى تصميم - تحرير HTML - قم بحفظ القالب template كالعادة وأبحث عن :
ملاحظة : إستعن بخاصية البحث المتوفرة في المتصفح بالضغط على Ctrl + F
فوقها تماماً قم باضافة الكود code التالي :
رمز PHP:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js'
type='text/javascript' />
<link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css'
rel='stylesheet' type='text/css' />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
var sexyBaseHeight = jQuery('.sexy-bookmarks').height();
var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight > sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight + 15 + 'px'
}, {
duration: 800,
queue: false
});
}, function() {
jQuery(this).animate({
height: sexyBaseHeight + 'px'
}, {
duration: 800,
queue: false
});
});
}
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth = jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px');
}
});
الآن قم بالبحث عن :
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©