يونيو 17, 2017
اضافة بلوجر
اعزائنا المتابعين
اضافة عداد قبل الولوج الى رابط التحميل هي اضافة جميلة جدا لبلوجر و الهدف منها هو ابقاء الزائر فترة اطول على الصفحة ، حيث من خلال هاته الاضافة قد تتمكن من مضاعفة ارباحك و تقوية السيو الخاص بمدونتك و تخفيض ترتيبك في اليكسا ، و الان سنتعرف على طريقة القيام بهاته الصفحة المهمة على جميع مدونات و قوالب بلوجر .
للمعاينة اضغط هنا
طريقة التركيب :
1 إذهب الى تحرير القالب HTML ، ثم إضغط Ctrl+f من لوحة المفاتيح و إبحث عن وسم </head> ثم أضف الكود التالى قبله فوقه :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
إذا كان هذا الكود لديك فى القالب فلا داعى لإضافته مرة أخرى
بعد ذلك اضف هدا الكود فوق ]]></b:skin> :
button, input, optgroup, select, textarea {background: #0099ff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdNTjifBodpgXz6v7ViXWJ0kIWCvj-ktTrwoQvTWILp8Ui8i1ZyoJdIhTC8fQo3KT22IW7r1Tgy-V1KGzsTYGlTmYXxMMNSeOjlP6I2DoVZo6AZET-xgLJgP_bD5wykPjxl1KDvk0bh4CB/w938-h350-no/header-6.png) repeat-y center;height: 90px; width: 340px;}button, html input[type=button], input[type=reset], input[type=submit] {font-size: 38px;color: #fff;}
لتغيير لون الستايل غير هدا الكود #0099ff الى ما يناسبك
2 إذهب إلى صفحة المشاركة التى تريد إضافة الرابط الخارجى أو رابط التحميل بها ثم أضف الكود التالى داخل تبويب HTML للمشاركة :
<script>$(function () { $("#condaianllkhir").click(function () { var seconds = 5; $("#CountDown").show(); $("#condaianllkhir").hide(); $("#DrRO").html(seconds); setInterval(function () { seconds--; $("#DrRO").html(seconds); if (seconds == 0) { $("#CountDown").hide(); window.location = "https://anaswebinfo.blogspot.com/"; } }, 1000); });});</script><center><br/><br/> <input type="button" id="condaianllkhir" value="إضغط هنا للتحميل" /><br /><br /><div id="CountDown" style="display: none"><b>إنتظر قليلا قبل التوجه إلى صفحة التحميل <br/> <br/> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrZ71BwCQDkwDIN59EMA_n4VSdOiNeVhWhCzowPoYkGFZMYC3RSpvE-YQEPTbLFjUHQZ4SGIwcVnaNrQd8QtLT2yuqFxXUKFcntY_sDCERAixpUEuFx0s8JyIza1vrKgrNJ4nm6YUoEfM/s1600/loader.gif" /> <br/><br/> <span id="DrRO"></span> seconds.</div></center>
الان قم بتغيير خيارات القالب من القائمه الجانبيه الي هذه الخيارات
التعديل على الكود :
إستبدال الرابط https://anaswebinfo.blogspot.com/ برابط التحميل الخاص بك.
لتغيير العداد التنازلى قم بتغيير رقم 5 الموجود بالكود
لتغير شكل صورة التحميل قم بتغيير الرابط الموجود في الكود... اضغط هنا و اختر ما يناسبك
هدا كل شيئ المرجو منكم دعمنا باي شيئ من اجل الاستمرار في العطاء و شكرا
ليست هناك تعليقات: