اضافة مشاركة منزلقه يدويا بشكل احترافى لمدونات بلوجر - عالم المدون

الخميس، 8 يونيو، 2017

اضافة مشاركة منزلقه يدويا بشكل احترافى لمدونات بلوجر

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


شرح التركيب


  • قم بالبحث عن هذا الوسم]]></b:skin>فى مدونتك ثم ضع فوقه الكود التالى .


.wdbloog-moqtarhat {background-color: #fff;bottom: 10px;box-sizing: border-box;display: none;overflow: hidden;position: fixed;left: 10px;width: 251px;z-index: 9999999999;box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.closebq{background-color:#EF5350;color:#fff;height:35px;right:5px;position:absolute;text-align:center;top:5px;width:35px;z-index:9;font-size:16px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);border-radius:50%;line-height:35px}
.wdbloogranqRandomPostBS{color:#666;display:block;font:14px/1.8em tahoma;position:relative;text-align:center}
.wdbloogmoqta ul{list-style:outside none none!important;margin:0!important;padding:0!important}
.wdbloogmoqta a{text-decoration:none!important}
.wdbloogmoqta h2{background-color:transparent!important;border:0 none!important;box-shadow:none!important;color:#009efa!important;display:block!important;font:bold 14px/1.8em droid arabic kufi!important;height:auto!important;margin:0!important;overflow:hidden;text-align:center!important}
.wdbloogmoqta li img{height:200px;margin:0!important;position:absolute;right:5px;top:5px;width:290px}
a.wdbloogtnoimg img{width:100%;height:215px}
.wdbloogmoqta{background-color:#EF5350;text-align:center;}
.wdbloogmoqta p{color:#fff;padding:15px}


  • الأن قم بوضع هذا الكود التى فوق الوسم هذا</body>فى مدونتك .


<script type='text/javascript'>
//<![CDATA[
$(window)['scroll'](function() {
    if ($(document)['scrollTop']() >= $(document)['height']() / 4) {
        $('#wdbloogsocialslide')['show']('slow')
    } else {
        $('#wdbloogsocialslide')['hide']('slow')
    }
});

function closewdbloogsocialslide() {
    $('#wdbloogsocialslide')['remove']();
    $['ajax']({
        type: 'POST',
        url: '/facebookpage.php'
    })
}
//]]>
</script>


  • الأن قم وضع الكود التالى فوق هذا الوسم<body>فى مدونتك


<div class='wdbloog-moqtarhat' id='wdbloogsocialslide'>
<a class='closebq' href='javascript:void(0);' onclick='return closewdbloogsocialslide();'>X</a>
<div class='wdbloogmoqta'>
<a class='wdbloogtnoimg' href='/2017/05/whaff.html'>
<img src='https://goo.gl/kMULvF'/>
<p>
ربح المال و بطاقات جوجل بلاي وايتونز و رصيد باى بال مع تطبيق whaff
  </p>
</a>
</div>
</div>


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


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

الطريقة الثانية للتركيب



  • عليك فوق وضع الأكود كامله فوق الوسم هذا</body>فى مدونتك


<style>
.wdbloog-moqtarhat {background-color: #fff;bottom: 10px;box-sizing: border-box;display: none;overflow: hidden;position: fixed;left: 10px;width: 251px;z-index: 9999999999;box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.closebq{background-color:#EF5350;color:#fff;height:35px;right:5px;position:absolute;text-align:center;top:5px;width:35px;z-index:9;font-size:16px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);border-radius:50%;line-height:35px}
.wdbloogranqRandomPostBS{color:#666;display:block;font:14px/1.8em tahoma;position:relative;text-align:center}
.wdbloogmoqta ul{list-style:outside none none!important;margin:0!important;padding:0!important}
.wdbloogmoqta a{text-decoration:none!important}
.wdbloogmoqta h2{background-color:transparent!important;border:0 none!important;box-shadow:none!important;color:#009efa!important;display:block!important;font:bold 14px/1.8em droid arabic kufi!important;height:auto!important;margin:0!important;overflow:hidden;text-align:center!important}
.wdbloogmoqta li img{height:200px;margin:0!important;position:absolute;right:5px;top:5px;width:290px}
a.wdbloogtnoimg img{width:100%;height:215px}
.wdbloogmoqta{background-color:#EF5350;text-align:center;}
.wdbloogmoqta p{color:#fff;padding:15px}
</style>
<script type='text/javascript'>
//<![CDATA[
$(window)['scroll'](function() {
    if ($(document)['scrollTop']() >= $(document)['height']() / 4) {
        $('#wdbloogsocialslide')['show']('slow')
    } else {
        $('#wdbloogsocialslide')['hide']('slow')
    }
});

function closewdbloogsocialslide() {
    $('#wdbloogsocialslide')['remove']();
    $['ajax']({
        type: 'POST',
        url: '/facebookpage.php'
    })
}
//]]>
</script>
<div class='wdbloog-moqtarhat' id='wdbloogsocialslide'>
<a class='closebq' href='javascript:void(0);' onclick='return closewdbloogsocialslide();'>X</a>
<div class='wdbloogmoqta'>
<a class='wdbloogtnoimg' href='/2017/05/whaff.html'>
<img src='https://goo.gl/kMULvF'/>
<p>
ربح المال و بطاقات جوجل بلاي وايتونز و رصيد باى بال مع تطبيق whaff
  </p>
</a>
</div>
</div>


  • ثم تقوم ايضا بتعديل ما فى الكود وتقوم بحفظ القالب ومبروك عليك


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

7 تعليق على موضوع : اضافة مشاركة منزلقه يدويا بشكل احترافى لمدونات بلوجر

أزال أحد مشرفي المدونة هذا التعليق.

شرح رائع واضافة مميزة شكرا لك



لو سمحت يا اخي اريد اعرف
لدي قالب وهو متوافق بشكل كامل علي المدونة حاسوب /هاتف
لكن المشكلة ظهور حجم الموضوع ، في الهاتف يظهر فراق وانا اريد ظهور المشاركة تظهر كاملة علي شاشة الهاتف

مثل ظهور عرض التدوينة في قالبك هذا




وشكرا لك من اعماق القلب

في انتظار ردودك يا هندسة
(وتم تفعيل زر اعلامي بالتعليقات)

أرجو منك وضع رابط مدونتك أخى

ولماذا أنت تسرق الإضافات من قالب مدونتى

يا عمي انت مدونتك بروتيك


كل شي فيها مثل عالم المدون

وتجي تقول انو سرق منشورك هههههه

وبعدين انت مدونتك مافيش حد اصلا بدخلها علشان يسرق منك شي يا حلو هههههه

اخى الكريم الاضافة لم اعرف ان اكملها بسبب عدم وجود الوسم body الذى هو يوجد به اخر اضافة
انا استخدم قالب نسيم

هذا الوسم أخى يوجد فى أى قالب
جرب البحث عنه هكذا /body

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر