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

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


شرح التركيب


  • قم بالبحث عن هذا الوسم]]></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>


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


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

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون