بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة والسلام اما بعد السلام عليكم ورحمة الله وبركاتة احبابي واخواتي في الله.
اليوم اشارككم في اضافة جديدة وحصرية وهي اضافة مشاركة منبثقة تتحرك مع الماوس من الممكن ان تعرض فيها اخر مشارة او مشاركة جيدة او رمضان كريم او المزيييد....
اليوم اشارككم في اضافة جديدة وحصرية وهي اضافة مشاركة منبثقة تتحرك مع الماوس من الممكن ان تعرض فيها اخر مشارة او مشاركة جيدة او رمضان كريم او المزيييد....
صورة الإضافة
معاينة الإضافة
شرح التركيب
- افتح بلوجر ثم تحرير html
- ابحث عن </body> واضف الكود التالي فوقه
<style> .wdbloog-moqtarhat { background-color: #fff; bottom: 10px; box-sizing: border-box; display: none; overflow: hidden; position: fixed; right: 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:#366299;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:#366299;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='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdodwuezRj8FsuSCaHfyVCYdfqsUIqehO2wfB5Uq24ts_95wBdHrHhyate1okrvojz3zrosUhsw7Yu2WNhGvuV7gvIrd3Yq564S72hn_L47GIFFras0Y4Za7yQii8uSJbSoZIGI7ORTxTI/s1600/2017.png'/> <p> رمضان كريم لكل متابعي مدونة اسمعنى اون لاين </p> </a> </div> </div>والسلام عليكم ورحمة الله وبركاته ورمضان كريم عليكم