الرئيسيةالبوابةأحدث الصورالتسجيلدخول
اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10شركة انكور التطويريةاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10السبت أغسطس 21, 2021 6:27 am من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10أفضل ألعاب الفلاش أضفها إلى موقعك مجاناًاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الثلاثاء يوليو 05, 2016 12:50 am من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10تصميم إستايل كامل لمنتدى تقنية الحاسوباضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الجمعة فبراير 26, 2016 6:06 am من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10كود Template تسجيل الدخول - احلى منتدىاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10السبت يناير 16, 2016 2:54 am من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10طريقة إنشاء ظل بطريقة احترافية باستخدام برنامج الفوتوشوب ( مع شرح دقيق مرفق بالصور )اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الثلاثاء يناير 12, 2016 2:44 am من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10ستايل منتدى الابداع العربياضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الثلاثاء ديسمبر 22, 2015 3:15 pm من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10اهم مميزات السيرفرات السحابيةاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الثلاثاء ديسمبر 22, 2015 2:26 pm من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10تم تصميم بوابة عاصفة التطويراضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الثلاثاء ديسمبر 22, 2015 2:25 pm من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10طلب تكويد الاستايل يا جماعااضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الإثنين ديسمبر 14, 2015 4:04 am من طرفاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Log10طلب تكويد استايلاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة Expire10الأحد ديسمبر 13, 2015 9:11 pm من طرف

Untitled 4

شاطر

رقم المشاركة : ( 1 )
الرسام
الرسام
مدير عام
 
عدد المساهمات : 947
تاريخ التسجيل : 06/11/2013
مُساهمةاضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة

كُتب : [ الأحد أغسطس 30, 2015 9:53 pm ]




درسنا اليوم يتكلم عن طريقة اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة فى بلوجر 
وغير مزعج للزائر بتاتا 
وهذا مثال 
اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة IiHHAU

بسم الله نبدا 
1- اذهب الى الصفحة الرئيسية لبلوجر 
2- اضغط على كلمة تصميم 
3- إضافة أداة ثم اختار HTML/JavaScript  

ثم قم بوضع الكود التالى بها واحفظ واغلقها 

الكود:
<style>
/*-------MBT Floating Counters------------*/
#floatdiv {
    position:absolute;
    width:94px;
    height:229px;
    top:0;
    left:0;
        z-index:100
}

#mbtsidebar {
        border:1px solid #ddd;
        padding-left:5px;
    position:relative;
    height:220px;
    width:55px;
    margin:0 0 0 5px;
}
</style>


<div id="floatdiv">
<div id="mbtsidebar">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="http://www.tacwed.com/">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank">Widgets</a></p>
    </td>
    </tr>
    </table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document

  <!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
    targetX: 0,
    targetY: 300,
    hasInner: typeof(window.innerWidth) == 'number',
    hasElement: typeof(document.documentElement) == 'object'
        && typeof(document.documentElement.clientWidth) == 'number',
    menu:
        document.getElementById
        ? document.getElementById(floatingMenuId)
        : document.all
          ? document.all[floatingMenuId]
          : document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
    floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
    var de = document.documentElement;
    floatingMenu.shiftX =
        floatingMenu.hasInner
        ? pageXOffset
        : floatingMenu.hasElement
          ? de.scrollLeft
          : document.body.scrollLeft;
    if (floatingMenu.targetX < 0)
    {
        floatingMenu.shiftX +=
            floatingMenu.hasElement
            ? de.clientWidth
            : document.body.clientWidth;
    }
    floatingMenu.shiftY =
        floatingMenu.hasInner
        ? pageYOffset
        : floatingMenu.hasElement
          ? de.scrollTop
          : document.body.scrollTop;
    if (floatingMenu.targetY < 0)
    {
        if (floatingMenu.hasElement && floatingMenu.hasInner)
        {
            // Handle Opera 8 problems
            floatingMenu.shiftY +=
                de.clientHeight > window.innerHeight
                ? window.innerHeight
                : de.clientHeight
        }
        else
        {
            floatingMenu.shiftY +=
                floatingMenu.hasElement
                ? de.clientHeight
                : document.body.clientHeight;
        }
    }
}
floatingMenu.calculateCornerX = function()
{
    if (floatingMenu.targetX != 'center')
        return floatingMenu.shiftX + floatingMenu.targetX;
    var width = parseInt(floatingMenu.menu.offsetWidth);
    var cornerX =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
          ? pageXOffset
          : document.documentElement.scrollLeft) +
          (document.documentElement.clientWidth - width)/2
        : document.body.scrollLeft +
          (document.body.clientWidth - width)/2;
    return cornerX;
};
floatingMenu.calculateCornerY = function()
{
    if (floatingMenu.targetY != 'center')
        return floatingMenu.shiftY + floatingMenu.targetY;
    var height = parseInt(floatingMenu.menu.offsetHeight);
    // Handle Opera 8 problems
    var clientHeight =
        floatingMenu.hasElement && floatingMenu.hasInner
        && document.documentElement.clientHeight
            > window.innerHeight
        ? window.innerHeight
        : document.documentElement.clientHeight
    var cornerY =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
          ? pageYOffset
          : document.documentElement.scrollTop) +
          (clientHeight - height)/2
        : document.body.scrollTop +
          (document.body.clientHeight - height)/2;
    return cornerY;
};
floatingMenu.doFloat = function()
{
    // Check if reference to menu was lost due
    // to ajax manipuations
    if (!floatingMenu.menu)
    {
        menu = document.getElementById
            ? document.getElementById(floatingMenuId)
            : document.all
              ? document.all[floatingMenuId]
              : document.layers[floatingMenuId];
        initSecondary();
    }
    var stepX, stepY;
    floatingMenu.computeShifts();
    var cornerX = floatingMenu.calculateCornerX();
    var stepX = (cornerX - floatingMenu.nextX) * .07;
    if (Math.abs(stepX) < .5)
    {
        stepX = cornerX - floatingMenu.nextX;
    }
    var cornerY = floatingMenu.calculateCornerY();
    var stepY = (cornerY - floatingMenu.nextY) * .07;
    if (Math.abs(stepY) < .5)
    {
        stepY = cornerY - floatingMenu.nextY;
    }
    if (Math.abs(stepX) > 0 ||
        Math.abs(stepY) > 0)
    {
        floatingMenu.nextX += stepX;
        floatingMenu.nextY += stepY;
        floatingMenu.move();
    }
    setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
    if(typeof element[listener] != 'function' ||
      typeof element[listener + '_num'] == 'undefined')
    {
        element[listener + '_num'] = 0;
        if (typeof element[listener] == 'function')
        {
            element[listener + 0] = element[listener];
            element[listener + '_num']++;
        }
        element[listener] = function(e)
        {
            var r = true;
            e = (e) ? e : window.event;
            for(var i = element[listener + '_num'] -1; i >= 0; i--)
            {
                if(element[listener + i](e) == false)
                    r = false;
            }
            return r;
        }
    }
    //if handler is not already stored, assign it
    for(var i = 0; i < element[listener + '_num']; i++)
        if(element[listener + i] == handler)
            return;
    element[listener + element[listener + '_num']] = handler;
    element[listener + '_num']++;
};
floatingMenu.init = function()
{
    floatingMenu.initSecondary();
    floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
    floatingMenu.computeShifts();
    floatingMenu.nextX = floatingMenu.calculateCornerX();
    floatingMenu.nextY = floatingMenu.calculateCornerY();
    floatingMenu.move();
}
if (document.layers)
    floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
    floatingMenu.init();
    floatingMenu.addEvent(window, 'onload',
        floatingMenu.initSecondary);
}
//-->
</script>
4 - قم بتغيير كلمة http://www.tacwed.com/ برابط مدونتك
5- اذهب الى تصميم ثم تحرير HTML ثم قم بتوسيع القالب 

اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة JxvlIL

6- ابحث عن كلمة 
الكود:
</head>

7- اضف بعدها الكود التالى 

الكود:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>

الان قم بحفظ القالب والف مبروك 
اتمنى ان يكون الشرح فيه الفائدة

توقيع : الرسام

رقم المشاركة : ( 2 )
الشاعر 96
الشاعر 96
 
عدد المساهمات : 21
تاريخ التسجيل : 29/08/2015
مُساهمةرد: اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة

كُتب : [ الإثنين أغسطس 31, 2015 1:06 am ]




شرح جميل

شكرا على الموضوع 

توقيع : الشاعر 96

رقم المشاركة : ( 3 )
الرسام
الرسام
مدير عام
 
عدد المساهمات : 947
تاريخ التسجيل : 06/11/2013
مُساهمةرد: اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة

كُتب : [ الإثنين أغسطس 31, 2015 2:32 am ]




شكرا لمرورك اخي الكريم

توقيع : الرسام



الانتقال السريع

كلمة الادارة
منتدى التكويد العربي
او ل منتدى يختص بالتصميم والتكويد
أسس منتدى التكويد العربي يوم 15الأربعاء 6 نوفمبر 2013 - 14:49 )على أساس فكرة بسيطة
وهي تقديم محتوى يروق الباحث العربي خلال تصفحه للنت وذلك في مجال آخر تطورات
البرمجة وتصميم المواقع بافضل الطرق الحديثة وكذا كل الأخبار المتعلقة بالتقنية بصفة عامة
كما أننا حاولنا مزج التقنية بعالم التصميم. نقدم مواضيع خاصة بنا غير منقولة
من أي موقع او مدونة أو منتدى عربي آخر بل نلخص ما تعرضه المواقع الرسمية
لمنتوج أو اكواد او تصميم معين وونبرمجه للغة خاصة. إهتماماتنا في هذا المنتدى هو
على الشكل التالي:
1- طرح آخر أخبار البرمجة والتصميم.
2- توفير معلومات حول آخر الاكواد والتصميم المطروحة في جميع المجالات منها المجانية أو المدفوعة.
3- تلبية الباحث العربي في جميع مطالبه عبر طرح مواضيع تهتم به وبمواقعه.
4- آخر الاعمال والاكواد والتصاميم الموجدة بطرق احترافية.
5- كل ما يتعلق بالمواقع والمنتديات.
6- تقديم نصائح وأدوات لمصممي مواقع الأنترنت.
7- توفير أدوات التصميم لكل المصممين.
كما نعرض مواضيع متنوعة من فيديوهات تعليمية للمبتدئين وألبوم صور لآخر المنتوجات التي توصلت إليها التكنولوجيا الحديثة.

جميع حقوق الطبع والنشر محفوظة لمنتدى التكويد العربي


w w w . t a c w e d . com

تصميم وتكويد الرسام

شاطراذا تحب تساعدنا ما ياخذ من وقتك ثواني، إذا دخلت أي موضوع في المحبين فقط إضغط زر المشاركة من اليسار و شارك الموضوع بمواقع التواصل الإجتماعي